Unity UGUI基础控件

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组件属于同一组，可实现单选。