了解UGUI组件的搭建方式,有助于搭建我们自己的UI界面。
Text 文本
text 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Text组件即可实现与text空间相同的功能。
Image 图像
Image 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Image组件即可实现与Image控件相同的功能。
Raw Image 原始图片
Raw Image 和 Image基本相同,
功能上Raw Image比Image少了image Type功能,Raw Image可以添加所有类型的图片 而Image只能添加Spritie(精灵)类型的图片;
性能上由于Raw Image比Image的功能少,Raw Image的性能比Image 的性能要好,Raw Image主要用于做一些不需要在游戏运行中不需要改动的图片,例如 背景图片。
Button 按钮
Button中的组件:Image组件,Button组件,Text组件(非必需)。
搭建方式:
1.在Canvas下创建一个空物体(改名为Button)
2.给这个Button添加一个Image组件和一个Button组件
3.在创建一个空物体作为Button的子物体(改名为Text)
4.给Text添加一个Text组件,即完成了控件Button的搭建。
Toggle 开关
Toggle中的组件:Toggle组件,两个Image组件,Text组件
搭建方式:
1.在Canvas创建一个空物体(改名为Toggle)
2.给Toggle添加一个Toggle组件
3.添加一个Image控件作为Toggle的子物体,用于做开关的背景(将该控件改名为Background)
4.添加一个Image控件作为Background的子物体,用于做开关的前景(将该空间改名为Checkmark)
5.创建一个空物体作为Toggle的子物体(改名为Label)
6.给Label添加一个Image组件或添加一个Text组件(注意:Image组件、Text组件、Raw Image组件不能同时存在于一个物体上)
7.点击物体Toggle,找到它上面的Toggle组件,将Background拖拽到TargetGraphic属性上,在将Checkmark拖拽到Graphic属性上
8.最后将每个物体调整到合适大小,即完成了控件Toggle的搭建
Slider 滑竿
Slider中的组件:Slider组件,三个Image组件
搭建方式:
1.在Hierarchy面板创建一个空物体(改名为Slider)
2.给Slider添加一个Slider组件
3.添加三个Imge控件作为Slider的子物体(分别改名为Background、Fill、Handle)
4.给每个子物体添加图片,并调整到合适的大小
5.点击物体Slider,找到它上面的Slider组件,将Background拖拽到Target Graphic属性上 作为Handle未经过的区域,将Fill拖拽到Fill Tect属性上作为Handle经过的区域,将Handel拖拽到Handel Reck属性上作为拖动点。
6.调整各个物体的大小即可完成Slider的创建。
注意:
调整图片时Slider组件的Value值需为1,Handle需在滑竿右边。
若果实现功能时图片位置异常,可能是Background和Fill的位置放反了。
Scrollbar 滚动工具
Dropdowm 下拉菜单
Input Field 输入框
Input Fild中的组件:Input Fild组件、Image组件、两个Text组件
搭建方式:
1.在Canvas下创建一个空物体(改名为InputField)
2.给InputField添加一个InputField组件和一个Image组件
3.添加两个Text控件作为InputField的子物体(分别改名为Text、Placeholder)
4.点击物体InputField,找到InputField组件,Target Graphic一般会默认添加它自身,将Text拖拽到Text Component的位置 用于显示用户输入的文本,将Placeholder拖拽到Placeholder的位置 用于显示提示信息(提示用户输入的内容)。
5.调整个物体到合适大小即可完成Input Dield的搭建
Canvas 画布
Panel 面板
Scroll View 滚动视图
Event System 事件系统
在自己搭建UI界面时最好先创建一个UGUI提供的控件,然后把控件删除保留Canvas和EventSystem