说透低代码
陈旭
中兴通讯软件研发资深专家
18786 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已更新 26 讲/共 39 讲
说透低代码
15
15
1.0x
00:00/00:00
登录|注册

08|布局编辑器:如何做到鱼和熊掌兼得?

你好,我是陈旭。
从这一节课开始,我们正式学习 App 开发三部曲相关的内容,这三部曲分别是布局、交互和数据。这是 App 开发过程的三个主要步骤,也是业务团队开发 App 的三个主要工作内容。在时序上,这三个步骤并非顺序执行,而是交织进行的。但布局多数出现在 App 生命周期的早中期,交互和数据则集中在中晚期。
所以今天我就先来说说三部曲中的布局篇。顾名思义,布局就是按照 UX 设计稿或需求说明书里的草图,把需要的组件逐个放到界面上,并按照要求排列整齐,形成 App 雏形的过程。
Pro Code 开发模式下的布局过程是极抽象的过程,开发人员需要把形象化的 UX 设计稿转换为一行行抽象的指令,同时在脑海里想象这些指令的渲染效果。而在低代码模式下,布局过程是非常形象的过程。我们可以利用低代码编辑器的布局器,通过画布上的拖拉拽,可视化地完成这一过程。而且,由于新手初次尝试低代码开发所做的事儿就是布局,所以拖拉拽往往成了大家对低代码模式的第一印象。
显然,布局过程非常机械,低代码平台应该有能力自动化这个过程。所以,在专栏的最后一讲里,我会给你简单介绍实现一个 D2C(Design to Code)的思路,实现低代码平台的自动化布局。
先别急着去翻最后一讲!D2C 再牛再酷,也只是辅助手段,从设计稿里自动识别出来的 App 布局,也需要微调,如果后面业务需求更新了,还需要手工维护布局。因此 D2C 并不能替代今天这讲的内容,请耐心学习这一讲。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文深入探讨了布局编辑器在App开发中的重要性以及不同业务场景下的高效布局实现。作者首先强调了布局在App开发过程中的重要性,并介绍了布局在App生命周期中的位置。文章指出,不同业务场景下的布局器会有很大差别,比如表单场景和Dashboard类App的布局方式就有很大不同。作者提出了基于绝对坐标的布局器可以同时用于布局表单和Dashboard场景,并探讨了效率和通用性在布局器设计中的相互制约关系。文章还介绍了实现多种布局器自由组合使用的方法,兼顾高效率和通用能力。总的来说,本文通过对布局编辑器的技术特点和设计思路进行了深入探讨,为读者提供了对布局编辑器的全面了解。 文章中提到了网格布局器、卡片布局器、表单布局器和流程编排器等不同布局器的特点和实现要点,并介绍了相关的开源资源。作者建议将各个布局器当作容器来实现,以实现多种布局器的自由组合使用,应用团队可以按需、按App特征挑选合适的布局器来实现快速布局。最后,文章引出了一个思考题,即在读者的场景中,哪种布局器的需求是最大的,以及除了已提及的布局器之外,还需要哪些布局器。 总的来说,本文通过深入探讨布局编辑器的设计思路和技术特点,提出了解决效率和通用性之间选择的问题,并介绍了实现多种布局器自由组合使用的方法,为读者提供了有益的技术参考。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《说透低代码》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(5)

  • 最新
  • 精选
  • 一叉树
    回答思考题:我的一个具体场景是活动平台,生成的页面基本只供移动端使用。主要布局是从上到下的 Flex 式布局。偶尔需要横向的两栏三栏布局,也只需使用“两栏布局”组件和“三栏布局”组件即可解决,暂时没碰到需要横向灵活布局的需求。经过这节课的学习,考虑优化一下我们的布局方式,让横向更加灵活。
    2022-04-14
    1
  • Geek_7e0d86
    终于看到了低代码平台的优点。现在自己就在用别人开发的低代码平台,感觉很难用,原来是做的不够好。
    2023-05-26归属地:北京
  • ifelse
    学习打卡
    2023-02-20归属地:浙江
  • Geek_06eefc
    期待网格布局器的详细介绍
    2023-01-06归属地:陕西
  • perfma123
    集成第三方的表单布局器会不会导致扩展性不强
    2022-06-23
收起评论
显示
设置
留言
5
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部