該控件位于命名空間 sap.f 之下,。

該控件通過在不同的列中顯示最多三頁來實(shí)現(xiàn)主-細(xì)節(jié)-細(xì)節(jié)范式。

該控件在邏輯上類似于 sap.m.SplitContainer,，不同之處在于它能夠處理三列(稱為Begin, Mid和End)而不是兩列(Master, Detail),。這三列的寬度是可變的,。

有幾種可能的布局可以通過控件的API進(jìn)行更改，也可以由用戶通過布局箭頭進(jìn)行更改,。

在內(nèi)部控制使用三個 sap.m.NavContainer 實(shí)例,，從而形成三列。

這三個實(shí)例如下圖所示：

在需要同時顯示多個邏輯層次的相關(guān)信息的應(yīng)用程序中使用這個控件(例如,，列表項(xiàng),、項(xiàng)、子項(xiàng)等),。從某種意義上說,，該控件是靈活的，應(yīng)用程序可以將用戶的注意力集中在一個特定的列上,，使其變得更大,，甚至是全屏。

這些列可以通過 beginColumnPages,、midColumnPages 和 endColumnPages 聚合訪問,。

通過方法 getBeginColumnPages 可以訪問 beginColumnPages，其他的聚合以此類推,。

這三列的相對大小和可見性是根據(jù) layout 屬性的值確定的,。

由于用戶交互而對布局的更改會通過 stateChange 事件傳達(dá)給應(yīng)用程序。

該控件根據(jù)設(shè)備大小和當(dāng)前布局自動顯示可能的最大列數(shù),。應(yīng)用程序不需要考慮當(dāng)前設(shè)備/屏幕的大小,，但只需要添加內(nèi)容到列和改變布局屬性的值。

Layout 屬性：

雖然FlexibleColumnLayout可以同時顯示2或3個頁面,，但它們永遠(yuǎn)不能有相同的寬度(50%/50%或33%/33%/33%),。其中一個頁面總是更大(展開)，甚至占據(jù)控件的全寬度(全屏),。這是有意為之的,，因?yàn)橛脩魬?yīng)該清楚地知道在任何給定的時刻應(yīng)該關(guān)注什么，例如,，一個項(xiàng)目列表,、一個特定的項(xiàng)目、一個項(xiàng)目的詳細(xì)信息,。

關(guān)于 FlexibleColumnLayout 的更多介紹,，請參考我的 SAP UI5 教程：SAP UI5 應(yīng)用開發(fā)教程之九十七 - 如何使用客戶端 JSON 模型構(gòu)建一個 Master-Detail-Detail 布局中的明細(xì)頁面