Fiori 2.0指南的最新布局模式之一是sap.f.FlexibleColumnLayout。它提供了详细信息的上下文视图，最多可以在屏幕上显示三列。在下面的博客文章中，我们将向您介绍这种模式。

用户可以根据自己的需要展开或折叠列。此选项由局部视图分隔线旁边的布局箭头指示。使用最右边列中的全屏按钮，可以进一步扩展视图。这样，整个布局可以在任何设备上以响应的方式显示为详细信息。有了这些功能，用户可以更直观地掌握信息，你的应用程序也变得更加灵活。由于应用程序和用户之间的优化交互，该控件被添加到最新的最佳实践中。

对于开发人员来说，该控件也有一些很好的优点：灵活的列布局具有预定义的布局类型和预定义的路由，因此您可以开箱即用。嗯，从图书馆出来，物联网学什么，但你知道我的意思。您还可以使用这个初始状态来调整它以适应您的使用场景。在任何情况下，编程都更快更容易，云服务器价格，云快卖，云服务器好还是，因为您不需要从头开始。

另一个优势是预定义布局的性能提高。在第一次出现时，只显示第一列（即最左边的列），这导致服务器仅为此初始视图发送一个批处理请求。相比之下，传统的master-detail布局导致服务器发送两个初始批处理请求：一个用于master视图，另一个用于detail视图，这意味着更多的网络流量。

从用户的角度来看，企业信息化应用系统，这一列的首次出现也是有意义的。如果还没有做出选择，用户为什么要查看详细信息？如果我们允许主视图占用屏幕上的可用空间，以便用户首先获得概述，这将是一个更加用户友好的用户体验设计。

要查看灵活的列布局，您可以查看更新的主细节演示应用程序或UI5Lab浏览器。OpenUI5演示工具包中还有三个实现示例。

要在代码中启用灵活的列布局，只需在清单文件中设置三个必备设置：

routerClass控制聚合对sap.f库的依赖性

您可以在下面的代码示例中看到一个示例，该示例取自更新的Master Detail演示应用程序，有两列。

当然，还有更多关于灵活列布局模式的详细信息需要了解。除了上面的链接外，Fiori设计指南中的描述提供了一个更面向设计的视图。

这让你好奇吗？我希望这篇简短的布局模式介绍能成为您使用Fiori2.0元素的良好起点，并激励您深入研究！