UGUI 在面板经常使用的表格布局制作

文章目录

          • 前言
        • 横向布局
        • 纵向布局
        • 表格布局

前言
  • 我以前学过这个
  • 但是由于很轻视UI,只喜欢敲代码时候的爽快感,所以总是忘记。所以在这里总结一下
  • 布局分为横向布局,纵向布局,表格布局。可以根据需要加上滑动效果

横向布局

  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Horizontal layoyt Group】【content size filter 】
  • 设置content size filter的horizontal fit 为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content

纵向布局

  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Vertical layoyt Group】【content size filter 】
  • 设置content size filter的Vertical fit 为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content

表格布局

  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Grid layoyt Group】【content size filter 】
  • 根据滑动方向设置content size filter的某个属性为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content

你可能感兴趣的:(UGUI)