[iOS - 自动化] fastlane/frameit

Gemini 发布于2019-06-25 14:46 / 1129人阅读

摘要：然后回到继续将下载的文件解压并移动到，再开始自动帮你将截屏图模板组合起来了。的名字为图片省略前缀的名字与分别定义了对应的和。

这一系列文章主要来介绍 fastlane 这一 iOS 开发中威力巨大的自动化工具。前一篇文章已经简单介绍了一个自动化工具: snapshot 。现在来介绍下一个工具 frameit

什么是 frameit

这是一个只需要使用一个简单的命令就可以把你的截屏仿佛 iDevices 框图的工具。github

安装

sudo gem install frameit
在安装过程中可能会遇到需要 install imagemagick 的问题，只需要根据提示 brew install imagemagick 就好啦

使用

cd 到 snapshot 的输出目录中

$ frameit 然后 Press Enter frameit 会打开一个 Apple Page 你可以选择你需要的模板框架下载。然后回到 frameit 继续 Press Enter
-将下载的文件解压并移动到 ~/.frameit/device_frames，再 Press Enter

OK, frameit 开始自动帮你将截屏图模板组合起来了。

要注意的是不要直接在项目目录中使用 frameit ，你会看到一堆红色的无法处理的错误，因为 frameit 会对目录中的所有图片做处理。

如果需要输出是银色背景的图片，使用 frameit sliver
如果在后续的使用中要新增新的模板，使用 frameit setup 来重做上面的步骤

然后来看一下输出的图片

什么鬼！

When using frameit without titles on top, the screenshots will have
the full resolution, which means they can"t be uploaded to the App
Store directly. They are supposed to be used for websites, print media
and emails. Check out the section below to use the screenshots for the
App Store.

哦，直接使用 frameit 输出的图片是全分辨率的，并不能直接上传到 App Store ，那么看看这个 with titles on top 是什么。

添加自定义的背景和标题需要几个文件：Framefile.json title.strings keyword.strings
先来看看这个 Framefile.json

{
  "default": {
    "keyword": {
      "font": "./fonts/MyFont-Rg.otf"
    },
    "title": {
      "font": "./fonts/MyFont-Th.otf",
      "color": "#545454"
    },
    "background": "./background.jpg",
    "padding": 50
  },

  "data": [
    {
      "filter": "Brainstorming",
      "keyword": {
        "color": "#d21559"
      }
    },
    {
      "filter": "Organizing",
      "keyword": {
        "color": "#feb909"
      }
    },
    {
      "filter": "Sharing",
      "keyword": {
        "color": "#aa4dbc"
      }
    },
    {
      "filter": "Styling",
      "keyword": {
        "color": "#31bb48"
      }
    }
  ]
}

文件中定义了一些样式的属性，包括背景图片，title 和 keyword 的 padding 以及它们的字体、颜色等等。在 data 中可以使用 filter 来为特定的图片指定样式。 filter 的名字为图片省略 shapshot 前缀的名字：Sharing -> iPhone6_Sharing.png

title.strings 与 keyword.strings 分别定义了对应 filter 的 title 和 keyword。这两个文件需要放在 snapshot 所生成的对应语言的目录下。并且这两个文件需要使用 UTF-16 编码格式或者由 Xcode 生成
Framefile.json 文件需要放在 shapshot 的输出目录中，而不是单一的语言目录中。

混合云私有云 ios不自动下载更新自动化网络自动化招聘自动化

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/15979.html

使用OperatorHub.io自动化群集上的操作

摘要：是什么最初由于年推出，并已被和社区用作打包部署和管理原生应用程序的方法。原生应用程序是一个部署在上的应用程序，使用和众所周知的工具进行管理，如。的协调循环将选择这些，并执行所需的操作以实现所需的状态。目前在上列出的的一些示例包括和。作者：Diane Mueller，红帽云平台社区发展总监 showImg(https://segmentfault.com/img/bVbpg7E?w=1...

soasme 2019-07-01 17:06 评论0 收藏0
iOS - 收藏集 - 掘金

摘要：动画系列之五基础动画之缩放篇旋转篇掘金这一篇主要介绍基础动画之缩放和旋转。本文主要会基于一些开源代码和个人实践，对功能性和实用性均佳，应用领域广泛的幻灯片播放库掘金的多选掘金好久 PPAsyncDrawingKit - 实现了一系列基础 UI 控件的轻量级 ASDK - iOS - 掘金一年 iOS，求职中，上海地区，邮箱：dskcpp@gmail.com PPAsyncDrawing...

dingda 2019-06-25 16:13 评论0 收藏0
微信h5页面audio标签在ios下不能自动播放

摘要：背景介绍在一个页面中当用户提交表单到后台后台返回的结果成功的话开始自动播放背景音乐出现的问题在安卓手机上正常中没有反应后来网上一番搜索后了解到时因为不允许自动播放音乐除非用户做出了交互行为解决方案如果是在页面刚加载就需要自动播放音频的话还是背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐出现的问题:在安卓手机上正常,iOS中没有反...

jlanglang 2019-08-26 11:49 评论0 收藏0
微信h5页面audio标签在ios下不能自动播放

摘要：背景介绍在一个页面中当用户提交表单到后台后台返回的结果成功的话开始自动播放背景音乐出现的问题在安卓手机上正常中没有反应后来网上一番搜索后了解到时因为不允许自动播放音乐除非用户做出了交互行为解决方案如果是在页面刚加载就需要自动播放音频的话还是背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐出现的问题:在安卓手机上正常,iOS中没有反...

jsliang 2019-08-01 18:42 评论0 收藏0
微信h5页面audio标签在ios下不能自动播放

摘要：背景介绍在一个页面中当用户提交表单到后台后台返回的结果成功的话开始自动播放背景音乐出现的问题在安卓手机上正常中没有反应后来网上一番搜索后了解到时因为不允许自动播放音乐除非用户做出了交互行为解决方案如果是在页面刚加载就需要自动播放音频的话还是背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐出现的问题:在安卓手机上正常,iOS中没有反...

bluesky 2019-08-05 18:03 评论0 收藏0