10月27日，活字開發團隊負責人雷作為嘉賓代表葡萄城參加了掘金稀土開發者大會。在低代碼探索的話題分享中，他首次揭示了活字最受專業開發人員歡迎的三大特性及其實現原理。讓我們來看看低代碼如何贏得程序員的心。本文將重點介紹三個功能:自由設計頁面布局和樣式。

低代碼是一種覆蓋軟件開發整個生命周期的可視化解決方案。在用戶界面設計階段，低代碼開發平臺應該提供什么樣的設計模式才能在保證高度定制的基礎上盡可能提高開發效率？為了解決這個問題，活字的開發團隊決定從“視覺開發”的源頭尋找思路。

作為微軟最早的合作伙伴，葡萄城不僅為微軟平臺開發者提供了大量控件，而且對平臺的技術特點及其背后的實現原理有著深刻的理解。在開發WinForm程序的時代，Visual Studio的用戶將控件拖動到窗體中，IDE會根據控件的位置和層次關系自動生成包含這些信息的代碼。運行時，這些代碼按順序執行，與設計一致的樣式被還原和提取，以達到所見即所得的效果。這種開發模式已經迅速成為Windows程序開發的標準模式。程序員無需運行程序就可以在設計器上看到頁面布局的效果。截至目前，用友U8+這款市場上用戶群體最大的ERP軟件，正是基于微軟技術棧以這種可視化方式開發的，在用戶體驗層面得到了企業用戶的廣泛認可。

（用Visual Studio開發WinForm程序的經驗）

因此，活字格將這種設計思想應用到網頁的開發中，結合Excel的操作經驗，最終提供了一種基于絕對坐標的頁面設計方案。根據不同的應用場景，該方案有“固定布局”和“網格布局”兩種模式

固定布局

固定布局是活字的默認做法。開發人員在設計器中像Excel一樣在網格中完成頁面元素的布局和樣式設置。設計師在發布時會將帶有絕對坐標的頁面設計存儲為模型文件并上傳到服務器；最終用戶瀏覽器中運行的解析引擎會將元數據恢復到與設計器中一致的Web界面。

（固定布局可以實現嚴格意義上的所見即所得）

除了所見即所得帶來的高開發效率外，這種設計體驗還具有以下三個明顯的優勢:靈活的布局:開發人員可以將任何元素放置在頁面上的任何位置并將其設置為任何樣式，而不必拘泥于平臺內置的模板。門檻更低:頁面布局和樣式設置的方式與Excel高度相似，全程可視化；開發人員無需具備CSS知識即可完成頁面設計；對于熟悉CSS的開發人員來說，可移動類型還提供了進一步調整樣式的能力。兼容性好:可移動類型的元數據解析引擎不依賴于任何第三方JS框架或CSS樣式庫，可以保證頁面在不同瀏覽器和設備上的性能一致。

此外，如果開發目標是替換現有的Excel模板，或者需求方提供的設計方案是用Excel描述的，開發人員也可以直接將Excel文件導入到活字中。Movable type會根據Excel自動生成頁面，還原內容和大部分樣式，進一步減少頁面開發的工作量。

（“仿紙文檔”頁面使用活字開發）

網格布局

固定布局可以確保最終的頁面布局與預期完全一致，它通常用于開發需要非常嚴格的界面布局的場景，例如那些需要延續現有體驗并降低用戶培訓成本的內部應用程序。然而，對于面向外部用戶的應用程序，開發人員通常需要提供更“現代”的界面來提高用戶滿意度。此時，活字提供的“網格布局”就派上用場了。

類似于固定布局參考WinForm的設計思想，網格布局的設計思想起源于WPF。為了根據屏幕大小自動調整頁面布局，WPF提供了網格布局控件，并允許開發人員通過在Grid.ColumnDefinition中設置width =“25 *“來控制每個元素的大小比例。簡單地說，在固定布局的基礎上，將頁面元素的絕對定位坐標轉換為可以根據設定規則計算的動態坐標，從而實現網格布局。

在活字頁面設計界面中，元素的絕對定位坐標由所在單元格確定，單元格的位置以行和列描述。當我們將這些行和列設置為“根據內容自適應”或“在指定范圍內按比例分布”時，絕對定位的坐標就變成了根據規則計算的動態坐標。這種方法一方面提供了更靈活的頁面布局方法，另一方面由于延續了固定布局的使用體驗而不是將其分離出來，最終使得活字頁面布局的學習曲線更加平滑，開發者更容易上手。

（使用網格布局開發的頁面效果）

不同的應用場景和最終用戶群體對頁面布局和樣式的要求完全不同。作為一種開發工具，低代碼平臺應該允許開發人員自由開發各種風格的頁面，但許多低代碼平臺并沒有這樣做。因此，很容易理解“以固定布局和網格布局自由設計頁面”被選為程序員最喜歡的活字功能。

在低代碼領域，葡萄城有著自己得天獨厚的條件。在2012年開始低代碼預研之前，葡萄城已經專注于軟件開發工具領域32年，并先后推出了基于VBX、COM、。NET和純前端技術平臺，并根據技術環境和用戶需求的變化積極迭代產品和技術，不斷減少軟件開發所需的代碼，提高軟件開發生產率，積累了豐富的技術實力和領先的R&D經驗。經過四年的研發，活字低代碼開發平臺于2016年正式上線。為了與更多開發商共同創造和建設，葡萄城對開發商采取了免費的商業模式。迄今為止，已有超過6萬名開發人員通過活字印刷踏上了低代碼開發之旅，其中包括許多來自軟件公司和大型企業信息部門的專業開發人員。

如果你是一名對低代碼技術持觀望態度的開發者，不妨搜索“活字”，免費下載這款由數萬名開發者評選出的企業級低代碼開發平臺，與葡萄城一起開啟你的低代碼之旅吧！