PxCook如何设置默认标注平台_固定Web安卓iOS默认开发平台【平台】

冬婷姑娘_6301

冬婷姑娘_6301

2026-05-06

356人浏览

原创

pxcook中标注单位显示为px而非目标平台单位,需依次设置:一、通过单位面板临时切换平台;二、用“修改开发平台”设定项目级默认;三、在上传插件中配置全局默认平台与倍率;四、启用自定义单位转换实现强制统一。

pxcook如何设置默认标注平台_固定web安卓ios默认开发平台【平台】

如果您在PxCook中打开设计稿后,标注值始终显示为像素(px)而非目标平台单位(如Web的rem、Android的dp、iOS的pt),则可能是开发平台未正确设定或未持久化保存。以下是设置默认标注平台并固定Web、安卓、iOS开发平台的具体操作:

一、通过单位面板切换当前标注平台

该方法适用于单次设计稿的临时平台切换,单位面板会直接影响标注值、切图尺寸及代码预览中的单位输出。切换后平台设置仅对当前文件生效,不改变全局默认。

1、在PxCook中打开任意设计稿,确保处于“开发模式”(右上角显示“开发”标签)。

2、点击右侧属性面板顶部的单位面板(通常显示为“px”或当前单位缩写)。

3、在弹出的下拉菜单中,选择目标平台:Web/H5、Android 或 iOS。

4、确认选择后,所有标注数值(如宽高、间距、字体大小)将实时转换为对应平台单位,并同步更新右侧代码预览区。

二、通过“修改开发平台”设定项目级默认平台

此操作将把当前设计稿绑定至指定平台,并影响后续上传插件行为(如倍率匹配、代码语言生成)。平台信息随设计稿元数据保存,关闭再打开仍保持一致。

1、在开发模式下,点击右侧属性面板中“修改开发平台”按钮(位于单位面板下方或平台标识旁)。

2、在弹出的选择界面中,勾选Web/H5、Android 或 iOS 中的一项。

3、注意:所选平台的设计稿倍率必须与上传插件时选择的倍率完全一致;若不一致,需返回插件重新上传。

4、点击确定后,平台标识将固定显示在界面顶部,且自动生成的前端/原生代码语言随之切换(如iOS显示Objective-C/Swift片段,Android显示Kotlin/Java片段)。

公文宝
公文宝

一款AI工具,主要用于AI公文写作神器,一键生成合规材料,适合需要提升相关任务效率的用户。

下载

三、通过上传插件设定全局默认平台偏好

该方式可使新创建或首次上传的设计稿自动匹配预设平台,避免每次手动切换。设置存储于本地插件配置中,跨项目生效。

1、在Sketch或Figma中安装并打开摹客插件(如“摹客-设计协作”)。

2、点击插件面板右上角“设置”图标(齿轮),进入插件偏好设置。

3、找到“默认开发平台”选项,从下拉列表中选择Web/H5、Android 或 iOS。

4、同时确认下方“默认倍率”(如1x、2x、3x)与目标平台规范一致:Web常用1x/2x,Android常用2x/3x,iOS常用2x/3x。

5、保存设置后,此后所有通过该插件上传的设计稿,均自动以所选平台和倍率解析,PxCook中打开即显示对应单位。

四、使用自定义单位转换实现跨平台强制统一

当需要同一份设计稿同时适配多个平台(如Web与iOS共用),又希望标注值始终按某一套规则输出时,可启用自定义单位转换,绕过平台绑定逻辑,直接控制换算倍率。

1、在开发模式下,点击单位面板,选择“自定义单位转换”。

2、输入目标单位名称(如“web-rem”),并设置1px = 0.0625rem(基于16px基准)或1px = 1dp等精确换算比。

3、勾选“设为默认单位”,该配置将优先于平台选择生效。

4、此时无论平台标识显示为何,所有标注值均按自定义规则计算,适用于需严格遵循特定技术规范的团队场景。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

pxcook

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
C语言变量命名
C语言变量命名

c语言变量名规则是:1、变量名以英文字母开头;2、变量名中的字母是区分大小写的;3、变量名不能是关键字;4、变量名中不能包含空格、标点符号和类型说明符。php中文网还提供c语言变量的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

2889

3

c语言入门自学零基础
c语言入门自学零基础

C语言是当代人学习及生活中的必备基础知识,应用十分广泛,本专题为大家c语言入门自学零基础的相关文章,以及相关课程,感兴趣的朋友千万不要错过了。

2023.07.25

2208

9

c语言运算符的优先级顺序
c语言运算符的优先级顺序

c语言运算符的优先级顺序是括号运算符 > 一元运算符 > 算术运算符 > 移位运算符 > 关系运算符 > 位运算符 > 逻辑运算符 > 赋值运算符 > 逗号运算符。本专题为大家提供c语言运算符相关的各种文章、以及下载和课程。

2023.08.02

1180

5

c语言数据结构
c语言数据结构

数据结构是指将数据按照一定的方式组织和存储的方法。它是计算机科学中的重要概念,用来描述和解决实际问题中的数据组织和处理问题。数据结构可以分为线性结构和非线性结构。线性结构包括数组、链表、堆栈和队列等,而非线性结构包括树和图等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.09

1118

4

c语言random函数用法
c语言random函数用法

c语言random函数用法:1、random.random,随机生成(0,1)之间的浮点数;2、random.randint,随机生成在范围之内的整数,两个参数分别表示上限和下限;3、random.randrange,在指定范围内,按指定基数递增的集合中获得一个随机数;4、random.choice,从序列中随机抽选一个数;5、random.shuffle,随机排序。

2023.09.05

1316

5

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2023.09.20

2038

7

c语言get函数的用法
c语言get函数的用法

get函数是一个用于从输入流中获取字符的函数。可以从键盘、文件或其他输入设备中读取字符,并将其存储在指定的变量中。本文介绍了get函数的用法以及一些相关的注意事项。希望这篇文章能够帮助你更好地理解和使用get函数 。

2023.09.20

3200

8

c数组初始化的方法
c数组初始化的方法

c语言数组初始化的方法有直接赋值法、不完全初始化法、省略数组长度法和二维数组初始化法。详细介绍:1、直接赋值法,这种方法可以直接将数组的值进行初始化;2、不完全初始化法,。这种方法可以在一定程度上节省内存空间;3、省略数组长度法,这种方法可以让编译器自动计算数组的长度;4、二维数组初始化法等等。

2023.09.22

14235

6

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

2023.09.22

529

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React Native进阶精讲视频教程
React Native进阶精讲视频教程

共17课时 | 3.8万人学习

React Native基础精讲视频教程
React Native基础精讲视频教程

共21课时 | 5.4万人学习

uni-app电商项目实战
uni-app电商项目实战

共71课时 | 15.2万人学习