1. 程式人生 > >[UE4]Grid Panel

[UE4]Grid Panel

form 一樣在 z-index rul 但是 eight panel 移動 情況下

一、使用Grid Panel可以做出類似暗黑3一樣的物品欄:不同的物品欄占據的物品欄格子不一樣。

  技術分享圖片

二、GridPanel.FillRules,可以設置每個單元格內的控件是否是拉伸比重。註意:這個是Grid Panel自身的屬性設置,而不是Uniform Panel一樣在子控件中設置。

   技術分享圖片  

三、Grid Panel的子控件的Grid Slot:

  技術分享圖片

  1、Padding:留白

  2、Horizontal Alignment:橫向對齊、Vertical Alignment:垂直對齊

  3、Row:在Grid Panel中占據的行索引

  4、Row Span:跨行

  5、Column:在Grid Panel中占據的列索引

  6、Column Span:跨列

  6、Layer:相當於z-index,2個控件在相同的單元格就可以設置Layer來調整前後順序

  7、Nudget.X、Nudget.Y,偏移,跟Render Transform中Transform作用相同。

    技術分享圖片

四、如果所示Column設置為3,但是“按鈕3”並沒有往後移動以空出一個單元格:這是因為Grid Panel的單元格默認情況下是盡可能的小,因此“按鈕2”和“按鈕3”之間是存在有一個單元格,只不過這個單元格因為沒有子控件,所以尺寸盡可能的小看不出來,但實際上這個單元格是存在的。

  技術分享圖片

  如果把Grid Panel的第三個單元格的Column Fill設置為1,就可以看到這個空出來的單元格了。

  技術分享圖片

[UE4]Grid Panel