低代码开发平台页面布局方法（低代码开发平台页面布局方法有哪些）

页面布局的方法确实比较多，我们除了页面以及每个控件都可以设置控件宽度占比还可以借助于GroupBox，TabControl等控件实现页面布局，还可以通过占位控件，以及我们特有的“小部件”组件（一个使用Grid布局的组件，Winform和Web上都采用Grid布局）等等来实现页面元素的精确布局。

使用GroupBox布局：

比如客户是搞车辆维修的，他要求客户信息上也要显示车辆信息，其实显示的就是客户“主”车辆信息，并且要求“客户基本信息”占一半，“车辆信息”占一半，那么我们就可以通过GroupBox控件将“客户基本信息”和“车辆信息”分开来

开发平台中，客户信息在左，车辆信息在右

Web上显示如下

通过GroupBox很好地分开两部分信息

TabControl布局：

对于一个客户来说，可能还存在多台车辆，有跟进记录，多个联系人，报价记录，案件记录等等，那么这些都是需要通过子表的形式来实现的。很多时候如果把所有的子表都瀑布式排列，会发现需要滚动很多才能找到子表记录，那么我们就可以通过TabControl控件来布局这些子表了。

通过TabControl布局子表或者其他信息

Web上可以获得非常不错的效果

占位符

比如客户的客户信息想这么显示，每一行默认显示3个控件，但是第一行只需要显示“客户名称”和“客户等级”，那么我们就可以使用占位符来实现了。

第一行只需要显示两个控件

此时我们设计页面时就可以使用占位符了

小部件

小部件是我们的低代码平台一个特有的布局控件，采用的是Grid布局，支持子控件Grid布局，支持表格线，区域颜色等等。

比如首页上就可以用小部件组合成一些快速访问菜单，图表等等

首页通过小部件实现快速访问，提醒等

小部件实现表格，区域图块等

小部件实现表格线

总之，我们提供了多种多样的布局方式，使得我们的低代码开发平台能够完全满足客户的各种各样的需求。