自由界面定义(界面自由能与界面能的区别)

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万名开发人员通过活字印刷踏上了低代码开发之旅，其中包括许多来自软件公司和大型企业信息部门的专业开发人员。

如果你是一名对低代码技术持观望态度的开发者，不妨搜索“活字”，免费下载这款由数万名开发者评选出的企业级低代码开发平台，与葡萄城一起开启你的低代码之旅吧！