低代碼開發(fā)平臺頁面布局方法(低代碼開發(fā)平臺頁面布局方法有哪些)
頁面布局的方法確實比較多,我們除了頁面以及每個控件都可以設置控件寬度占比還可以借助于GroupBox,TabControl等控件實現(xiàn)頁面布局,還可以通過占位控件,以及我們特有的“小部件”組件(一個使用Grid布局的組件,Winform和Web上都采用Grid布局)等等來實現(xiàn)頁面元素的精確布局。
使用GroupBox布局:
比如客戶是搞車輛維修的,他要求客戶信息上也要顯示車輛信息,其實顯示的就是客戶“主”車輛信息,并且要求“客戶基本信息”占一半,“車輛信息”占一半,那么我們就可以通過GroupBox控件將“客戶基本信息”和“車輛信息”分開來
開發(fā)平臺中,客戶信息在左,車輛信息在右
Web上顯示如下
通過GroupBox很好地分開兩部分信息
TabControl布局:
對于一個客戶來說,可能還存在多臺車輛,有跟進記錄,多個聯(lián)系人,報價記錄,案件記錄等等,那么這些都是需要通過子表的形式來實現(xiàn)的。很多時候如果把所有的子表都瀑布式排列,會發(fā)現(xiàn)需要滾動很多才能找到子表記錄,那么我們就可以通過TabControl控件來布局這些子表了。
通過TabControl布局子表或者其他信息
Web上可以獲得非常不錯的效果
占位符
比如客戶的客戶信息想這么顯示,每一行默認顯示3個控件,但是第一行只需要顯示“客戶名稱”和“客戶等級”,那么我們就可以使用占位符來實現(xiàn)了。
第一行只需要顯示兩個控件
此時我們設計頁面時就可以使用占位符了
小部件
小部件是我們的低代碼平臺一個特有的布局控件,采用的是Grid布局,支持子控件Grid布局,支持表格線,區(qū)域顏色等等。
比如首頁上就可以用小部件組合成一些快速訪問菜單,圖表等等
首頁通過小部件實現(xiàn)快速訪問,提醒等
小部件實現(xiàn)表格,區(qū)域圖塊等
小部件實現(xiàn)表格線
總之,我們提供了多種多樣的布局方式,使得我們的低代碼開發(fā)平臺能夠完全滿足客戶的各種各樣的需求。