大屏设计器的作用是让用户可以通过简单的拖拽和配置,创建出符合自己需求的网页界面。它可以帮助用户快速构建出完整的网页,而不需要过多的编码知识和复杂的操作。
编辑器的特点
- 可视化编辑:用户可以通过简单的拖拽和放置,添加网页元素,如文本、图片、视频、图表等。
- 实时预览:用户可以在编辑过程中实时预览网页效果,以便更好地进行调整和配置。
- 丰富的内容:编辑器还提供了丰富的模板和样式,可以满足不同用户的需求。
- 响应式设计:编辑器通常支持响应式设计,可以根据不同的屏幕大小和设备类型,自动调整网页布局和样式。
- 导入和导出:用户可以将编辑好的页面导出为Json文件,并分享给其他人;导入到编辑器中。
功能区介绍

快捷按钮区域
快捷按钮区域,位置在最上面部分。
从左至右的快捷按钮分别为:
- 后退 【撤退,回退到上一步】
- 前进 【使用回退之后,如果存在多余的回退操作,则可以前进一步】
- 主题【全局主题设置】
- 自定义颜色【全局颜色设置】
- 保存封面缩略图 【模板在大屏管理中所展示的缩略图】
- 保存内容 【将设计好的内容,进行保存处理】
- 预览 【预览设计出来的效果】
- 保存封面缩略图 【模板在大屏管理中所展示的缩略图】
组件区域
里面包含有所有的展示组件,其中包括设计类、图标类、基础类、控制类、视频类、其他类、图片类、图标类、组合类等。
图层区域
图层区域,类似于图像处理软件Photoshop中的图层管理一样;具有锁定、隐藏、分组、拖拽等功能;当你设计好某一块内容时,则可以将其此快内容进行合并,方便整体调整位置;锁定功能则是将其整体及位置进行锁定,防止后续误操作。在实际使用中,非常实用。
配置区域
该功能非常强大,主要分为四个部分定制、动画、数据和事件构成。
样式定制:对组件的样式进行设置,如组件尺寸、组件位置、组件内容的背景颜色、及组件内容的字体大小、字体颜色等个性化设置,自由度非常的高。
动画:则为组件进入页面时,第一次加载出现的入场动画:如弹跳、左右晃动、向下进入等。
数据:主要是为组件提供展示的数据支撑;其中包括静态数据和动态数据。如果是动态数据,系统还提供了过滤器;为满足各种复杂场景的数据构造。
事件:主要是为单个组件与其他组件需要进行交互作用时使用;比如图表组件如果需要为用户提供自定义查询某个时间段的数据时,则需要将日期组件和图表组件进行交互事件,并传递数据。
快捷键
大屏快捷键是一种用户界面上的功能,可以方便用户在不需要使用鼠标的情况下完成某些操作。使用快捷键可以加快操作速度,提高效率。
其实对于一个任意一款软件来说,快捷键的作用是:
- 加快操作速度:使用快捷键可以减少不必要的鼠标操作,从而加快操作速度。
- 提高效率:使用快捷键可以更加便捷地完成常用操作,从而提高效率。
- 定制个性化操作:用户可以根据自己的操作习惯自定义快捷键,使软件更符合自己的使用习惯。
- 跨平台使用:快捷键可以在不同的操作系统和设备上使用,使软件更加易于使用。
快捷键列表

功能 | Win快捷键 | Mac快捷键 |
推拽画布 | SPACE+🖱(鼠标左键) | SPACE+🖱(鼠标左键) |
向 上/右/下/左 移动 | CTRL + ↑ 或 → 或 ↓ 或 ← | ⌘ + ↑ |
锁定 | CTRL + L | ⌘ + L |
解锁 | CTRL + SHIFT+ L | ⌘ + ⇧ + L |
展示 | CTRL + H | ⌘ + H |
隐藏 | CTRL + SHIFT + H | ⌘ + ⇧ + H |
删除 | DELETE | ⌘ + Backspace |
复制 | CTRL + C | ⌘ + C |
剪切 | CTRL + X | ⌘ + X |
粘贴 | CTRL + V | ⌘ + V |
后退 | CTRL + Z | ⌘ + Z |
前进 | CTRL + SHIFT + Z | ⌘ + ⇧ + Z |
多选 | CTRL +🖱 | ⌘ +🖱 |
创建分组 | CTRL + G /🖱 | ⌘ + G /🖱 |
解除分组 | CTRL + SHIFT + G | ⌘ + SHIFT + G |
