画布

更新时间:2019-01-28 18:32:26

功能区域

image.png

组件基本操作

单组件右键操作,包含

  1. 剪切
  2. 复制
  3. 删除
  4. 下移一层
    多个组件可能会叠加覆盖,选中下移一层可调整组件的覆盖关系
  5. 移动最下方
    即将组件移到最底层
  6. 锁定
    锁定后,组件不可选中,可右键组件,选择"解锁"来解除锁定状态

image.png

成组与解组

成组:

  • 选择俩个及俩个以上组件时,点击鼠标右键,可以成组;

  • 成组以后,作为一个组件进行位移、放大缩小、删除;

  • 在右侧的属性配置区域还可以对这些组件进行水平对齐、垂直对齐。

解组:选择一个组,点击鼠标右键,可以解组。

image.png

键盘快捷操作

鼠标按下拖动框选多个组件:

框选.gif

移动、旋转、缩放、等比缩放(缩放时按住 shift 键):

等比拉伸.gif

底部工具栏

image.png

操作列表

标尺:勾选后,页面边缘会以刻度尺的方式标注出当前的尺寸(位置)信息;

网格:勾选后,页面会出现5px*5px的栅格点,方便用户调整组件位置;另外,页面中所有的组件位置及尺寸都将自动按照栅格位置进行吸附和对齐;

适合画布:点击后,当前编辑界面会自适应到最佳的展示方式尽可能的显示页面中的内容;

缩放:拖动滑动条,可以放大和缩小展示当前页面;

自适应:勾选以后,生成的页面会根据浏览器分辨率自适应页面尺寸(预览和发布后可以查看结果);

results matching ""

    No results matching ""