如何通过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、点击顶部菜单栏的“设置” → “标注设置”,打开全局配置窗口。
本文共计807个文字,预计阅读时间需要4分钟。
若在PxCook进行设计时需获取图层的投影参数,但界面未直接显示偏移、模糊、扩展等数值,可按以下步骤定位并读取这些属性:
一、通过图层样式面板查看阴影数值
PxCook支持解析Sketch或PSD文件中的图层样式,当导入含投影效果的设计稿后,阴影参数会以结构化形式呈现在右侧属性面板中。该面板可直接展示X偏移、Y偏移、模糊半径、扩展值及颜色透明度。
1、在左侧图层面板中,单击选中目标图层(如按钮、卡片等具有投影效果的元素)。
2、观察右侧“属性”区域,向下滚动至“图层样式”模块,点击展开“投影”或“Drop Shadow”项。
3、在展开内容中,逐项查看X 偏移量(单位:px)、Y 偏移量(单位:px)、模糊半径(Blur,单位:px)、扩展(Spread,单位:px,部分版本显示为“大小”或“Scale”)以及不透明度(Opacity,百分比)。
二、启用高精度标注模式显示阴影详情
默认标注视图可能仅显示基础尺寸与颜色,需切换至高级标注模式才能完整呈现阴影参数。该模式强制解析并渲染所有图层效果的原始数值,适用于需交付开发的精确切图需求。
1、点击顶部菜单栏的“设置” → “标注设置”,打开全局配置窗口。

