文章目录
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能对游戏物体进行布局设置;