Unity(UGUI)基础
Canvas
1.Screen Space - Overlay
这种渲染模式表示Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 ,主要是2D效果。
2.Screen Space - Camera
这种渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效,主要是3D效果。利用这种渲染模式时需要设定一个摄像机并将其绑定到Canvas组件下的Rander Camera处,改变Camera则UI元素的渲染效果也会发生变化。
UI控件
Text:显示在屏幕上的文本
- Font:使用的文字的字体
- FontStyle:文字字体样式
- LineSpacing:行间距
- Alignment:对齐方式
- Color:字体的颜色
- Material:材质
Panel:面板,实际上就是一个容器,可以放置其他UI控件。
- Source Image:用来设置面板的图像
- Color:改变面板的颜色
Image:图片,显示Sprite类型的图片。
- Source Image(图像源):纹理格式为Sprite(2D and UI)的图片资源
- Color(颜色):图片叠加的颜色。
-
Material(材质):图片叠加的材质。
-
Raycast Target(射线投射目标):是否作为射线投射目标,关闭之后忽略UGUI的射线检测
-
Image Type(图片显示类型):Preserve Aspect(锁定比例)、Simple(基本的):图片整张全显示,不裁切,不叠加,根据边框大小会有拉伸、 Sliced(切片的):图片切片显示、Fill Center(填充中心):勾选后,显示,反之,不可见、Tiled(平铺的)。
RawImage:图片,显示Texture类型的图片。
- Texture:指定要显示的图片
- Color:设置颜色
- Material:设置材质
- UV Rect:位置和大小
FieldInput:输入域,可以输入文本。
- Text Component:输入域的文本显示组件
- Text:文本
- Character Limit:限定此输入域最大输入的字符数
- Content Type:限定输入域的内容类型
- Line Type(换行方式)
- Placeholder(位置标示)
- Caret blink rate:标示光标的闪烁速度
- Hide mobile input:手机端隐藏输入
- On Value Changed:值改变时触发消息
- End Edit:结束编辑时触发消息
Button:按钮,可添加按钮事件。
- Interactable(交互):按钮是否可以点击的开关
- Transition:设置按钮按下,弹起,不可用的显示状态
- Navigation:导航
- Visualize:可视化
Toggle:切换/选择/开关
- Background:图片,用作选择框底图
- Checkmark:图片,用作选择标记
- Label:文本,用于文字说明
Slider:滑动条,主要用于形象的拖动以改变目标值的控件。
- Fill Rect:设置填充矩形区域
- Handle Rect:设置手柄矩形区域
- Direction:设置Slider的摆放方向
- Min Value:设置最小数值
学会了上面的基础后就可以制作简单的小游戏了。
推荐阅读