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