unity ui小技巧

一：使图片背景图片平铺

选择背景

set native size 按钮可以是图片保持原有的比例

使用rect tool 工具移动图片不会造成z轴方向的移动（建议在平面移动时使用这个）

选择锚点（锚点就像船的锚一样，能够固定位置，保持相对位置不改变）

为了使图片平铺，我们使用四角为锚点

按住alt选择右下角的向四周拉伸

二：技能冷却特效

在此图上面再加一层图片并调成暗色

将image type改成filled

使用代码调整fill amount 就可以实现技能冷却特效

三：能量条，血条制作

ui—>slider

back ground :背景

fill area：填充区域

 

点击播放

拖动按钮

按钮(可以选择把按钮删除)

其实slider就是几张图片（颜色）相互覆盖制作的特效

在父级图片挂上了slider组件

四：切换背包物品栏

toggle 的使用可以实现这个功能

ui->toggle

点击播放

将需要scene视图需要控制的图片放入image中

我们也可以根据自己的需求来使用toggle

例如：

图片挂上toggle组件就可以成为按钮

 

效果

头盔消失

点击左边

双剑消失

有个bug（我们需要必须有一个存在，不能两个同时消失同时出现，这时候使用toggle group）

添加toggle group 组件

将添加了toggle group组件的物体移入按钮的group

使两个按钮都在同一个toggle group中，使他们不能同时被触发

五：grid layout group的使用

能够自动生成多个元素

选择要复制的元素ctrl +D

就会自动排列

六：滑动scroll rect

 

scroll 加个mask组件可以隐藏颜色