Unity 2-4 UGUI Unity5.1 UI 案例学习

任务1：UGUI简介

什么是GUI：
　　游戏的开始菜单
　　RPG游戏的菜单栏、侧边栏和功能栏（比如背包系统、任务列表等）
　　设计用来控制移动的虚拟杆和攻击按钮

UGUI：
　　Unity内置
　　GUI也可以用第三方插件实现：如NGUI、DFGUI等

任务2：游戏案例介绍

任务3：创建游戏菜单

UGUI中的组件：
　　UI -> Panel -- 面板
　　　　Button -- 按钮
　　　　Text -- 文本
　　　　Image -- 图片
　　　　Raw Image -- 可拖放的材质
　　　　Slider -- 滑动器
　　　　Scrollbar -- 滚动条
　　　　Toggle -- 开关 (check box)
　　　　Input Field -- 输入框
　　　　Canvas -- 画布（所有的UI组件都位于Canvas下）
　　　　Event System -- 事件系统（处理有关UI的事件）

几乎所有的UI组件都有
　　Rect Transform -- 用来控制位置和Anchor信息
　　Script脚本 -- 控制组件的功能

Button：
　　Button->Text-> Text (Script) -- 可以修改文本显示
　　Image (Script) -- 修改背景图片

Toggle：勾选框
　　Toggle->Label-> Text (Script) -- 修改文本显示
　　Toggle->Background-> Image (Script) -- 修改背景图片
　　Toggle->Background->Checkmark-> Image (Script) -- 修改勾选的标志

Slider：滑动器
　　Slider -> Value 当前滑块位置对应的float值 [0, 1]
　　Slider->Background-> Image (Script) -- 修改后置背景（滑动块未滑动区域）
　　Slider->Fill Area->Fill-> Image (Script) -- 滑动条前置背景：滑动块已滑动区域
　　Slider->Handle Slide Area->Handle (Script) -> 滑动块背景

任务4：创建公告的文本列表

创建Image，重命名为NoteBg，作为文本的背景
　　修改Alpha值：透明度

创建另一个Image，重命名为TitleBg，作为标题背景，为Note的子物体

分别在NoteBg下和TitleBg下创建Text

给NoteBg下的Text添加上下滚动功能
　　1. 在NoteBg下创建一个Image，大小与NoteBg->Text一样
　　2. 给Image添加Scroll Rect组件
　　　　将Text作为Image的子物体
　　　　Content属性：指定拥有滚动功能的控件，这里赋值Text
　　　　此时，Text就拥有了可以滚动的功能
　　　　将水平方向的滚动取消勾选 Horizontal
　　　　此时滑动了一下，发现不行，只是出现了Text能够被拖拽走
　　3.

任务5：监听按钮的点击事件

任务6：创建旋转的小球游戏

原文地址：https://www.cnblogs.com/FudgeBear/p/8667185.html