完成UI教程4~6，总结要点如下
1.UI Image ,属性很好理解，源图片就是字面意思，然后叠加一个颜色，再选择一个材质。Image Type中的设置应该是比较常用且有用的：
Simple会拉伸图片以符合所需要的大小，如果勾选了Preserve Aspect，则会保持原有的比例（Set Native Size则会完全变成源图片的尺寸）
Sliced会将原图片分成几个区域，中心区域会拉伸，外围则会保持原有形状（圆角就不会被拉变形），自己上手试了一下Sprite Editor，还比较容易
Tiled正常应该是会沿着XY两个方向平铺sprite的，不知道为什么我用的时候width方向不会平铺
Filled就比较有意思了，可以显示图片的一部分，具体是哪一部分呢？可能是左右上下的N%，也可能是90°、180°或者360°的某一部分，由Fill Method 和Fill Origin两个选项来控制，Fill Amount来控制百分比
通过设置图片为Filled来做进度条、登录条应该属于比较常见的做法，写到这里自己也尝试了一下，第一次去API中搜索Fill Amount的属性，根据Image.fillAmount里的示例代码，完成了一个五秒的进度条，感觉还不错
照着示例代码写的随时间变化的fillAmount
2.UI Text比较常规，几个属性用来控制文字：字体、格式、字号、行间距和markdown。几个属性用来控制段落：对齐方式、横向纵向超框的处理、是否自动调节字号等等
3.UI Events and Event Triggers中，第一次接触到了新的组件Event-Event Trigger，可以方便的添加指针进入、指针退出、拖拽、选择等等常用的触发条件。选择了条件以后的触发脚本列表，和Button默认的OnClick是一模一样的
今天的教程看完，喜忧参半。喜在学了这几个关键的组件，离能够自己上手开始制作UI又近了一步；忧在按照这两天的学习效率，远远达不到之前预估的速度，学完整个UI教程可能得多花一倍的时间。
路漫漫其修远兮，吾将上下而求索。
2018.11.1 0:10
网友评论