unity UGUI學習

1. 基本組件

1.1 canvas

• canvas畫布中的pixel perfect（像素對齊），點擊能與屏幕適配。
  
• render mode有三種模式。
  第一種表示不需要任何攝像機，canvas將會在所有場景最前面。
  第二種表示需要攝像機。
  第三種表示3D攝像機。對畫布旋轉，會有3D效果。
  

1.2 image

1.2.1 快捷操作

• 將圖像等比例放大，可以按住shift拉伸。
• 按住alt，能讓圖像對稱縮放。
• 鼠標移動到點的外面，能進行旋轉。

1.2.2 屬性面板

• 要先把圖片的texture type 選擇爲sprite，才適合UI。
  
• image type中有四種模式。
  simple就是圖片原本樣式。
  sliced表示九宮格。
  Tiled表示重複平鋪。
  Filled表示填充。
  

1.2.3 控件

• image中添加scroll控件，可以讓image中的文本上下滾動。
• mask控件能隱藏超出image的多餘的文本。

1.3 button

• 勾選button屬性的interactable，button會失效。
• button裏面背景圖進行sprite進行編輯，九宮格(縮放圖片就只有九宮格線框選中的部分會放大或縮小）
• 選擇sliced

1.3.1 button事件交互

• button事件的內部原理是c#中的委託和事件
• 在button的屬性面板On Click()可以添加事件。
• 一個button按鈕可以觸發多個事件。

• Object是添加遊戲物體，function是添加函數。

1.4 text

• text中的wrap屬性是自動換行
  

1.4.1 控件

• outline能給文字添加外邊框。

1.5 toggle

• toggle可以做單選框、多選框。
• 可以把多個單選框放在一個gameobject物體中，點擊裏面的toggle屬性，多個裏面就只能選擇一個了。

1.6 slider

• 滑動條
• 把slider的裏面的屬性interactable勾選，就不能滑動了，只能做進度條了
• fill是滑動條，handle是遊標。
• 控制handle的value值可以控制遊標在滑動條的位置。
• Background（紅色部分）控制滑動條後面背景，fill是前面背景（白色部分）。

1. 7 scrollbar

• 滾動條

1. 8 scrollbar

RawImage控件：用於顯示Texture（紋理）類型的圖片，常用於（不僅限於）顯示網絡圖片。
還有一種用法是，映射一個攝像機的畫面。

RawImage和Image的區別：
Image控件用於顯示Sprite類型的圖片
RawImage控件用於顯示Texture類型圖片

2. 基礎知識

• game模式中會有橫線，遊戲發佈的時候並不會出現，只是輔助開發者。如果不想再game模式中看到，點擊gizmos能不顯示。
• 腳本中要用到UI組件的時候，命名空間要加上using UnityEngine.UI.

3. 佈局

• 選擇component中的layout的grip layout group能對遊戲物體進行佈局設置；