unity ugui显示模型_Unity之UGUI

UGUI是Unity官方的UI实现方式，是一个开源系统，利用游戏开发人员进行游戏界面开发。UGUI系统有3个特点：灵活、快速、可视化。对于游戏开发者来说，UGUI运行效率高，执行效果好，易于使用，方便扩展，与Unity 3D兼容性高。

UGUI控件之Canvas

Canvas是画布，是摆放所有UI元素的区域，在场景中创建的所有控件都会自动变为Canvas画布对象的子对象，若场景中没有画布，创建控件时会自动创建画布。

1.创建画布有两种方式：

一是通过菜单直接创建；

二是直接创建一个 UI 组件时自动创建一个容纳该组件的画布。

2.画布的三种渲染模式：

一是Screen Space-Overlay，该渲染模式下，场景中的UI被渲染到屏幕上，如果屏幕大小改变了或更改了分辨率，画布将自动更改大小以适配屏幕。此种模式不需要UI摄像机，UI将永远出现在所有摄像机的最前面。

二是Screen Space-Camera，该渲染模式类似于Screen Space-Overlay渲染模式。画布被放置在指定摄像机前的一个给定距离上，它支持在UI前方显示 3D模型与粒子系统等内容，通过指定的摄像机UI被呈现出来，如果屏幕大小改变或更改了分辨率，画布将自动更改大小以适配屏幕。

三是World Space，该渲染模式下呈现的UI好比3D场景中的一个Plane对象与前两种渲染模式不同，其屏幕的大小将取决于拍摄的角度和相机的距离。是一个完全三维的 UI，也就是把UI也当成三维对象，例如摄像机离UI远了，其显示就会变小，近了就会变大。

UGUI控件之EventSystem

创建UGUI控件后，Unity3D会同时创建一个叫Event System的游戏对象，用于控制各类事件，主要负责处理输入、射线投射以及发送事件。

Event System 事件处理器中有3个组件：

1. Event System事件处理组件：是一种将基于输入的事件发送到应用程序中的对象，使用键盘、鼠标、触摸或自定义输入均可。

2. Standalone Input Module独立输入模块：用于鼠标、键盘和控制器。该模块被配置为查看InputManager，基于输入InputManager管理器的状态发送事件。

3. Touch Input Module触控输入模块：被设计为使用在可触摸的基础设备上。

UGUI控件之Panel

Panel控件又叫面板，实际上就是一个容器，可放置其他UI控件。移动面板的时候，放在其中的UI控件就会跟随移动，这样可以更加合理与方便地移动与处理一组控件，拖动面板控件的 4 个角或 4 条边可以调节面板的大小。

1.一个功能完备的UI界面往往会使用多个Panel容器控件，而且一个面板里还可套用其他面板。

2.创建一个面板时，面板会默认包含一个 Image组件，其中Source Image用来设置面板的图像，Color 用来改变面板的颜色。

UGUI控件之Text

Unity 3D的UGUI都有一个支持文本编辑的Text控件。

Text控件也称为标签，Text区域用于输入将显示的文本。

它可以设置字体、样式、字号等内容。

UGUI控件之Image

Image控件除了两个公共的组件Rect Transform与Canvas Renderer外，默认的情况下就只有一个Image组件，其中，Source Image是要显示的源图像，要想把一个图片赋给Image，需要把图片转换成精灵格式，转化后的精灵图片就可拖放到Image的Source Image中，

1.转换方法：在Project视图中选中要转换的图片，然后在Inspector属性面板中，单击Texture Type右边的下拉列表，选中Sprite(2D and UI)并单击下方的Apply按钮，就可以把图片转换成精灵格式，然后就可以拖放到Image 的Source Image中。

UGUI控件之Raw Image

Raw Image控件向用户显示一个非交互式的图像，可以用于装饰、图标等。

Raw Image控件类似于Image控件，但是，Raw Image控件可以显示任何纹理，而Image只能显示一个精灵。

UGUI控件之Button

1.Button 控件还默认拥有Image与Button两个组件。
2.Image组件里的属性与前面介绍的是一样的。

3.Button是一个复合控件，其中还包含一个Text子控件，通过此子控件可设置 Button上显示的文字的内容、字体、文字样式、文字大小、颜色等，与前面所讲的Text控件是一样的。
4.Button控件属性如下：

1) Interactable：是否启用交互，如果把其后的对钩去掉，此Button在运行时将不可单击，即失去了交互性。

2) Transition：过渡方式，共有 4 个选项，默认为 Color Tint(颜色色彩)。

    None：没有过渡方式。

    Color Tint：颜色过渡。

    Sprite Swap：精灵交换，需要使用相同功能、不同状态的贴图。   

    Animation：动画过渡。

UGUI控件之Toggle

Toggle控件是一个复合型控件。它有Background与Label两个子控件，而 Background 控件中还有一个 Checkmark 子控件。其中Background是一个图像控件，而其子控件Checkmark也是一个图像控件，其Label控件是一个文本框，通过改变它们所拥有的属性值，即可改变Toggle的外观，如颜色、字体等。

UGUI控件之Slider

1.Slider控件也是一个复合控件，Background是背景，默认颜色是白色，Fill Area是填充区域。

2.Slider控件的一个需要注意的参数是Whole Number，该参数表示滑块的值是否只可为整数，开发人员可根据需要进行设置。除此以外，Slider控件也可以挂载脚本，用来响应事件监听。

UGUI控件之Scrollbar

Scrollbar滚动条控件可以垂直或水平放置，主要用于通过拖动滑块以改变目标的比例，它最恰当的应用是用来将一个值变为指定百分比，最大值为1，最小值为0，拖动滑块可在0和1之间改变。

UGUI控件之Input Field

Input Field控件是一个复合控件，包含Placeholder与Text两个子控件，其中，Text是文本控件，程序运行时用户所输入的内容就保存在Text控件中，Placeholder是占位符，表示程序运行时在用户还没有输入内容时显示给用户的提示信息。

Input Field输入字段组件与其他控件一样，也有 Image组件，另外也包括Transition属性，其默认是Color Tint。

Content Type属性参数

UGUI实例演示