通行线像素排版工具通行线像素排版工具文档

分区功能

了解如何创建和使用分区,组织元素布局,提高排版效率

分区是什么?

在真实的LED屏上,分区是一个很常见的功能。每个分区有其对应的职责,例如在公交车的线路牌上,可能有路号和目的地两个分区,每个分区内的内容和显示方式可以单独设置,互不干扰。

通行线像素排版工具内实现了一个与真实LED屏类似的分区功能,该功能可以理解为是一种用于组织不同区域所显示内容的容器,可以帮助您更高效地管理画布上的元素。通过分区,您可以将相关元素归类,便于整体移动和精确排版。

注:分区是一个可选项,并不是所有排版都需要用到分区功能。

分区的创建与调整

创建分区

  • 点击工具栏中的“分区”按钮,分区会默认添加到画布内的空白区域。

调整分区

  • 在画板上拖拽分区边缘:调整分区的宽度或高度
  • 在画板上拖拽分区中央:移动整个分区的位置

分区属性面板

分区属性面板

在分区属性面板中,您可以对选中的分区进行详细设置。以下是各个设置项的说明:

1. 名称

在此处为当前分区自定义名称,便于在图层管理器中识别和管理。

2. 位置(X / Y坐标)

这里可以直接输入整数,精确设置分区左上角在画布上的横纵坐标。X/Y坐标分别以左上角为零点,向右方向移动1格则X值加1,向下方向移动1格则Y值加1。

分区与分区之间不允许重叠。如果手动调整后的X/Y值导致分区存在重叠,本工具会自动修正。

3. 尺寸设置

可分别设置分区的宽度和高度,单位为像素。分区最小尺寸为5×5像素。

分区不可超出画板范围。

4. 删除按钮

面板右上角有一个图标,点击它可以删除当前分区。

删除分区不会删除其中的元素,但这些元素会失去分区归属关系。

分区与元素关联

将元素关联到分区

  1. 选中要关联的元素
  2. 在元素的属性面板中,找到"所属分区"下拉菜单
  3. 从下拉菜单中选择目标分区

关联效果

  • 元素在图层管理器中显示为分区的子项
  • 超出分区边界的元素部分会被自动裁剪

取消关联

  • 在元素属性面板的"所属分区"下拉菜单中选择“无”即可取消关联

分区应用技巧

  • 内容组织:使用分区将功能相关的元素组织在一起,比如将标题文字和背景图形放在同一分区。

  • 居中对齐:将元素关联到分区后,您可以使用工具栏中的居中按钮让元素在分区内水平居中或垂直居中,方便排版。

  • 吸附对齐:拖动分区靠近画布边缘或其他分区时,会自动吸附并显示红色边框提示,便于精确对齐。

  • 分区锁定:在图层管理器中可以使用锁定分区,以防止误操作。

  • 预设布局:设计好的分区布局可以保存为JSON配置文件,便于创建模板和复用常用布局。

On this page