此控件位于命名空间sap.f下。该控件通过在不同列中最多显示三个页面来实现主从细节范例。此控件在逻辑上类似于sap.m.SplitContainer,只是它能够处理三列(称为Begin、Mid和End)而不是两列(Master、Detail)。这三列的宽度是可变的。有几种可能的布局可以通过控件的API或由用户通过布局箭头进行更改。在内部,控件使用三个sap.m.NavContainer实例,从而形成三列。这三个实例如下图所示:在需要同时显示多个逻辑层次的相关信息(例如,列表项、项、子项等)的应用程序中使用该控件。该控件在某种意义上是灵活的,因为应用程序可以将用户的注意力集中在特定的列上,使其变大,甚至全屏显示。可以通过beginColumnPages、midColumnPages和endColumnPages聚合访问这些列。您可以通过方法getBeginColumnPages访问beginColumnPages,其他聚合依此类推。这三列的相对大小和可见性是根据布局属性的值确定的。由于用户交互而导致的布局更改通过stateChange事件传达给应用程序。该控件会根据设备大小和当前布局自动显示最大可能的列数。应用程序不需要考虑当前的设备/屏幕尺寸,而只需要向列中添加内容并更改布局属性的值。布局属性:虽然FlexibleColumnLayout可以同时显示2或3个页面,但它们永远不能具有相同的宽度(50%/50%或33%/33%/33%)。其中一个页面总是更大(扩展),甚至占据控件的整个宽度(全屏)。这是有意为之的,因为用户应该清楚地知道在任何给定时刻要关注什么,例如项目列表,特定项目,项目的详细信息。关于FlexibleColumnLayout的更多信息可以参考我的SAPUI5教程:SAPUI5应用开发教程九十七-如何使用客户端JSON模型在Master-Detail-Detail布局中构建详情页
