Rect Transform
- Pivot 轴点 中⼼点
- Anchor 锚点 控制UI的显示，⽅便UI在不同屏幕
- 上的正确显示，完成UI⾃适应。
- 特殊属性 sizeDelta 宽⾼
- 注意：在操作UI时，切记不要调节Scale
如果要调节ui的宽⾼，使⽤Width和Height这两个属性
Text
- Text Text显示的⽂本
- Font 字体 字体⽂件
- Font Style 字体⻛格
加粗
倾斜
加粗并倾斜 - Font Size 字号
- Line Spacing ⾏间距
- Rich Text 富⽂本
- Alignment 对⻬⽅式
左对⻬
居中
右对⻬
上对⻬
居中
下对⻬ - Horizontal Overflow ⽔平溢出
- Vertical Overflow 垂直溢出
- Best Fit ⾃动调节字号
- Color 字体颜⾊
- Material 字体材质
- 拓展
文字阴影效果 Shadow
文字包围效果 Outline
Image
- SourceImage 源图⽚ 拓展：图⽚类型
- Texture（纹理）
- Sprite(精灵)
- Color 颜⾊
- Material 材质
- Preserve Aspect 保持原有⽐例
- SetNativeSize 恢复原有尺⼨
- ImageType（图⽚类型）
Simple（拉伸类型）
保持原有⽐例
设置为图⽚原始⼤⼩Tiled（平铺类型）
Sliced（裁剪类型）
-
Filled（填充类型）
FillMethod（填充⽅法）
FillOrigin（填充⽅向）
FillAmount（填充值）
Clockwise（顺/逆时针填充）拓展： 如何将⽅形图⽚变成圆形图⽚ 1、创建⼀个Image，设置为圆形图⽚ 2、给Image的对象添加⼀个组件Mask 3、将要遮罩的图⽚设置为该Image的⼦对象
RawImage
- Texture 纹理图⽚ 精灵和纹理都可以
- Color 颜⾊
- Material 材质
- UV Rect UVRect
- SetNativeSize 恢复原有尺⼨
可交互组件通⽤属性
- Interactable 交互是否有效
- Transition（按键变化）
- None（没有变化）
- ColorTint（颜⾊变化）
Normal（正常情况）
Highlighted（⿏标悬浮到按钮）
Pressed（⿏标按下按钮）
Disable（按钮不可⽤） - SpriteSwap（图⽚变化）
- Animation（动画变化）
- Navigation（导航）
Button OnClick（按钮点击事件）
- 可以修改某个组件的公有属性
- 可以调⽤其他组件的⽅法
- ⽅法必须是Public
- 参数只能是0个或1个
- 也可以调⽤脚本组件的⽅法
- ⽅法必须是Public
- 参数只能是0个或1个
- 通过代码设置按钮点击监听
- 只能添加空参数空返回值的函数
- 如果只让按钮点击实现⼀个函数的调⽤
1. RemoveAllListeners
2. AddListener
Slider（滑动条）
- Direction 滑动⽅向
左到右
右到左
上到下
下到上 - Min Value 滑动条最⼩值
- Max Value 滑动条最⼤值
- Whole Numbers 滑动条取值为整数
- Value 滑动值
- OnValueChange（滑动条值发⽣变化时调⽤）
动态传参 传⼊的Float值为Slider当前的Value值，⾃动传⼊
静态传参 ⼿动传参，在Inspector⾯板
ScrollBar（滚动条）
- Handle Rect 滑块
- Direction 滑动⽅向
- Value 滑动值
- Size 滑块⼤⼩
- Number Of Steps 滑块从左滑到右，所需的步数
- OnValueChange 滑块值发⽣变化时调⽤
Toggle
- isOn 开关
- Toggle Transition 开关切换类型
⽆
渐变 - Group 开关组 ToggleGroup组件 AllowSwitchOff
（允许不选择） - OnValueChange 变值回调
InputField
- Text Component ⽂本显示对象（Text）
- Text ⽤户输⼊的内容
- Character Limit 字数限制
- Content Type 内容类型
- Caret Blink Rate 光标闪动速度
- Caret Width 光标宽度
- Custom Caret Color 光标颜⾊
- SelectionColor 选中颜⾊
- HideMobileInput 隐藏移动输⼊
- ReadOnly 只读
- OnValueChange 变值回调
- EndEdit 结束编辑时调⽤
DropDown(下拉菜单)
- Template 示例项
- CaptionText 标题⽂字
- CaptionImage 标题图⽚
- ItemText 示例项⽂本
ItemImage 示例项图⽚ - Value 选择值
- Options 下拉菜单项
- OnValueChanged 变值回调
