1、UGUI控件介紹

GUI就是Graphical User Interface（圖形用戶界面）簡稱。在Unity還未更新UGUI之前最流行的做UI的插件是NGUI。自從Unity4.6開始後，集成到了編輯器中，大大方便了開發。

2、UGUI基礎

2.1 Canvas---畫布

每當你創建一個UI物體時，Canvas都會自動創建。所有的UI元素都必須是Canvas的子物體。
和Canvas一同創建的還有一個EventSystem，其是一個基於Input的事件系統，可以對鍵盤、觸摸、鼠標、自定義輸入進行處理。
所有要在代碼中使用的UI，都要using UnityEngine.UI;

2.2 Text控件

Font：字體
Font Style：字體樣式---加粗之類的。
Font Size：字體大小
Line Spacing：行間距
Rich Text：富文本---可以結合多種字體類型和大小，尋找文本中的標記標簽，就和HTML中對字體的類型設置很像。
Alignment：設置對齊
Align By Geometr：幾何方向的對齊
Horizontal Overflow：選擇溢出的處理方式---文本水平超出最大寬度時，是自動換行還是就溢出不顯示。
Vertical Overflow：同理
Best Fit：是否忽略對文字大小的設置---選中文字會自動改變大小來全部顯示出來。
Color：顏色
Material

    private Text text;

    void Start () {
        text = transform.GetComponent<Text>();
        text.text = "你好呀";
        text.fontSize = 20;
        text.color = Color.blue;
        text.fontStyle = FontStyle.Bold;
    }
 

2.3 Image控件

Source Image：轉為Sprite格式的圖片可以賦值。
Preserve Aspect：圖像寬高是否按原始比例
Set Native Size：返回原始大小

Image Type：

1. Simple：在拉伸區域餒完全顯示一張圖片
2. Sliced：按九宮格顯示，九宮格在圖片資源中設置。拉伸時九宮格四周大小不變，上下只會左右拉，左右只會上下拉。
3. Tiled：在選中範圍內顯示n張原始大小的圖片，不可改變原始圖片大小。
4. Filled：可以選擇顯示圖片的百分比---比如技能冷卻。
   Clockwise：順時針

    private Image image;
    public Sprite sprite;

    //可以修改Image的圖片
    void Start () {
        image = transform.GetComponent<Image>();
        image.sprite = sprite;
    }

2.4 RawImage控件

Image顯示的是Sprite格式的圖片。
RawImage顯示的是Texture格式的圖片。
RawImage一般用於背景、圖標上，一般用於顯示外部圖片。
當顯示一張外部加載的圖片且不用交互時，所用時間遠低於Image。

UV Rect：紋理坐標，大概是方向上的坐標移動的比值。

2.5 Button控件

Interactable：是否可交互
Transition：過渡方式

1. 顏色過度
   Target Graphic：過渡效果作用目標
   Normal Color：默認顏色
   Highlighted Color：高亮顏色
   Pressed Color：按下顏色
   Diasbled Color：禁用顏色
   Color Multiplier：顏色切換系數
   Fade Duration：衰落延遲
2. 圖片過度
3. 動畫過度

Navigation：按鈕導航---在EventSystem中，有個當前被選中的按鈕，可以通過方向鍵或代碼控制，使被選中的按鈕進行更改。
Visualize：可以把按鍵能導航到的路徑可視化，高亮黃色箭頭顯示。

Unity---UGUI入門基礎---更新中