UGUI基础控件
Text控件
Text是用来显示文本的，在游戏界面当中显示文本大多数是用Text控件来实现的，Text控件的Text组件如下图：
- Text 要显示的文本
- Font 使用的字体
- Font Style 字体样式，粗体，斜体
- Line Space 行间距
- Rich Text 富文本
- Aligment 对齐格式
- Horizontal Overflow 水平方向上文本溢出方式
- Vertical Overflow 竖直方向上文本溢出方式
- Best Fit 文本自适应
- Color 文本颜色
- Raycast Target 是否射线检测
Image控件
Image控件主要是用来显示图片的，且格式为Sprite格式，不支持Texture纹理类型
- SourceImage 源图片，格式为Sprite
- Color 图片颜色，该颜色会叠加在图片上，和图片上的不同颜色混合
- Material 材质
- PreserveAspect 宽和高等比例进行缩放
- ImageType 图片显示格式，Simple（正常显示），Sliced（九宫格），Tiled（平铺），Filled（填充）；
Filled填充 - FillOrigin 从哪个位置开始填充
- FillAmount 填充的数值，从0到1，0表示未填充，1表示完全填充
- ClockWise 顺时针填充
RawImage控件
RawImage控件一样可以用来显示图片，但与Image不同的是，RawImage可以显示精灵，也可以显示一般的纹理图片
- Texture 要显示的纹理图片或者精灵
- Color 颜色
-
UV Rect 纹理的UV坐标，XY为左右和上下的偏移量，WH为宽高的拉伸，最终的效果可以让图片显示一部分。当W=2 H=1时，相当于有两张该图片，
Button控件
按钮可以用来响应用户的点击事件
- Interactable 是否进行交互，不勾选时该按钮不可以点击，为灰色的
- Transition 按钮在不同状态下的过渡效果，Color Tint颜色过渡，Sprite Swap精灵过渡，Animation动画
Color Tint颜色过渡
- Normal Color 正常显示的颜色
- Highlighted Color 当鼠标接触时显示的高亮颜色
- Pressed Color 当按下显示的颜色
- Disabled Color 按钮不能进行交互时显示的颜色
Button添加事件的案例代码
Button btn;
void Start(){
//获取到按钮
btn = GameObject.Find("Button").GetComponent<Button>();
//给Button添加监听事件
btn.onClick.AddListener(BtnClick);
}
void BtnClick(){
//按钮响应事件
Debug.Log("按钮按下");
}
Slider滑动条控件
- Direction 滑块滑动方向
- MinValue 滑块最小值
- MaxValue 滑块最大值
- Whole Numbers 滑动整数单位移动
- On Value Changed 滑动条滑动响应事件
- Background 滑动条背景
- Fill 滑动条填充颜色或图片
- Handle 滑块
Toggle开关
多个Toggle可以做成单选框
- Is On 是否勾选
- Toggle Transition 状态过渡效果
- Graphic 选中或取消要显示或隐藏的文本或图像
- Group 当前单选框属于某一组
- On ValueChanged 事件响应
添加Toggle Group
在某一游戏物体加上Toggle Group组件
当多个Toggle组件中Group属性选中同一个Toggle Group则该几个Toggle组件属于同一组，可实现单选。
