GUI

GUI

• Graphical User Interface 图形用户界面的简称，是一种人与计算机通信的界面的显示形式。允许用户使用鼠标等输入设备，操纵屏幕上的图标或者菜单、调用文件、 启动程序或执行其他一些日常任务。

uGUI

• 特点：

  • 与Unity紧密结合
  • 灵活、快速、可视化编程技术
  • 更加强大与易用的屏幕自适应能力
  • 全新的布局系统
  • 简单易用的UI空间
  • 强大的事件处理系统

• uGUI控件创建：Hierarchy右键 -> UI -> …

• Canvas（画布）：uGUI控件的容器，uGUI控件必须是Canvas的字对象

• EventSystem：事件处理系统，用于处理与响应用户与uGUI的交互

Canvas（画布）

• 根据Canvas中顺序进行绘制，靠上的对象先绘制。后绘制的对象会覆盖在先绘制的对象之上

• 属性：

  • Sort Order：越小的Canvas越先绘制

Anchor（锚点）

• 一种相对定位技术，每个控件都有自己的锚点。可以先将锚点设置在屏幕的某个位置，然后设置其相对锚点的位置，这样可以方便控制uGUI控件的位置

uGUI控件

• Text：显示文字

  • Text：文本内容
  • Font：字体样式
  • Font Style：文本的字体样式
  • Font Size：字体大小
  • Line Spacing：表示行间距
  • Alignment：文本对齐的方式
  • Color：文字的颜色
  • Material：文字的材质

• Image：绘制图像

  • Source Image：图像源
  • Color：图像显示的颜色
  • Materia：图像显示的材质

• Button：按钮（复合控件，包括Button背景图案、Button按钮功能、Button文本信息）

• On Click：响应事件

  1. 编写Button按钮触发的事件函数
  2. 将包含该函数的脚本添加到场景的任意一个游戏对象中
  3. 在Button组件中的OnClick中添加事件函数

• InputField：输入框（复合控件，包括InputField背景图案、InputField组件、InputField提示文本、InputField可编辑文本）：

  • Text Component：Text可编辑，Placeholder不可编辑

• Slider：滑动条（复合控件，包括Slider背景图案、Slider填充图案、Slider滑动块手柄）

  • Fill Rect：滑动条填充图案
  • Handler Rect：滑动条上的滑块图案
  • Direction：数值增加方向
  • Min/Max Value：滑动条的最小/最大值
  • Value：当前值

• Toggle：开关（复合控件，包括Toggle背景、Toggle图案、Toggle文本信息）：

  • Is On：是否勾选
  • Graphic：背景图案
  • OnValueChanged：勾选情况发生改变时对应的事件响应函数