頁(yè)面布局的方法確實(shí)比較多，我們除了頁(yè)面以及每個(gè)控件都可以設(shè)置控件寬度占比還可以借助于GroupBox，TabControl等控件實(shí)現(xiàn)頁(yè)面布局，還可以通過(guò)占位控件，以及我們特有的“小部件”組件（一個(gè)使用Grid布局的組件，Winform和Web上都采用Grid布局）等等來(lái)實(shí)現(xiàn)頁(yè)面元素的精確布局。

使用GroupBox布局：

比如客戶是搞車(chē)輛維修的，他要求客戶信息上也要顯示車(chē)輛信息，其實(shí)顯示的就是客戶“主”車(chē)輛信息，并且要求“客戶基本信息”占一半，“車(chē)輛信息”占一半，那么我們就可以通過(guò)GroupBox控件將“客戶基本信息”和“車(chē)輛信息”分開(kāi)來(lái)

開(kāi)發(fā)平臺(tái)中，客戶信息在左，車(chē)輛信息在右

Web上顯示如下

通過(guò)GroupBox很好地分開(kāi)兩部分信息

TabControl布局：

對(duì)于一個(gè)客戶來(lái)說(shuō)，可能還存在多臺(tái)車(chē)輛，有跟進(jìn)記錄，多個(gè)聯(lián)系人，報(bào)價(jià)記錄，案件記錄等等，那么這些都是需要通過(guò)子表的形式來(lái)實(shí)現(xiàn)的。很多時(shí)候如果把所有的子表都瀑布式排列，會(huì)發(fā)現(xiàn)需要滾動(dòng)很多才能找到子表記錄，那么我們就可以通過(guò)TabControl控件來(lái)布局這些子表了。

通過(guò)TabControl布局子表或者其他信息

Web上可以獲得非常不錯(cuò)的效果

占位符

比如客戶的客戶信息想這么顯示，每一行默認(rèn)顯示3個(gè)控件，但是第一行只需要顯示“客戶名稱”和“客戶等級(jí)”，那么我們就可以使用占位符來(lái)實(shí)現(xiàn)了。

第一行只需要顯示兩個(gè)控件

此時(shí)我們?cè)O(shè)計(jì)頁(yè)面時(shí)就可以使用占位符了

小部件

小部件是我們的低代碼平臺(tái)一個(gè)特有的布局控件，采用的是Grid布局，支持子控件Grid布局，支持表格線，區(qū)域顏色等等。

比如首頁(yè)上就可以用小部件組合成一些快速訪問(wèn)菜單，圖表等等

首頁(yè)通過(guò)小部件實(shí)現(xiàn)快速訪問(wèn)，提醒等

小部件實(shí)現(xiàn)表格，區(qū)域圖塊等

小部件實(shí)現(xiàn)表格線

總之，我們提供了多種多樣的布局方式，使得我們的低代碼開(kāi)發(fā)平臺(tái)能夠完全滿足客戶的各種各樣的需求。