如何通过PxCook查看元素阴影的投影参数及模糊扩展值？
- 内容介绍
- 文章标签
- 相关推荐
本文共计807个文字，预计阅读时间需要4分钟。
若在PxCook进行设计时需获取图层的投影参数，但界面未直接显示偏移、模糊、扩展等数值，可按以下步骤定位并读取这些属性：
一、通过图层样式面板查看阴影数值
PxCook支持解析Sketch或PSD文件中的图层样式，当导入含投影效果的设计稿后，阴影参数会以结构化形式呈现在右侧属性面板中。该面板可直接展示X偏移、Y偏移、模糊半径、扩展值及颜色透明度。
1、在左侧图层面板中，单击选中目标图层（如按钮、卡片等具有投影效果的元素）。
2、观察右侧“属性”区域，向下滚动至“图层样式”模块，点击展开“投影”或“Drop Shadow”项。
3、在展开内容中，逐项查看X 偏移量（单位：px）、Y 偏移量（单位：px）、模糊半径（Blur，单位：px）、扩展（Spread，单位：px，部分版本显示为“大小”或“Scale”）以及不透明度（Opacity，百分比）。
二、启用高精度标注模式显示阴影详情
默认标注视图可能仅显示基础尺寸与颜色，需切换至高级标注模式才能完整呈现阴影参数。该模式强制解析并渲染所有图层效果的原始数值，适用于需交付开发的精确切图需求。
1、点击顶部菜单栏的“设置” → “标注设置”，打开全局配置窗口。
2、在“标注内容”选项卡中，勾选“显示图层效果参数”与“显示阴影详细值”两项。
3、关闭设置窗口后，重新选中带阴影的图层，此时右侧面板或悬浮标注框中将同步显示Offset X/Y、Blur、Spread、Color等字段及其对应数值。
三、导出JSON标注数据并人工提取阴影字段
当界面显示受限或需批量核对多个元素阴影值时，可借助PxCook的JSON导出功能获取原始数据。该文件以标准键值对形式存储所有图层样式，包括投影各维度参数，适合用文本编辑器或脚本快速检索。
1、点击右上角“导出”按钮（图标为↑箭头），选择“导出标注数据（JSON）”。
2、保存文件后，用VS Code或记事本打开，搜索关键词"shadow"或"dropShadow"。
3、在匹配到的对象中定位以下字段："x": 数值、"y": 数值、"blur": 数值、"spread": 数值、"color": "#RRGGBBAA"，其值即为对应投影参数。
本文共计807个文字，预计阅读时间需要4分钟。
若在PxCook进行设计时需获取图层的投影参数，但界面未直接显示偏移、模糊、扩展等数值，可按以下步骤定位并读取这些属性：
一、通过图层样式面板查看阴影数值
PxCook支持解析Sketch或PSD文件中的图层样式，当导入含投影效果的设计稿后，阴影参数会以结构化形式呈现在右侧属性面板中。该面板可直接展示X偏移、Y偏移、模糊半径、扩展值及颜色透明度。
1、在左侧图层面板中，单击选中目标图层（如按钮、卡片等具有投影效果的元素）。
2、观察右侧“属性”区域，向下滚动至“图层样式”模块，点击展开“投影”或“Drop Shadow”项。
3、在展开内容中，逐项查看X 偏移量（单位：px）、Y 偏移量（单位：px）、模糊半径（Blur，单位：px）、扩展（Spread，单位：px，部分版本显示为“大小”或“Scale”）以及不透明度（Opacity，百分比）。
二、启用高精度标注模式显示阴影详情
默认标注视图可能仅显示基础尺寸与颜色，需切换至高级标注模式才能完整呈现阴影参数。该模式强制解析并渲染所有图层效果的原始数值，适用于需交付开发的精确切图需求。
1、点击顶部菜单栏的“设置” → “标注设置”，打开全局配置窗口。
2、在“标注内容”选项卡中，勾选“显示图层效果参数”与“显示阴影详细值”两项。
3、关闭设置窗口后，重新选中带阴影的图层，此时右侧面板或悬浮标注框中将同步显示Offset X/Y、Blur、Spread、Color等字段及其对应数值。
三、导出JSON标注数据并人工提取阴影字段
当界面显示受限或需批量核对多个元素阴影值时，可借助PxCook的JSON导出功能获取原始数据。该文件以标准键值对形式存储所有图层样式，包括投影各维度参数，适合用文本编辑器或脚本快速检索。
1、点击右上角“导出”按钮（图标为↑箭头），选择“导出标注数据（JSON）”。
2、保存文件后，用VS Code或记事本打开，搜索关键词"shadow"或"dropShadow"。
3、在匹配到的对象中定位以下字段："x": 数值、"y": 数值、"blur": 数值、"spread": 数值、"color": "#RRGGBBAA"，其值即为对应投影参数。