2016-01-24 100 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是我发现的最好的东西。也许有更好的东西,但我不知道。我也不明白谁可以对这个答案进行投票。 –