Unity学习笔记(12)

完成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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、Unity简介 1. Unity界面 Shift + Space : 放大界面 Scene界面按钮渲染模式2D...
    MYves阅读 8,470评论 0 22
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,022评论 3 119
  • 外出时你拉着我,我拉着你不用说情话感觉就十分美好 旅游时山静静匍匐,水哗哗地流我们相视一笑感觉就十分美好 在家时我...
    瑜伽散人阅读 419评论 6 16
  • 素妆立江畔等归人,却不见山河萧寂,意中人归。若日每往探此,失慌欲与彼中伤,似念欲于君?为愿同道,祈是莫人殊。 ...
    瑾黛阅读 259评论 0 0
  • 天气转凉都开始盖棉被了, 而妈妈给的爱的被套可以说是相当精彩了/笑哭/笑哭 大家来晒晒妈妈给的爱的被套吧/斜眼笑/...
    搞笑有嘻哈阅读 231评论 0 0