UGUI組件(7)佈局型組件

佈局型組件: https://docs.unity3d.com/Manual/comp-UIAutoLayout.html
html

  • Layout Element

    佈局元素。能夠自定義修改自動佈局中某個元素的尺寸。

    參數,如下值僅能取正數(value >= 0,AvailableWidth表示該佈局的最大寬度值)
    • Min Width : 該元素的最小寬度(任意狀況都生效,即使MinWidth > AvailableWidth)。優先級最高
    • Preferred Width : 該元素的優選寬度(僅MinWidth <= PreferredWidth <= AvailableWidth 才生效),能夠結合FlexibleWidth使用。
    • Flexible Width : 相對於同級元素的附加寬度。(additionalUnitValue = (AvailableWidth - PreferredWidth) / flexibleWidthS)

      ...
  • Content Size Fitter

    調整當前元素的尺寸,這個尺寸是由對象上掛載的佈局元素(Image、Text、layoutGroups、layoutElement)的最小值(或 優選值)賦予

    參數
    • Horizontal Fit : 選擇控制寬度的方式
      • None :無自動控制
      • Minimum : 基於佈局元素的MinWidth控制
      • Preferred :基於佈局元素的PreferredWidth控制
        ...
  • Aspect Ratio Fitter

    縮放比例(width : height)。

    參數
    • Aspect Mode : 選擇一種縮放方式
      • None :不控制該元素的縮放
      • Width Controls Height : 高度是基於寬度調整的,能夠在Inspector面板修改該元素寬度
      • Height Controls Width : 寬度是基於高度調整的,能夠在Inspector面板修改該元素高度
      • Fit In Parent :該元素的width,height,position,anchors是自動調整的,沒法在面板上修改。該元素的width和height的值沒法超過其父級的對應值,且width,height中至少有一個的值是等於其父級的對應值
      • Envelope Parent : 與FitInParent相反,其width,height其中之一是大於等於父級,另外一個是等於父級對應值
    • Aspect Ratio :寬高比,該元素的width:height
  • Horizontal Layout Group

    水平佈局集合。將子對象按水平方向(從左向右)擺放

    參數
    • Padding :集合下的全部子對象距離邊界的距離
    • Spacing :子對象之間的間距
    • Child Alignment : 子對象佈局對齊方式
    • Child Force Expand : 是否強制填充剩餘空間。至關於給每一個子對象附加FlexibleSize
  • Vertical Layout Group

    垂直佈局集合,將子對象按垂直方向(從上向下)擺放
    佈局

  • Grid Layout Group

    網格佈局。該組件會忽略子對象的minimum,preferred,flexible size屬性,會從新賦予一個固定的尺寸

    參數
    • Padding :子對象距離邊界的距離
    • Cell Size : 子對象的尺寸
    • Spacing : 子對象的間距
    • Start Corner : 第一個子對象的擺放在佈局中的哪一個角落。即子對象按照哪一種排序方式擺放(從左向右再向下...)
    • Start Axis : 擺放順序,是先水平擺放仍是先垂直襬放。和Start Corner一塊兒決定了最終的擺放方式
    • Child Alignment : 子對象佈局對齊方式
    • Constraint : 網格隊列數(幾行幾列)的限制

2016/12/24flex

相關文章
相關標籤/搜索