天天看點

SAP UI5 FlexibleColumnLayout 控件介紹

該控件位于命名空間 ​

​sap.f​

​ 之下。

該控件通過在不同的列中顯示最多三頁來實作主-細節-細節範式。

該控件在邏輯上類似于 ​

​sap.m.SplitContainer​

​,不同之處在于它能夠處理三列(稱為Begin, Mid和End)而不是兩列(Master, Detail)。這三列的寬度是可變的。

有幾種可能的布局可以通過控件的API進行更改,也可以由使用者通過布局箭頭進行更改。

在内部控制使用三個 ​

​sap.m.NavContainer​

​ 執行個體,進而形成三列。

這三個執行個體如下圖所示:

SAP UI5 FlexibleColumnLayout 控件介紹

在需要同時顯示多個邏輯層次的相關資訊的應用程式中使用這個控件(例如,清單項、項、子項等)。從某種意義上說,該控件是靈活的,應用程式可以将使用者的注意力集中在一個特定的列上,使其變得更大,甚至是全屏。

這些列可以通過 beginColumnPages、midColumnPages 和 endColumnPages 聚合通路。

通過方法 ​

​getBeginColumnPages​

​​ 可以通路 ​

​beginColumnPages​

​,其他的聚合以此類推。

SAP UI5 FlexibleColumnLayout 控件介紹

這三列的相對大小和可見性是根據 layout 屬性的值确定的。

由于使用者互動而對布局的更改會通過 stateChange 事件傳達給應用程式。

該控件根據裝置大小和目前布局自動顯示可能的最大列數。應用程式不需要考慮目前裝置/螢幕的大小,但隻需要添加内容到列和改變布局屬性的值。

Layout 屬性:

SAP UI5 FlexibleColumnLayout 控件介紹

繼續閱讀