可通过图层样式面板、导出json、代码模式或测量工具悬停四种方式获取pxcook中元素的内阴影inset参数:一、右键图层→“查看图层样式”→展开“内阴影”项;二、导出json后搜索"shadow"字段;三、切换“代码”模式查找box-shadow中以"inset"开头的值;四、启用测量工具悬停图层边界查看提示框。

如果您在使用PxCook查看设计稿时需要获取元素的内阴影(inset)参数,但界面未直接显示该属性值,则可能是由于PxCook默认未展开或未识别该CSS样式。以下是读取元素内阴影inset属性值的具体操作路径与替代方案:
一、通过图层面板右键检查内阴影信息
PxCook在解析Sketch或PSD文件后,会将图层样式映射为可读属性,内阴影通常以“内阴影”条目形式存在于图层样式区域。需确保图层已启用内阴影且未被合并或栅格化。
1、在左侧图层面板中,找到目标图层并单击选中。
2、右键点击该图层,在弹出菜单中选择“查看图层样式”选项。
3、在右侧弹出的样式面板中,向下滚动查找“内阴影”标题栏,点击展开。
4、确认参数项中是否包含“类型:内阴影(inset)”标识,其下方将列出X偏移、Y偏移、模糊半径、扩散半径及颜色值。
二、导出为JSON后手动检索inset字段
当图层样式面板未显示完整内阴影参数时,可借助PxCook的导出功能获取原始样式数据,其中CSS格式的阴影描述会明确标注inset关键字。
1、选中含内阴影的目标图层。
2、点击顶部菜单栏的“文件” → “导出当前图层为JSON”。
3、用文本编辑器打开导出的JSON文件,搜索关键词"shadow"或"inset"。
4、定位到类似"shadow": "inset 2px 2px 8px 0px rgba(0,0,0,0.15)"的字段,该字符串即为完整内阴影CSS值。
三、切换至代码模式查看CSS样式预览
PxCook支持在设计稿视图中切换为前端代码预览,若设计文件已正确标注内阴影,该模式下将直接渲染对应CSS规则,包括inset声明。
1、确保当前处于单图层选中状态,而非画板或组层级。
2、点击右上角“代码”按钮(图标),进入代码预览模式。
3、在弹出的代码框中,查找"box-shadow:"样式行。
4、确认该行值是否以"inset "开头,例如"inset 0 -2px 4px 0 rgba(0,0,0,0.05)",其全部参数即为所需内阴影属性值。
四、使用测量工具悬停触发样式提示
在部分版本PxCook中,启用测量工具后对带内阴影的图层边缘进行悬停,会临时显示包含inset信息的浮动样式提示框。
1、点击工具栏中的“测量”工具(直尺图标)。
2、将鼠标光标缓慢移至目标图层的边界区域,注意观察是否出现半透明提示框。
3、若提示框出现,检查其中是否列出“阴影:内阴影”及对应数值,部分版本会标注“inset: true”标识。
4、如提示框内容过短未显示完整参数,可尝试长按图层缩略图呼出扩展样式面板。











