WHCSRL 技术网

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:显示在屏幕上的文本

  1. Font:使用的文字的字体
  2. FontStyle:文字字体样式
  3. LineSpacing:行间距
  4. Alignment:对齐方式
  5. Color:字体的颜色
  6. Material:材质

Panel:面板,实际上就是一个容器,可以放置其他UI控件。

  1. Source Image:用来设置面板的图像
  2. Color:改变面板的颜色

Image:图片,显示Sprite类型的图片。

  1. Source Image(图像源):纹理格式为Sprite(2D and UI)的图片资源
  2. Color(颜色):图片叠加的颜色。
  3. Material(材质):图片叠加的材质。

  4. Raycast Target(射线投射目标):是否作为射线投射目标,关闭之后忽略UGUI的射线检测

  5. Image Type(图片显示类型):Preserve Aspect(锁定比例)、Simple(基本的):图片整张全显示,不裁切,不叠加,根据边框大小会有拉伸、 Sliced(切片的):图片切片显示、Fill Center(填充中心):勾选后,显示,反之,不可见、Tiled(平铺的)。

RawImage:图片,显示Texture类型的图片。

  1. Texture:指定要显示的图片
  2. Color:设置颜色
  3. Material:设置材质
  4. UV Rect:位置和大小

FieldInput:输入域,可以输入文本。

  1. Text Component:输入域的文本显示组件
  2. Text:文本
  3. Character Limit:限定此输入域最大输入的字符数
  4. Content Type:限定输入域的内容类型
  5. Line Type(换行方式)
  6. Placeholder(位置标示)
  7. Caret blink rate:标示光标的闪烁速度
  8. Hide mobile input:手机端隐藏输入
  9. On Value Changed:值改变时触发消息
  10. End Edit:结束编辑时触发消息

Button:按钮,可添加按钮事件。

  1. Interactable(交互):按钮是否可以点击的开关
  2. Transition:设置按钮按下,弹起,不可用的显示状态
  3. Navigation:导航
  4. Visualize:可视化

Toggle:切换/选择/开关

  1. Background:图片,用作选择框底图
  2. Checkmark:图片,用作选择标记
  3. Label:文本,用于文字说明

Slider:滑动条,主要用于形象的拖动以改变目标值的控件。

  1. Fill Rect:设置填充矩形区域
  2. Handle Rect:设置手柄矩形区域
  3. Direction:设置Slider的摆放方向
  4. Min Value:设置最小数值

学会了上面的基础后就可以制作简单的小游戏了。

 

 

 

推荐阅读