功能简介 界面设计的视图区是一个直观的界面设计中心，你可以通过拖拽组件和配置指令，轻松搭建交互逻辑界面。帮助你即时预览页面布局效果，确保设计流程顺畅且实用。 操作组件 添加 你可以将任意组件添加到视图区，视图区的可编辑范围由你创建的页面尺寸决定。关于如何调整页面尺寸的相关说明，具体参阅： 页面和图层。 将组件从组件区拖入视图区的任意位置。你可以使用鼠标灵活调整组件在视图中的位置。 移动 使用以下任意一种方式： 选中所需组件，用鼠标灵活调整其在视图中的位置。 选择所需组件，然后在右侧属性面板的位置与尺寸区域调整坐标值，从而精确设置组件的位置。 调整大小 使用以下任意一种方式： 选择所需组件，鼠标悬停在绿色点上，直到出现白色双向箭头，然后按住左键拖动以调整对象大小。 选择所需组件，在右侧属性面板的位置和尺寸部分调整长度和宽度，以精准修改组件尺寸。 旋转 使用以下任意一种方式： 选择所需组件，悬停在黑色双向箭头上，按住鼠标左键即可旋转。 选择所需的组件，然后在右侧属性面板的角度部分调整角度，以精准修改组件的角度。 排列 帮助你管理页面重叠的组件，让界面显示更加合理和美观。 选择所需组件，右键点击并选择排列，或点击顶部工具栏中的排列，即可调整组件的图层顺序。 置于顶层：将选中组件移动至所有组件最上层。 置于底层：将选中组件移动至所有组件最底层。 上移一层：将选中组件上移一层。 下移一层：将选中组件下移一层。 对齐 可使用鼠标框选多个组件。在工具栏右上角进行对齐操作，可快速整理设备组件的位置，提升视图区的美观性与可读性。 水平分布：根据所选组件组的左右边界坐标，自动计算并调整组件之间的位置，实现相邻组件横向间距均等。 垂直分布：根据所选组件组的上下边界坐标，自动计算并调整组件之间的位置，实现相邻组件纵向间距均等。 左对齐：以选中组件组的左边界为基准线，对齐所有组件的左边界至该基准线。 水平居中：计算选中组件组的水平中心点，对齐所有组件的中心点至同一垂直参考线。 右对齐：以选中组件组的右边界为基准线，对齐所有组件的右边界至该基准线。 顶部对齐：以选中组件组的顶端为基准线，对齐所有组件的上边界至该基准线。 垂直居中：计算所选组件组的垂直中心点，使所有组件的垂直中心点对齐到同一水平参考线。 底部对齐：以所选组件组的底边为参考线，将所有组件的底部边界对齐到该基线。 复制与粘贴 选择目标的组件，右键点击并选择复制。选择要粘贴的目标位置，右键点击并选择粘贴。 锁定/解锁 在处理复杂设计文件时，常常容易误选已经确认并不应被修改的组件，比如精心调整过的背景或图片。无意间的拖动或按键操作可能破坏整个版面布局。此时，可以通过锁定功能，防止组件被更改。 选中所需组件，右键点击，选择锁定/解锁锁定/解锁组件。锁定后，组件无法在视图区内移动。解锁后，该组件可以再次移动。 定位图层 你可以通过可视区域顶部导航栏切换回图层。 操作视图区域 顶部工具栏 撤销/重做 点击顶部工具栏上的撤销以恢复到上一步操作。支持连续撤销，最多可回退20步。 执行撤销后，可恢复的操作步骤将被记录。点击顶部工具栏上的重做，每点击一次即可恢复一个被撤销的操作。 画布显示 点击画布工具显示或隐藏画布标尺，帮助确定组件之间的间距和对齐关系。 底部工具栏 移动画布 点击底部工具栏上的，可将画布移动至任意位置。 适应画布 点击底部工具栏上的，可自动计算视图边界，使缩放比例和位置适配当前窗口内容。 鹰眼地图 点击底部工具栏上的可启用鹰眼视图，以俯视角度展示地图。你可以在鹰眼地图上点击任意位置，实现主视图区的快速定位导航。 缩小/放大画布 点击底部工具栏上的可将视图放大（支持最高200%的比例缩放）。 点击可缩小视图（最低可达10%的比例缩放），也可直接选择相应数值，快速设置视图缩放级别。