egret 布局相關

2021-08-14 13:07:13 字數 2406 閱讀 2832

eui布局相關屬性:

includeinlayout: 指定此元件是否包含在父容器的布局中。

explicitwidth,explicitheight: 顯式設定的寬高值。

maxwidth,minwidth,maxheight,minheight: 最大和最小尺寸

width,height: 這兩個屬性儲存元件經過各種布局計算後得到的最終的尺寸值。

horizontalcenter:0: 水平居中

verticalcenter:0: 垂直居中

布局類: this.mygroup.layout = 該類

eui.basiclayout: 基本布局類, 包括下面幾種:絕對定位布局邊距設定百分比布局

new eui.horizontallayout(): 水平布局類

new eui.verticallayout(): 垂直布局類

new eui.tilelayout(): 網格布局類

eui.layoutbase: 自定義布局需要繼承改類

絕對定位布局:

xy: 設定子項的x和y可以設定相對於容器的座標位置

邊距設定:

topleftrightbottom: 設定物件邊界和容器邊界的距離

百分比布局:

percentwidthpercentheight: 百分比設定, 只能對寬高起作用

—-以下的水平布局垂直布局網格布局中, 會忽略自相的座標設定—

水平布局: (估計相當於浮動的布局方式)

gap: 設定子項間的間距

horizontalalign: 設定水平對齊方式

verticalalign: 設定垂直對齊方式

padding: 設定容器內間距

垂直布局:

設定垂直布局與設定水平布局類似: 也是使用上面4個屬性

this.mygroup.layout = vlayout;: 設定成垂直布局

網格布局:

網格布局, 即做橫向排列, 也做縱向排列, 實現的的想過像格仔一樣:

horizontalgap: 設定子項之間的水平間距

verticalgap: 設定子項間的垂直間距

columnalign: 指定如何將完全可見列和容器寬度對齊

rowalign: 指定如何將完全可見行與容器高度對齊

padding: 容器內間距

requestedcolumncount: 明確指定要顯示的列數

自定義布局:

以下屬性只適合測試:

(5)measuredwidth,measuredheight:每個元件measure()方法執行的最終結果就是對這兩個屬性賦值。它們只記錄測量結果。

(6)preferredwidth,preferredheight:首選寬高,這兩個值通常在measure()方法中被呼叫。只是個便捷屬性,按照explicitwidth,explicitheight > measuredwidth,measuredheight的優先順序返回值。布局類在measure()方法中,呼叫子項的這個屬性,來獲取子項的測量結果。累加到自身的測量結果上。注意這個值已經包含旋轉和縮放的值,且返回值永遠為正數。

(7)layoutboundswidth,layoutboundsheight:布局寬高,這兩個值通常在updatedisplaylist()方法中被呼叫。也是個便捷屬性。按照 布局設定的寬高 > explicitwidth,explicitheight > measuredwidth,measuredheight的優先順序返回值。注意這個值已經包含旋轉和縮放的值,且返回值永遠為正數。

(8)preferredx,preferredy,layoutboundsx,layoutboundsy:這四個屬性,通常情況下就是xy的值。但是當元件含有旋轉縮放時。他們為元件旋轉縮放後在父級容器裡實際顯示的起點。

relativelayout布局相關

在相對布局 relativelayout 中,子控制項的位置是相對兄弟控制項或父容器而決定的。出於效能考慮,在設計相對布局時,要按照控制項之間的依賴關係排列。如view a的位置相當於view b來決定,則需要保證布局檔案中view b在view a的前面。在進行相對布局時,用到的布局屬性有很多,首...

CSS 布局相關

多欄布局 column count n 欄數 column width width 欄寬 可以單獨設定每一欄的寬度,也可以只設定元素的寬度,然後自適應 column gap width 欄間距 column rule 2px solid red 間隔線 盒布局 display box 使用盒布局 b...

布局相關樣式

多欄布局 1.column count屬性 在css3中可以通過,column count屬性來進行多欄布局,這個屬性的含義是將乙個元素中的內容分成多欄進行顯示。寫法 column count 欄目數 相容性寫法 webkit column count 3 moz column count 3 需要...