Uinty的uGUI学习(06):案例-进入游戏界面
Uinty的uGUI学习(06):案例-进入游戏界面
宇鸿165 发表于1年前
Uinty的uGUI学习(06):案例-进入游戏界面
  • 发表于 1年前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

#####一、uGUI - 进入游戏界面(案例登录界面)

1.设置图片的类型 
2.进行图片设置为9宫格样式 
3.设置图片的类型 为 切图样式image Type : Sliced
4.设置锚点都为右边

九宫格

图片拉大,会失真。所以我们需要设置图片为九宫格
切成9个格子,图片只会拉伸中间的一部分
4个脚是不会别拉伸的
中间边缘的脚只会被上下拉伸

10_1图片设置为精灵和UI属性.png

10_2编辑图片.png

10_3将图片切成9宫格.png

10_4设置图片为切图类型.png


#####二、uGUI - button的高级属性(案例登录界面)

  • 1.transition (1.none 2.Color Tint 3.Sprite Swap 4.Animation)
1.给按钮添加一个动画
2.设置transition为Animation
3.添加animation控制器
4.设置动画样式

10_5给按钮设置高级属性Tansition.png

10_6动画保存到那个文件夹下面.png

选择按钮 ->Windows - Animation 10_7编辑动画.png

10_8动画的编辑器.png

10_9添加动画.png

10_10其他按钮绑定一个动画.png

10_11给animation绑定控制器.png


标签: Unity3D uGUI
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 154
码字总数 368963
×
宇鸿165
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: