关于物联网:ThingsKit物联网平台可视化工具之大屏编辑器

44次阅读

共计 972 个字符,预计需要花费 3 分钟才能阅读完成。

概述

大屏设计器的作用是让用户能够通过简略的拖拽和配置,创立出合乎本人需要的网页界面。它能够帮忙用户疾速构建出残缺的网页,而不须要过多的编码常识和简单的操作。

编辑器的特点

  • 可视化编辑:用户能够通过简略的拖拽和搁置,增加网页元素,如文本、图片、视频、图表等。
  • 实时预览:用户能够在编辑过程中实时预览网页成果,以便更好地进行调整和配置。
  • 丰盛的内容:编辑器还提供了丰盛的模板和款式,能够满足不同用户的需要。
  • 响应式设计:编辑器通常反对响应式设计,能够依据不同的屏幕大小和设施类型,主动调整网页布局和款式。
  • 导入和导出:用户能够将编辑好的页面导出为 Json 文件,并分享给其他人;导入到编辑器中。

    功能区介绍

    快捷按钮区域

    快捷按钮区域,地位在最下面局部。
    从左至右的快捷按钮别离为:

  • 显示 / 暗藏图表组件
  • 显示 / 暗藏图层管制
  • 显示 / 暗藏详情设置
  • 后退【撤退,回退到上一步】
  • 后退【应用回退之后,如果存在多余的回退操作,则能够前进一步】
  • 保留内容【将设计好的内容,进行保留解决】
  • 保留封面缩略图【模板在大屏治理中所展现的缩略图】
  • 预览【预览设计进去的成果】
  • 中 / 英文切换
  • 色彩【全局色彩设置】
  • 主题【全局主题设置】

    组件区域

    外面蕴含有所有的展现组件,其中包含图表类、信息类、列表类、小组件、图片类、图标类、组合类等。

    图层区域

    图层区域,相似于图像处理软件 Photoshop 中的图层治理一样;具备锁定、暗藏、分组、拖拽等性能;当你设计好某一块内容时,则能够将其此快内容进行合并,不便整体调整地位;锁定性能则是将其整体及地位进行锁定,避免后续误操作。在理论应用中,十分实用。

    配置区域

    该性能十分弱小,次要分为四个局部定制、动画、数据和事件形成。
    定制:对组件的款式进行设置,如组件尺寸、组件地位、组件内容的背景色彩、及组件内容的字体大小、字体色彩等个性化设置,自由度十分的高。
    动画:则为组件进入页面时,第一次加载呈现的入场动画:如弹跳、左右晃动、向下进入等。
    数据:次要是为组件提供展现的数据撑持;其中包含静态数据和动态数据。如果是动态数据,零碎还提供了过滤器;为满足各种简单场景的数据结构。
    事件:次要是为单个组件与其余组件须要进行交互作用时应用;比方图表组件如果须要为用户提供自定义查问某个时间段的数据时,则须要将日期组件和图表组件进行交互事件,并传递数据。

文章起源(首发地址):ThingsKit 物联网平台

正文完
 0