pxcook导出html代码,Pxcook标注工具的具体使用方法介绍
生活随笔
收集整理的這篇文章主要介紹了
pxcook导出html代码,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标注工具的具体使用方法介绍的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux系统日志的查看和采集
- 下一篇: pymatplotlib-1 绘制2D矩