完成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里的示例代码,完成了一个五秒的进度条,感觉还不错
2.UI Text比较常规,几个属性用来控制文字:字体、格式、字号、行间距和markdown。几个属性用来控制段落:对齐方式、横向纵向超框的处理、是否自动调节字号等等
3.UI Events and Event Triggers中,第一次接触到了新的组件Event-Event Trigger,可以方便的添加指针进入、指针退出、拖拽、选择等等常用的触发条件。选择了条件以后的触发脚本列表,和Button默认的OnClick是一模一样的
今天的教程看完,喜忧参半。喜在学了这几个关键的组件,离能够自己上手开始制作UI又近了一步;忧在按照这两天的学习效率,远远达不到之前预估的速度,学完整个UI教程可能得多花一倍的时间。
路漫漫其修远兮,吾将上下而求索。
2018.11.1 0:10