pxcook导出html代码,PxCook中标注工具的使用方法
今天我們來學(xué)習(xí)一下有關(guān)于PxCook中標(biāo)注工具吧,下文是小編帶來的PxCook中標(biāo)注工具的使用方法,一起來學(xué)習(xí)一下吧。
PxCook中標(biāo)注工具的使用方法
1、下載安裝PxCook后進(jìn)入sketch界面,點(diǎn)擊下圖圖標(biāo)。
2、點(diǎn)擊后在左側(cè)選擇需要導(dǎo)出的圖層,點(diǎn)選“導(dǎo)出選中的畫板”,點(diǎn)擊“導(dǎo)出到pxcook”,
3、點(diǎn)擊后跳轉(zhuǎn)到pxcook界面,首先輸入項(xiàng)目的名稱進(jìn)行命名,
4、輸入項(xiàng)目名稱后需要選擇格式,如下圖ios、Android或者web,選擇后點(diǎn)擊“創(chuàng)建項(xiàng)目”,
5、成功創(chuàng)建項(xiàng)目后進(jìn)入項(xiàng)目列表頁(yè),點(diǎn)擊需要進(jìn)行操作的項(xiàng)目,
6、點(diǎn)擊后進(jìn)入開發(fā)者模式,在右側(cè)可查看相應(yīng)部分的代碼,需要標(biāo)注的話,點(diǎn)擊“設(shè)計(jì)”,
7、進(jìn)入設(shè)計(jì)界面,在頁(yè)面中點(diǎn)擊需要進(jìn)行標(biāo)注的部分,然后在左側(cè)點(diǎn)選工具,
8、教一個(gè)快速的標(biāo)注方法,要標(biāo)注兩個(gè)形狀之間間距的時(shí)候,點(diǎn)選一個(gè)形狀,按住左鍵拖動(dòng)會(huì)出現(xiàn)一條線,移動(dòng)到目標(biāo)形狀放開即可,
9、放開后即可快速標(biāo)注出兩個(gè)形狀之間的距離,如下圖的4pt,
10、雙擊文本部分,能夠手動(dòng)進(jìn)行數(shù)值調(diào)整,
11、在上方顏色中我們可更改標(biāo)注的顏色,然后點(diǎn)擊“保存”,選擇位置,點(diǎn)擊“存儲(chǔ)”即可。
以上就是PxCook中標(biāo)注工具的使用方法了,希望可以幫助到大家!
總結(jié)
以上是生活随笔為你收集整理的pxcook导出html代码,PxCook中标注工具的使用方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 信息化部门运维指标
- 下一篇: 鸿蒙系统魔改,华为EMUI 11正式发布