unity学习----UGUI部分

1、资源配置

导入对应资源

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

2、创建主菜单背景

2.1 插入图片

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

2.2 使图片平铺视角

2.3 image按钮，声音按钮

创建 image addcomponent 中加button

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

组合按钮

点击按钮渐变效果的图层

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

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


3、 设置血条

先image 一个 添加 Slider ，将image（2）Fill Rect

转到 image （2） ，将 image Type 设置为 Filled

Filled Methond 可设置为Horizontal （从左到右填充）

不能让用户Slider控件

将 interactable 去掉

4、image 属性

4.1 Slice切图 使得边框不失真

选择图片属性 Sliced

点击source image

apply一下

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

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

效果：

4.3 Fill 显示图片某个区