Unity - UGUI 學習記錄

UI元件使用

1.textmeshpro，不支援中文顯示，需設定字型，另需在text的父物件設定Mask，文字才不會超過欲顯示的範圍

2.用Image設定背景及圖片

3.Toggle就像一般的Checkbox

4.Scrollbar需設定Scroll Rect內的垂直和水平滾動，Content參數需指定子UI

螢幕解析度顯示

畫面最外層Canvas需設定，才可以參考螢幕解析度顯示在手機上面

1.Canvas Scaler -> UI Scale Mode -> Scale With Screen Size

2.Reference Resolution -> 375,728

3.Screen Match Mode -> Match Width Or Height

Anchor (錨點)

1.活用alt（mac:option；windows:alt），切換UI自己對父物件的關係或自己的錨點定位

Layout Group：Grid(格狀)

Padding：填充內部空間

Cell Size：每個元素的寬高

Spacing：每個元素間格

Start Corner：開始排列的角落(位置)，又分為 “左上”、”右上”、”左下”、”右下”

Start Axis：”水平” 或是 “垂直” 排列

Child Alignment：當沒有填滿全部空間時，子物件對齊位置

Constraint：排列限制

Flexible：自動根據大小彈性排列

Fixed Column Count：限制排列 “行數(直)”

Fixed Row Count：限制排列 “列數(橫)”

Layout Group：Horizontal(水平)、Vertical(垂直)

Horizontal(水平)需設定 Horizontal Layout Group

Vertical(垂直)需設定 Vertical Layout Group

Control Child Size：佈局組是否控制其子佈局元素的寬度和高度

Use Child Scale：在為元素調整大小和進行佈局時，佈局組是否考慮其子佈局元素的縮放

Child Force Expand：是否要強制子佈局元素擴展以填充額外的可用空間

Width 和 Height 對應於每個子佈局 Rect Transform 組件中的 Scale > X 和 Scale > Y 值

子物件須設定 Layout Element 以達到依比例長畫面的需求

Flexible Width 彈性寬度

Flexible Height 彈性高度

使用Layout Group設定Auto Layout時，子物件的Anchors不需設定

物件可設定 Content Size Fitter 以達到控制自身的布局属性

Aspect Ratio Fitter 可達到自身佈局的長寬比例