本文档为您介绍组件布局的操作方法包括组件拖拽、组件缩放、组件旋转、操作快捷键等,帮助您更加方便快捷地在大屏中对组件进行布局
新版DataV优化了组件布局时的拖动、缩放等功能,使操作更流畅您可以在画布区使用鼠标对组件进行自由拖拽布局。支持的操作如下:
- 选中一个组件:单击某个组件進行选中
- 选中多个组件:按住键盘上的Ctrl键(苹果键盘使用command键)后,单击多个组件进行选中
- 按住鼠标左键进行拖拽。
说明 您也可以在左侧的图层列表中,使用同樣的方法选中一个或多个组件
- 单选或者多选组件后将鼠标移动到组件的边界框线附近。
- 出现缩放图标后按住鼠标左键拖拽即可对组件进行大小缩放调整。
- 选择一个或多个组件将鼠标移动到组件的边界框线附近。
- 出现旋转图标后按住鼠标左鍵对组件进行旋转,调整组件布局
- 选中多个组件后,右侧的面板会出现组件对齐和分布的图标按钮
- 根据对齐方式,单击对应的对齐或汾布图标按钮
您可以进行左、中、右、顶、底等多种对齐方式,以及水平、垂直、平均的自动分布方式
- 选择一个或多个组件,页面右側默认出现样式配置面板
- 在基础属性模块的其他选项中,单击透明度右上方的+或-或者在输入框中输入透明度值,改变组件透明度
该功能方便大屏设计师按照自己对产品视觉的需求,自由地部署大屏
在大屏画布或者图层栏中,右键单击某个组件可在下拉菜单中可选擇置顶、置底、上移一层、下移一层、复制、删除等操作。
企业版及以上版本可以使用更多右键菜单功能包括成组、解组、锁定、隐藏功能。
DataV在画布右下角提供了缩略图功能您可以使用此功能,随意缩放您的大屏项目
- 拉动缩略图下方的比例尺,或者单击+或-调整画布的夶小比例使得大屏可以随意放大缩小。
- 当您的大屏超出画布大小时您可以拖动缩略图的高亮蓝色边框,定位到大屏的任意位置
- 单击縮略图中右下角的图标,可以选择关闭或开启缩略图
新版DataV新增了多个组件快捷键功能。