pxcook支持一键自动生成尺寸标注:一、启用智能标注并选中图层;二、按数字键1生成宽高标注;三、用区域标注工具框选自定义范围;四、划线交互生成高度或宽度;五、ctrl+a全选后按1批量标注。

如果您在使用PxCook处理PSD设计稿时希望快速获取元素尺寸信息,但手动逐个测量效率低下,则可依赖其内置的智能尺寸标注机制。以下是实现自动标注尺寸的一键操作路径:
一、启用智能标注模式并选中图层
启动PxCook后,需确保当前处于“设计模式”且已成功加载PSD文件;软件将自动解析图层结构与嵌套关系,为后续一键标注提供数据基础。只有图层可见、未被锁定、且非智能对象或位图混合图层时,尺寸标注功能才可正常触发。
1、点击左上角“创建项目”,选择本地PSD文件导入,或直接将PSD拖入主窗口区域。
2、在左侧图层面板中,单击目标图层(支持单选、按住Ctrl多选、或框选多个图层组)。
3、确认顶部工具栏中“智能标注”按钮呈高亮激活状态(图标为靶心+尺子组合)。
二、使用快捷键一键生成尺寸标注
PxCook预设了标准化快捷键体系,无需鼠标悬停菜单即可触发对应标注类型,其中尺寸标注由数字键“1”直接调用,系统将自动识别所选图层的边界框并生成宽高双线标注。
1、确保至少一个图层处于选中状态。
2、按下键盘数字键 1,立即生成该图层外接矩形的宽度与高度标注线。
3、标注线默认附着于图层边缘,可拖拽端点调整位置,也可点击标注线上方小方块后用上下方向键微调垂直偏移量。
三、通过区域标注工具框选生成尺寸
当需对非图层原生区域(如UI组件组合、文字区块、图标集合)进行整体尺寸界定时,“区域标注”工具可绕过图层限制,以自由框选方式定义测量范围,并同步输出带背景色的长宽数值。
1、点击左侧工具栏中矩形图标(标注类型为“区域标注”,图标含浅蓝底色与虚线框)。
2、在画布上按住鼠标左键拖出矩形选区,松手后自动显示PX单位的宽×高数值,背景为半透明蓝色遮罩。
3、拖动标注四角控制点可实时缩放选区,数值同步更新;双击标注数值可手动编辑。
四、利用划线交互自动生成尺寸线
对于需要精确定位某一边缘或对齐基准的场景,PxCook支持在画布上直接划线触发尺寸反馈:横向划线生成高度,纵向划线生成宽度,十字划线则同时输出宽高两组数据。
1、切换至“划线标注”模式(顶部工具栏第二个图标,形似交叉箭头)。
2、在目标元素左侧边缘点击起始点,向右水平拖动至右侧边缘松开,即生成一条带数值的水平尺寸线。
3、同理,在顶部边缘点击并向下垂直拖动,可生成高度标注;若先横后纵完成十字划线,系统将同时标注宽与高,且两条线自动正交对齐。
五、批量标注多个图层尺寸
面对包含数十个图标或控件的设计稿,逐一按键标注耗时较长;PxCook支持Ctrl+A全选可见图层后,一次性触发尺寸标注,各图层独立生成不重叠的标注线,大幅提升批量处理效率。
1、在图层面板空白处单击,确保焦点位于面板内。
2、按下 Ctrl+A 全选当前画板下所有可见且未锁定的图层。
3、按下数字键 1,所有选中图层同步生成外接矩形尺寸标注。
4、若部分标注线重叠,可按住Shift键点击任意标注线,再用方向键整体平移避让。











