NGUI學習筆記3.5

畅知發表於2024-03-05

ScrollView

練習使用場景搭建:

  1. 直接在NGUI中新建ScrollView元件(與Button等其它依賴基本元件存在的元件不同,此元件是單獨存在的元件)
  2. 新建sprite作為其子元件,注意!子元件上需要掛在Collider和DragScrollView指令碼,才可以實現滑鼠拖拽檢視功能

image-20240305180405351

ScrollView元件的引數意義:

image-20240305180504050

image-20240305180533205

image-20240305180732564

新增ScrollBar

製作好ScrollBar並設定到ScrollView上

image-20240305182051793

image-20240305182223087

關於ScrollView的一些引數含義:

image-20240305182317145

使用Grid

如果有多個子物體要顯示在ScrollView中,使用Grid來進行整理佈局,使得元件擺放整齊,可以實現例如揹包系統等功能。

image-20240305190557070

Gird中的引數說明:

image-20240305190645744

重要練習:製作揹包系統!【待填坑~~~】

需要解決的問題:

  1. ScrollView中格子的偏移設定,保證格子是可以對齊
  2. 揹包道具的動態生成問題
  3. 揹包內容更新之後通知捲軸更新問題

Anchor錨點元件:

舊UI中的Anchor的使用:

錨點常常將UI物件鉚釘在皮膚的某個位置,用來保持對齊,通常是九宮格。

將UI元素鉚釘在一個位置,在不同解析度下可以保持不變。

image-20240305202840497

image-20240305201714286

image-20240305201737262

在NGUI中現在的使用:

在sprite元件中的Anhors中可以設定和父物件的邊界的相對位置,鉚釘好之後不論怎麼變更解析度其相對於父節點的邊界距離還是相同的,起到UI自適應作用。

image-20240305202905083

image-20240305202615537

image-20240305202511943

image-20240305202529380

相關文章