2016-01-24 96 views
0

我花了幾個小時在Sketch中創建出色的設計。但是,現在的任務是將所有內容轉換爲代碼。是否有任何快速和毫不費力的方式將我的Sketch設計轉換爲Xcode的Swift代碼?我正在使用Swift 2和最新版本的Sketch。Sketch to Swift

+3

...現在你可以花幾個小時把你的想法變成一個實用的應用程序。 Designer!=程序員。 – 2016-01-24 16:23:25

回答

3

我們希望生活很簡單,就我所知,沒有辦法將你的素描設計轉換成應用程序。

+3

1.素描2. 3.利潤! – 2016-01-24 16:28:03

3
  • 我認爲沒有辦法將您的設計轉換爲swift代碼。

基本上你應該使用切片工具導出你的圖標或等,你可以遵循的步驟:從頂部

  1. 插入切片或從鍵盤點擊小號
  2. 選擇您的圖標。
  3. 您可以從右側菜單更改所選圖標的設置。而且還 您可以通過點擊+按鈕,@suffix添加2X3倍選項。
  4. 草圖導出的結果。
  5. 將這3個圖標拖放到Assets.xcassetsXcode
  6. 圖標已準備好用於Xcode

step1 step2 step3 result xcode

對於從草圖官方網站與視頻的細節: https://www.sketchapp.com/support/documentation/11-exporting/1-exporting-layers.html

+0

謝謝。我的問題是,一旦我得到了該圖像導出,我怎麼能將它轉換成Xcode中的按鈕? – aditya101099

0

在Xcode中的左潘恩,點擊文件圖標/視圖,然後單擊Assets.xcassets。點擊底部的小號+,然後點擊導入。從您的取景器中選擇想要導入的任何按鈕圖像。

enter image description here

現在,已經導入你的形象進入的XCode。最簡單的方法是回到故事板,添加一個按鈕,然後選擇按鈕圖像。你的按鈕應該出現。 enter image description here

1

我知道這個答案是很老,但我終於體會到比自己編寫的代碼以外的新的解決方案。我創建了一個Sketch Plugin(http://sketchcodeflow.com),它就是這樣做的!它將畫板轉換爲Objective-C UIKit和SpriteKit代碼。即使出口到資產目錄@ 1-3x。只需#導入並在您的ViewController中編寫一行代碼,即可運行您的應用程序。當然,這只是UI。儘管有一些功能可以幫助改善您的體驗,例如動畫和視差,但您必須自己編寫所有邏輯。

我知道你想要Swift代碼,很快就會得到支持。但就目前而言,您可能已經知道,您可以在Swift中輕鬆使用Objective-C類,反之亦然。所以你可以把導出的文件導入到你的Swift項目中。

0

您可以嘗試將代碼導出到Swift或Obj-C。顯然沒有Sketch的所有功能。一探究竟。 https://www.paintcodeapp.com/

+2

誰投了我票,爲什麼大聲笑?問題是如何將設計變成代碼,而你不能使用Sketch。您可以確保導出圖像,但不能將其轉換爲代碼,爲什麼我建議使用Paint Code,它可以完成用戶要求的操作! –

+0

PaintCode是我發現的最好的東西。也許有更好的東西,但我不知道。我也不明白誰可以對這個答案進行投票。 –