Texture快速開始(D) 布局元素屬性

Texture快速開始(D) 布局元素屬性

ASStackLayoutElement屬性-僅對作為堆棧規(guī)范子級的節(jié)點(diǎn)或布局規(guī)范生效
ASAbsoluteLayoutElement屬性-僅在絕對規(guī)格的子節(jié)點(diǎn)或布局規(guī)格上生效
ASLayoutElement屬性-適用于所有節(jié)點(diǎn)和布局規(guī)范

一: ASStackLayoutElement屬性

請注意,以下屬性僅在設(shè)置為STACK布局規(guī)范的子級時(shí)才生效。

Property Description
CGFloat .style.spacingBefore 沿堆疊方向在此對象之前放置的額外空間。
CGFloat .style.spacingAfter 沿堆疊方向在此對象之后放置額外的空間。
CGFloat .style.flexGrow 如果子堆棧的總和小于最小大小,此對象是否應(yīng)該增大?
CGFloat .style.flexShrink 如果子堆棧的總和大于最大大小,此對象是否應(yīng)縮小?
ASDimension .style.flexBasis 在應(yīng)用flexGrow / flexShrink屬性并分配剩余空間之前,以堆棧尺寸(水平或垂直)指定此對象的初始大小。
ASStackLayoutAlignSelf .style.alignSelf 對象沿交叉軸的方向,覆蓋alignItems。選項(xiàng)包括:- ASStackLayoutAlignSelfAuto-ASStackLayoutAlignSelfStart-ASStackLayoutAlignSelfEnd-ASStackLayoutAlignSelfCenter-ASStackLayoutAlignSelfStretch
CGFloat .style.ascender 用于基線對齊。從對象頂部到基線的距離
CGFloat .style.descend 用于基線對齊。從對象基線到其底部的距離。

ASAbsoluteLayoutElement屬性

請注意,以下屬性僅在ABSOLUTE布局規(guī)范的子級上設(shè)置時(shí)才生效。

Property Description
CGPoint .style.layoutPosition 此對象在其ASAbsoluteLayoutSpec父規(guī)范中的CGPoint位置。

ASLayoutElement屬性

請注意,以下屬性適用于所有布局元素。

Property Description
ASDimension .style.width width屬性指定ASLayoutElement內(nèi)容區(qū)域的寬度。 minWidth和maxWidth屬性將覆蓋寬度。默認(rèn)為ASDimensionAuto
ASDimension .style.height height屬性指定ASLayoutElement內(nèi)容區(qū)域的高度。 minHeightmaxHeight屬性會(huì)覆蓋高度。默認(rèn)為ASDimensionAuto
ASDimension .style.minWidth minWidth屬性用于設(shè)置給定元素的最小寬度。這樣可以防止使用的width屬性值變得小于為minWidth指定的值。 minWidth的值將覆蓋maxWidthwidth。默認(rèn)為ASDimensionAuto
ASDimension .style.maxWidth maxWidth屬性用于設(shè)置給定元素的最大寬度。這樣可以防止使用的width屬性值變得大于為maxWidth指定的值。 maxWidth的值覆蓋width,但是minWidth覆蓋maxWidth。默認(rèn)為ASDimensionAuto
ASDimension .style.minHeight minHeight屬性用于設(shè)置給定元素的最小高度。這樣可以防止使用的height屬性值變得小于為minHeight指定的值。 minHeight的值將覆蓋maxHeightheight。默認(rèn)為ASDimensionAuto
ASDimension .style.maxHeight maxHeight屬性用于設(shè)置給定元素的最大高度。這樣可以防止使用的height屬性值變得大于為maxHeight指定的值。 maxHeight的值將覆蓋高度,但minHeight會(huì)覆蓋maxHeight。默認(rèn)為ASDimensionAuto
CGSize .style.preferredSize 提供布局元素的建議大小。如果提供了可選的minSizemaxSize,并且preferredSize超過了這些值,則將強(qiáng)制執(zhí)行minSizemaxSize。如果未提供此可選值,則布局元素的大小將默認(rèn)為其固有的內(nèi)容大小,前提是calculateSizeThatFits 此方法是可選的,但是對于沒有內(nèi)部內(nèi)容大小或應(yīng)以與其內(nèi)部內(nèi)容大小不同的大小進(jìn)行布局的節(jié)點(diǎn),則需要preferredSizepreferredLayoutSize之一。例如,可以在ASImageNode上設(shè)置此屬性,使其以與基礎(chǔ)圖像大小不同的大小顯示。 警告:如果尺寸的寬度或高度是相對的,則調(diào)用吸氣劑將導(dǎo)致斷言。
CGSize .style.minSize 一個(gè)可選屬性,為布局元素提供最小大小限制。如果提供,則將始終執(zhí)行此限制。如果父級布局元素的最小尺寸小于其子級的最小尺寸,則將強(qiáng)制執(zhí)行子級的最小尺寸,并且其尺寸將超出布局規(guī)范的范圍。 例如,如果在全屏容器中的元素上將首選相對寬度設(shè)置為50%,最小寬度設(shè)置為200點(diǎn),則iPhone屏幕上的寬度將設(shè)置為160點(diǎn)。但是,由于160 pts小于最小寬度200 pts,因此將使用最小寬度。
CGSize .style.maxSize 一個(gè)可選屬性,為布局元素提供最大大小限制。如果提供,則將始終執(zhí)行此限制。如果子布局元素的最大尺寸小于其父元素,則將強(qiáng)制子元素的最大尺寸,并且其尺寸將超出布局規(guī)范的范圍。 例如,如果在全屏容器中的元素上將首選相對寬度設(shè)置為50%,最大寬度為120點(diǎn),則iPhone屏幕上的寬度將為160點(diǎn)。但是,由于160 pts大于120 pts的最大寬度,因此將使用最大寬度。
ASLayoutSize .style.preferredLayoutSize 提供布局元素的建議相對大小。 ASLayoutSize使用百分比而不是點(diǎn)來指定布局。例如。寬度應(yīng)為父母寬度的50%。如果提供了可選的minLayoutSizemaxLayoutSize,并且preferredLayoutSize超過了這些值,則將強(qiáng)制執(zhí)行minLayoutSizemaxLayoutSize。如果未提供此可選值,則布局元素的大小將默認(rèn)為其內(nèi)在內(nèi)容的大小,前提是calculateSizeThatFits
ASLayoutSize .style.minLayoutSize 一個(gè)可選屬性,為布局元素提供最小的RELATIVE大小。如果提供,則將始終執(zhí)行此限制。如果父級布局元素的最小相對尺寸小于其子級的最小相對尺寸,則將強(qiáng)制執(zhí)行子級的最小相對尺寸,并且其尺寸將超出布局規(guī)范的范圍
ASLayoutSize .style.maxLayoutSize 一個(gè)可選屬性,為布局元素提供最大的RELATIVE大小。如果提供,則將始終執(zhí)行此限制。如果父級布局元素的最大相對尺寸小于其子級的最大相對尺寸,則將強(qiáng)制執(zhí)行子級的最大相對尺寸,并且其尺寸將超出布局規(guī)范的范圍
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容