Unity學習筆記(08)：Rect Transform組件及實現不同尺寸分辨率的UI屏幕適配

Canvas節點的寬高是和屏幕一致的 中心點在xy軸的中間

Rect Transform介紹

UGUI的Image節點有RectTransform組件

• scale 縮放
• position 位置(注：相對於其父節點 即Canvas)
  以父節點爲(0,0)
  
  (相對點)
  相對點可以拖動 與此同時position的值也會相應改變
• pivot 圖片的中心點的位置 (0,0)是左下角 (1,1)是右上角 默認(0.5,0.5)中央
  若中心點設爲(0,0) 那麼位置爲(0,0)的時候 Canvas的中心會在圖片的左下角位置
  
  
• rotation 旋轉
• Anchors 中心點
  圖片的中心點不能移出父節點的寬高範圍
  但可以設置中心點的位置：
  
  Min和Max的值也是範圍爲0-1的百分比
  當中心點處於右上角 那麼改變像素後 依舊還會是在右上角 因爲是根據比例換算的

實現UI屏幕適配

首先 找準界面佈局的停靠點
左上 右上 左下 右下 上 下 左 右

在Canvas下創建一個空節點 再在該空節點下創建一個Image節點
此時 子圖片的中心點的範圍受限

這是因爲不能超過其父親的寬高：

此時 只需將子Image的父節點寬高設爲0：

然後修改其父親的中心點即可：

百分比顯示

在拖動中心點的時候會顯示百分比 此時可以精確控制中心點的百分比

最終的節點結構差不多是這樣的：

總結

1、首先確定設計分辨率

2、配置UI界面上的Canvas節點
3、確保背景圖的大小能夠充滿所有種類的屏幕 重要的景物都在主屏幕
(主流分辨率通常爲1920X1080)
4、UI佈局的時候找準停靠點(左上 右上 左下 右下 上 下 左 右之類的)

---