Unity学习笔记 - uGUI

 新葡亰计算机网络     |      2020-02-07

希望,有一个按钮位于窗口的右上角,窗口扩大的时候,它仍在右上角,也就是说,总是跟着右侧边跑。

uGUI就是Unity原生自带的UI制作系统,unity 4.6之后才有的。据说比NGUI好用,毕竟是unity亲生的嘛~

办法:设置按钮的 Anchor 属性为 Top、Right。注意要把 Anchor 的 Left 取消了,否则它就是自动扩大大小到窗口的大小了。

学习目标:

要在其他角实现类似效果,代码类似。

  1. UI图片的摆放与正常显示

  2. 按钮  -  点击按钮动画;点击后界面跳转;点击后触发脚本中设定的功能

  3. 窗口  -  窗口弹出/消失动画

  4. 屏幕适配

  5. 美术资源规划与性能优化

一. UI图片的摆放与正常显示

1. 创建UI图片

引自:http://blog.csdn.net/u012999985/article/details/50865335

点击菜单栏的GameObject标签——UI——Image

建立之后我们就能看到在左边的场景实体列表(Hierarchy)新生成了三个实体

Canvas:画布,相当于一个呈现界面UI素材的容器。

Canvas下的子实体Image:每个UI控件都是由美工设计的图片构成,这个就Image是放自己设计的图片的实体

EventSystem:监听UI相关的事件实体,用来支持点击触碰等。

Set Native Size 恢复图片原始尺寸

2. Canvas基本设置

Canvas - Render mode:Screen Space Camera

Canvas - Render Camera:Main Camera 

Canvas Scaler - UI Scale Mode:Scale with screen size

二、按钮