SAP UI5學習筆記之(七)介紹幾個SAPUI5常用的布局標簽和樣式


介紹幾個SAPUI5常用的布局標簽和樣式。

Shell、App、Page和Panel

Shell標簽是頁面上兩側的空白部分,用於在超大頁面上顯示時能夠調整寬度使畫面正常顯示。

 

App標簽是為了保證在移動設備上頁面也能正常顯示。
Page標簽表示一個頁面。
Panel標簽內部封裝了值為true的displayBlock屬性用於頁面內控件分組。

Margins和Paddings

Margins是調整外邊框的屬性。

上下左右的外邊框同時都調整,SAPUI5提供了以下四種樣式,外邊框依次變大:
sapUiTinyMargin
sapUiSmallMargin
sapUiMediumMargin
sapUiLargeMargin

如果想分別調整上、下、左、右的外邊框,在上面屬性后面加Top、Bottom、Begin、End即可:
例如sapUiTinyMargin:
上:sapUiTinyMarginTop
下:sapUiTinyMarginBottom
左:sapUiTinyMarginBegin
右:sapUiTinyMarginEnd
還可以同時調整上下或者左右兩個方向的外邊框:
例如對於sapUiTinyMargin:
sapUiTinyMarginTopBottom
sapUiTinyMarginBeginEnd

我們還提供了一組負邊距樣式,它們為元素添加了雙面(BeginEnd)負邊距。負邊距可用於將元素與內置填充對齊。
sapUiTinyNegativeMarginBeginEnd
sapUiSmallNegativeMarginBeginEnd
sapUiMediumNegativeMarginBeginEnd
sapUiLargeNegativeMarginBeginEnd

Padding是調整內邊框。

SAPUI5提供了以下三種樣式:
sapUiNoContentPadding
sapUiContentPadding
sapUiResponsiveContentPadding


Padding的使用范圍有限制,一般適用於容器類的控件中,如Page、Panel、List、Table等。

具體可以在SAPUI5 幫助文檔里搜索Margin和Padding詳細了解。

鏈接地址:https://sapui5.netweaver.ondemand.com/sdk/#/topic

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM