Sketch-Xcode, 自动将资产从草图导出到 Xcode

分享于 

3分钟阅读

GitHub

  繁體 雙語
Automatically Exporting Assets from Sketch into Xcode.
  • 源代码名称:Sketch-Xcode
  • 源代码网址:http://www.github.com/mdznr/Sketch-Xcode
  • Sketch-Xcode源代码文档
  • Sketch-Xcode源代码下载
  • Git URL:
    git://www.github.com/mdznr/Sketch-Xcode.git
    Git Clone代码到本地:
    git clone http://www.github.com/mdznr/Sketch-Xcode
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mdznr/Sketch-Xcode
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    自动将资产从草图导出到 Xcode。

    Header

    今天,Bohemian代码发布 SketchTool。 它是一个用于导出页面和slices的命令行应用程序。"

    许多人在他们的Mac和iOS开发工作流程中使用草图。 以前,流程涉及在草图中进行更改。导出它们。将它们移到 Xcode 资产目录中,然后运行。 但是,使用 SketchTool,这一切都可以自动完成。

    视频屏幕

    观看屏幕录像。

    下载视频中使用的文件。

    安装 Sketchtool

    你可以从coding网站下载最新版本的Sketchtool下载。 要安装它,运行" install.sh"。

    或者,使用粘贴到终端中的以下代码行可以有效地执行同样的操作:

    
    curl http://static-download.s3-website-us-east-1.amazonaws.com/sketchtool/sketchtool-latest.zip> sketchtool-latest.zip;
    
    
    unzip sketchtool-latest.zip;
    
    
    cd sketchtool/;
    
    
    ./install.sh;
    
    
    cd.. /;
    
    
    rm -r sketchtool/;
    
    
    rm sketchtool-latest.zip;
    
    
    
    

    设置草图文件

    许多人有他们的项目组织不同,但我更喜欢在项目目录的root 文件夹中有所有草图文档。 我通常会把它 NAME。 这是我将在屏幕上使用的内容。

    然后,对要导出的资产使用artboards和 slice。 例如,在我的应用程序 icon 草图文档( appicon草图) 中,我为 icon的每个大小提供了一个图形板。 它是与草图 3捆绑的iOS应用程序 icon 模板的修改版本。

    生成脚本

    在Xcode中,你可以添加一个新的运行脚本构建阶段。 确保在"复制包资源"中出现了新的构建阶段,在 Image.xcassets。

    脚本的内容应该如下所示:

    
    sketchtool export artboards"$PROJECT_DIR"/"Graphics Resources/AppIcon.sketch" --output="$PROJECT_DIR"/"$PROJECT_NAME"/Images.xcassets/AppIcon.appiconset --formats="png"
    
    
    
    

    这应该被修改和扩展为你的用途,我可以尝试一种方式,这可以更容易地完成。


    EXP  AUTO  导出  asset  Assets  
    相关文章