Unity学习之UI设计笔记

引入素材图片
点击引入的图片,设置Texture Type为Sprite(2D and UI),用于2D游戏界面显示。
Unity学习之UI设计笔记
Image的四种类型
新建UI->Image,在Image Type中有4个类型:Simple,Sliced,Tiled,Filled
Simple:普通的图片显示。
Sliced:切片模式,主要用于拉伸时防止边界失真。点击上图的Sprite Editor,设置绿线边界,则在拉伸时,只绿色框外的部分可以避免失真。
Tiled:平铺模式,拉伸后会平铺原图像。
Filled:填充显示模式,可以旋转90、180、360度角填充,或水平、垂直填充,效果类似于Slice进度条。例如,360度角填充可以应用与技能冷却特效上。

设置锚点Anchor
锚点主要用于屏幕的自适应,游戏物体与锚点的相对位置是不会发生变化。共有9种锚点位置,7种拉伸方式,如下图。
Unity学习之UI设计笔记
一些快捷键
shift + 拉伸:以对角点进行等比例拉伸
alt + shift + 拉伸:以图片中心进行等比例拉伸