概述
大屏设计器的作用是让用户能够通过简略的拖拽和配置,创立出合乎本人需要的网页界面。它能够帮忙用户疾速构建出残缺的网页,而不须要过多的编码常识和简单的操作。
编辑器的特点
- 可视化编辑:用户能够通过简略的拖拽和搁置,增加网页元素,如文本、图片、视频、图表等。
- 实时预览:用户能够在编辑过程中实时预览网页成果,以便更好地进行调整和配置。
- 丰盛的内容:编辑器还提供了丰盛的模板和款式,能够满足不同用户的需要。
- 响应式设计:编辑器通常反对响应式设计,能够依据不同的屏幕大小和设施类型,主动调整网页布局和款式。
-
导入和导出:用户能够将编辑好的页面导出为 Json 文件,并分享给其他人;导入到编辑器中。
功能区介绍
快捷按钮区域
快捷按钮区域,地位在最下面局部。
从左至右的快捷按钮别离为: - 显示 / 暗藏图表组件
- 显示 / 暗藏图层管制
- 显示 / 暗藏详情设置
- 后退【撤退,回退到上一步】
- 后退【应用回退之后,如果存在多余的回退操作,则能够前进一步】
- 保留内容【将设计好的内容,进行保留解决】
- 保留封面缩略图【模板在大屏治理中所展现的缩略图】
- 预览【预览设计进去的成果】
- 中 / 英文切换
- 色彩【全局色彩设置】
-
主题【全局主题设置】
组件区域
外面蕴含有所有的展现组件,其中包含图表类、信息类、列表类、小组件、图片类、图标类、组合类等。
图层区域
图层区域,相似于图像处理软件 Photoshop 中的图层治理一样;具备锁定、暗藏、分组、拖拽等性能;当你设计好某一块内容时,则能够将其此快内容进行合并,不便整体调整地位;锁定性能则是将其整体及地位进行锁定,避免后续误操作。在理论应用中,十分实用。
配置区域
该性能十分弱小,次要分为四个局部定制、动画、数据和事件形成。
定制:对组件的款式进行设置,如组件尺寸、组件地位、组件内容的背景色彩、及组件内容的字体大小、字体色彩等个性化设置,自由度十分的高。
动画:则为组件进入页面时,第一次加载呈现的入场动画:如弹跳、左右晃动、向下进入等。
数据:次要是为组件提供展现的数据撑持;其中包含静态数据和动态数据。如果是动态数据,零碎还提供了过滤器;为满足各种简单场景的数据结构。
事件:次要是为单个组件与其余组件须要进行交互作用时应用;比方图表组件如果须要为用户提供自定义查问某个时间段的数据时,则须要将日期组件和图表组件进行交互事件,并传递数据。
文章起源(首发地址):ThingsKit 物联网平台