pixso中可通过标尺、测距、坐标编辑和参考线实现精确定位与测量:启用标尺并调整零点;按alt悬停测距;在属性面板查看/编辑x/y坐标;拖动标尺创建参考线。

如果您在Pixso中需要对界面元素进行精确定位或测量两个对象之间的间距,则需依赖标尺与度量功能。以下是实现精确测量与坐标定位的具体操作步骤:
一、启用并显示标尺
标尺是进行视觉对齐与坐标参考的基础工具,启用后可在画布顶部和左侧显示水平与垂直刻度线,辅助判断元素位置。
1、点击顶部菜单栏的视图选项。
2、在下拉菜单中勾选标尺,此时画布左上角将出现交叉灰块,顶部与左侧分别显示标尺刻度。
3、若标尺未自动显示单位数值,可右键单击任一标尺区域,在弹出菜单中选择所需单位(如像素、pt、cm等)。
二、调整标尺零点位置
默认零点位于画布左上角,但为适配特定设计区域(如画板中心或组件边界),可手动重设零点以简化相对坐标读取。
1、按住Ctrl 键(Windows)或 ⌘ Command 键(macOS)。
2、将鼠标移至标尺交叉灰块处,光标变为四向箭头。
3、按住鼠标左键并向画布内拖动,释放后十字交叉点即为新零点,标尺数值将据此重新计算。
4、如需恢复默认零点,双击标尺左上角交叉灰块即可。
三、使用图层测距功能测量间距
图层测距可实时显示两个独立或嵌套对象间的水平与垂直距离,支持矢量形状、文字、画板、组件、组合及参考线等对象类型。
1、在画布中单击选中第一个目标图层。
2、按住Alt 键(Windows)或 ⌥ Option 键(macOS)不放。
3、将鼠标悬停于第二个目标图层边缘,Pixso即时生成红色水平与垂直测量线,并在交点处显示数字标注。
4、若测量对象处于不同嵌套层级(例如父组内子图层与外部画板),则改按Ctrl+Alt(Windows)或 ⌘+⌥(macOS),系统将同时显示上下左右四向距离值。
四、查看与锁定元素绝对坐标
Pixso支持在属性面板中直接读取并编辑图层的X/Y坐标值,结合标尺可实现像素级精准定位。
1、选中任意图层,在右侧属性面板中找到位置(Position)区域。
2、X值表示该图层左上角距当前标尺零点的水平距离,Y值表示垂直距离。
3、可直接输入数值修改坐标,或拖动图层时观察X/Y实时变化,配合标尺刻度确认落点。
4、若启用了绝对定位功能(自动布局2.0新增),该图层将脱离父容器约束,X/Y值即相对于整个画布零点而非父级边界。
五、利用参考线辅助定位与对齐
参考线与标尺联动,可创建自定义对齐基准线,提升多元素排布的一致性与效率。
1、确保标尺已启用,将鼠标移至顶部或左侧标尺区域。
2、按住鼠标左键并向画布拖动,松开后生成一条水平或垂直参考线。
3、拖动参考线时按住Shift 键,可强制吸附至最近标尺刻度。
4、使用移动工具选中参考线后,可直接拖回标尺区域删除;双击参考线可编辑其坐标数值。











