unity学习----UGUI部分

1、资源配置

导入对应资源

mark

全选设置属性 Sprite(2D and UI),apply一下

mark

2、创建主菜单背景

2.1 插入图片

创建一个image,选择source image 选择背景图片

mark

2.2 使图片平铺视角

mark

2.3 image按钮,声音按钮

创建 image addcomponent 中加button

mark

插入声音按钮的源文件 ,按住shift等比缩放,shiif+alt 以中心点放大缩小

组合按钮

mark

点击按钮渐变效果的图层

mark

2.4、关于界面伸缩,按钮不见

设置按钮的锚点,与屏幕左上角对齐

![1559109600738](G:\资料\笔记\游戏设计\unity游戏设计与实现\笔记 Folder\1559109600738.png)

3、 设置血条

先image 一个 添加 Slider ,将image(2)Fill Rect

mark

转到 image (2) ,将 image Type 设置为 Filled

Filled Methond 可设置为Horizontal (从左到右填充)

mark

不能让用户Slider控件

将 interactable 去掉

mark

4、image 属性

4.1 Slice切图 使得边框不失真

选择图片属性 Sliced

mark

点击source image

mark

mark

mark

apply一下

接下来缩小放大就不会失真了

4.2 Tiled 按原来的大小平铺整个空间

mark

效果:

mark

4.3 Fill 显示图片某个区

mark

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章