【UGUI】给美术的备忘录

---

基础组件

画布(Canvas)

---

• Canvas(画布)
  • Render Mode(渲染模式)
    • Screen Space - Overlay(覆盖)
      • Sort Order(排序顺序)
• Canvas Scaler(画布缩放)
  • UI Scale Mode(UI缩放模式)
    • Scale With Screen Size(根据屏幕尺寸缩放)
    • Reference Resoulution(设计尺寸)
    • Screen Match Mode(适配模式)
      • Match Width Or Height(适配宽或高)
      • Expand(扩大)
      • Shrink(缩小)
    • Reference Pixels Per Unit(每单元多少像素)

Content Size Fitter(适应大小)

---

• Horizontal Fit(横)
  • Unconstrained(啥也不干)
  • Preferred Size(适应大小)
• Vertical(纵)
  • Unconstrained(啥也不干)
  • Preferred Size(适应大小)

图片(Image)

---

• Image
  • Source Image(源图片)
  • Color(颜色)
  • Maskable(接受遮罩)
  • ImageType(图片类型)
    • Simple(普通)
    • Sliced(九宫切图)
    • Tiled(平铺)
    • Filled(按一个比例显示)

遮罩(Mask)

---

• Show Mask Graphic(是否显示遮罩图片)

源图片(Image)

---

• Texture(贴图)
• Color(颜色)

文本(Text)

---

• Text
  • Text(文本内容)

  <color=#FFFFFF>内容</color>
  <size=24>内容</size>
  

  • Font(字体)
  • FontSize(字体大小)
  • LineSpacing(行间距)
  • Color(颜色)
  • Maskable(接受遮罩)

按钮

• Interactable(可交互)
• Transition(按钮变化)
  • Normal/Target (普通状态)
  • Pressed (按下状态)
  • Disabled (不可用状态)

勾选框(Toggle)

• Interactable(可交互)
• IsOn(是否选中)

输入框(InputField)

• Interactable(可交互)

滑动条(Slider)

1. Interactable(可交互)
2. Direction(方向)
   • Left To Right(从做到右)
   • Right To Left(从右到左)
   • Bottom To Top(底到顶)
   • Top To Bottom(顶到底)

滚动容器(ScrollView)

---

1. 设定方向
2. 删除不需要的对象
3. 添加容器脚本
   • Grid Layout Group(横着和竖着都有多个)
     • Padding(填充区域)
     • Cell Size(限定大小)
     • Spacing(间隔)
     • Start Corner(启示位置)
     • StartAxis(优先排列方式)
       • Horizontal Layout Group(全是横的)
       • Vertical Layout Group(全是竖的)很少用
     • Child Alignment(子物体对其方式)
       • Upper Center(上中对齐)最常用的
     • Constranint(限制)
       • Flexible(灵活)没限制
       • Fixed Column Count(数量限制)限制有限排列方式的个数
   • Horizontal Layout Group(横向多个)
     - Padding(填充区域)
     - Spacing(间隔)
   • Vertical Layout Group(纵向多个)
     - Padding(填充区域)
     - Spacing(间隔)

---

适配方式

---

导出包

---