Uinty的uGUI学习(06):案例-进入游戏界面

一、uGUI - 进入游戏界面(案例登录界面)
1.设置图片的类型 
2.进行图片设置为9宫格样式 
3.设置图片的类型 为 切图样式image Type : Sliced
4.设置锚点都为右边

九宫格

图片拉大,会失真。所以我们需要设置图片为九宫格
切成9个格子,图片只会拉伸中间的一部分
4个脚是不会别拉伸的
中间边缘的脚只会被上下拉伸
Uinty的uGUI学习(06):案例-进入游戏界面_第1张图片
10_1图片设置为精灵和UI属性.png
Uinty的uGUI学习(06):案例-进入游戏界面_第2张图片
10_2编辑图片.png
Uinty的uGUI学习(06):案例-进入游戏界面_第3张图片
10_3将图片切成9宫格.png
Uinty的uGUI学习(06):案例-进入游戏界面_第4张图片
10_4设置图片为切图类型.png

二、uGUI - button的高级属性(案例登录界面)
  • 1.transition (1.none 2.Color Tint 3.Sprite Swap 4.Animation)
1.给按钮添加一个动画
2.设置transition为Animation
3.添加animation控制器
4.设置动画样式
Uinty的uGUI学习(06):案例-进入游戏界面_第5张图片
10_5给按钮设置高级属性Tansition.png
Uinty的uGUI学习(06):案例-进入游戏界面_第6张图片
10_6动画保存到那个文件夹下面.png

选择按钮 ->Windows - Animation


Uinty的uGUI学习(06):案例-进入游戏界面_第7张图片
10_7编辑动画.png
Uinty的uGUI学习(06):案例-进入游戏界面_第8张图片
10_8动画的编辑器.png
Uinty的uGUI学习(06):案例-进入游戏界面_第9张图片
10_9添加动画.png
Uinty的uGUI学习(06):案例-进入游戏界面_第10张图片
10_10其他按钮绑定一个动画.png
Uinty的uGUI学习(06):案例-进入游戏界面_第11张图片
10_11给animation绑定控制器.png

你可能感兴趣的:(Uinty的uGUI学习(06):案例-进入游戏界面)