unity UGUI学习

1. 基本组件

1.1 canvas

• canvas画布中的pixel perfect（像素对齐），点击能与屏幕适配。
  
• render mode有三种模式。
  第一种表示不需要任何摄像机，canvas将会在所有场景最前面。
  第二种表示需要摄像机。
  第三种表示3D摄像机。对画布旋转，会有3D效果。
  

1.2 image

1.2.1 快捷操作

• 将图像等比例放大，可以按住shift拉伸。
• 按住alt，能让图像对称缩放。
• 鼠标移动到点的外面，能进行旋转。

1.2.2 属性面板

• 要先把图片的texture type 选择为sprite，才适合UI。
  
• image type中有四种模式。
  simple就是图片原本样式。
  sliced表示九宫格。
  Tiled表示重复平铺。
  Filled表示填充。
  

1.2.3 控件

• image中添加scroll控件，可以让image中的文本上下滚动。
• mask控件能隐藏超出image的多余的文本。

1.3 button

• 勾选button属性的interactable，button会失效。
• button里面背景图进行sprite进行编辑，九宫格(缩放图片就只有九宫格线框选中的部分会放大或缩小）
• 选择sliced

1.3.1 button事件交互

• button事件的内部原理是c#中的委托和事件
• 在button的属性面板On Click()可以添加事件。
• 一个button按钮可以触发多个事件。

• Object是添加游戏物体，function是添加函数。

1.4 text

• text中的wrap属性是自动换行
  

1.4.1 控件

• outline能给文字添加外边框。

1.5 toggle

• toggle可以做单选框、多选框。
• 可以把多个单选框放在一个gameobject物体中，点击里面的toggle属性，多个里面就只能选择一个了。

1.6 slider

• 滑动条
• 把slider的里面的属性interactable勾选，就不能滑动了，只能做进度条了
• fill是滑动条，handle是游标。
• 控制handle的value值可以控制游标在滑动条的位置。
• Background（红色部分）控制滑动条后面背景，fill是前面背景（白色部分）。

1. 7 scrollbar

• 滚动条

1. 8 scrollbar

RawImage控件：用于显示Texture（纹理）类型的图片，常用于（不仅限于）显示网络图片。
还有一种用法是，映射一个摄像机的画面。

RawImage和Image的区别：
Image控件用于显示Sprite类型的图片
RawImage控件用于显示Texture类型图片

2. 基础知识

• game模式中会有横线，游戏发布的时候并不会出现，只是辅助开发者。如果不想再game模式中看到，点击gizmos能不显示。
• 脚本中要用到UI组件的时候，命名空间要加上using UnityEngine.UI.

3. 布局

• 选择component中的layout的grip layout group能对游戏物体进行布局设置；