
写在最前面
「稍后电影短评」是一个即刻主题,她是我探索出来的关于思考电影的最佳实践,本系列教程将围绕该主题教你如何从基础到进阶,制作一张属于自己的精美电影短评卡片。
这是本系列 Workflow 进阶篇,如果你想完全掌握本篇的内容,需要对以下方面有最基本的了解:
- Workflow 的模块化搭建;
- URL Schemes 原理及用法(请参考 JailbreakHum 的 URL Schemes 使用详解);
如果你喜欢这个系列教程 or 「稍后电影短评」,请记得关注我的 即刻主题 和 微博 哦 🙂。
痛点在哪里?
在 Editorial 进阶篇 里,我们已经优化了模板动作和样式效果,但在出图阶段,我们依然有以下三大痛点未解决:
- 每次出图都要手动选图拼图?
- 拼完图后还要手动裁剪图片?
- 出完图后还要手动删除截图?
这些都属于自动化范畴问题,交给 Workflow 解决再适合不过了,下面我们一一来看。关于 Workflow 的基础用法,请查看 官方文档。
1. Workflow 与自动化
什么是 Workflow?
简单地理解,Workflow 就是「工作流」,核心在于「流」,这种「流」一方面是体现在视觉上的,即所有的逻辑块都是线性由上而下排列,有明显的先后关系。另一方面是体现在逻辑上的,即每个模块先有输入后有输出,模块串成完整的线性流程。然而现实生活中的情况则要复杂得多,存在并发和各种分支,但是,再复杂的逻辑,理论上都是可以分解成线性进程处理的,如果不考虑性能和效率的话。Workflow 的这种线性特性,保证了其简单、有效、容易上手。如果你对编程有所了解的话,Workflow 体现了典型的模块化编程思想。

什么是自动化?
机器能完成的,就不要人来做。
用这句话总结自动化再合适不过了。开始之前,我们需要对自动化这个概念达成基本共识:
- 自动化代表的是一种对工具的使用态度,你越深入了解工具、持续改进工具,越能提升工作效率。
- 自动化体现的是一种对生活的认知态度,你越主动思考生活、持续优化生活,越能掌控时间和心情。
自动化流程最核心的作用是让你能 focus 在最重要的创作上面,其它琐事交给机器处理,这就涉及到了「控制反转」概念。对于「手动操作」模式而言,任何行为都需要你主动触发,亲力亲为。但对于「自动化」模式,你把控制权交给了机器,它就像你的管家或秘书,你通过设置规则让他们去执行常规任务,在需要决策的重要时刻,反转过来请求你的命令,这是一种被动行为,只在必要的时候触发,这就是所谓的控制反转。任何自动化都是建立在控制反转之上的。

2. Workflow 流程搭建
在 Editorial 进阶篇 里,我们最后一步出图需要把 Preview 页面渲染的效果导出成图片,以便于在社交网络上分享,但是 Editorial 并没有提供 Preview 导出图片的功能,查看了官方文档,也没有相关的接口,另外,Editorial 的 Preview 也不是调用 Safari 渲染的,而是自己实现的,所以也用不了 Safari 网页截图的相关插件,怎么着都只有通过「屏幕截图 + 拼图」实现,算是 Editorial 最大的一个遗憾吧,如果有谁知道一键导出图片的方法,欢迎留言交流 😀
虽然只能「手动截图」,但我们可以做到「自动拼图」,下面我们具体来看,如何让 Workflow 接管拼图行为,自动为你服务。

具体思路如下:
- 选出相簿里 Workflow 动作触发前 5 分钟内的所有截图
- 算出截图数量
- 发送给 LongScreen 拼接
- 拼接完后,获取宽度 & 高度信息
- 计算新的高度,用于裁剪图片
- 裁剪图片
- 保存到指定相册
- 删除相关截图
- 跳转到相簿
在「自动拼图」这个 workflow 里面,最核心的一个步骤是「裁剪图片」,它对裁剪位置的精确度要求很高,只能通过软件来实现。如果你手动裁剪,是很容易产生大的误差,因为图片可能会很长,iPhone 相簿自带的裁剪功能不支持「视图放大裁剪」,Pixelmator 支持(下图所示),但你能忍受每次出图都要手动裁剪一遍么?

Tips: 我们选择 LongScreen 是因为它几乎是市面上唯一一个支持 URL Schemes 的拼图软件,要想在自动化流程里实现完美的应用串烧,只有 URL Schemes 一条路,别无他法。具体请参考 LongScreen 的 官方说明,上图用到的完整 URL Schemes 是
longscreen://x-callback-url/copy?mode=stitch&count=Count。
3. 大功终告成
Workflow 流程打通之后,我们再通过 iOS 的通知中心或分享操作把 Editorial 和 Workflow 串联起来,就终于走完了从作图到出图的整个过程!

是时候总结下我们前后三篇教程是如何配合打造出「稍后电影短评」卡片:
- 用 Pixelmator 制作出电影短评卡片的页头和页脚
- 用 Editorial 模板生成短评卡片,并自定义样式表
- 用 Workflow 实现截图拼接和图片裁剪的自动化
我已经分享了本篇教程的 Workflow 动作 Movie Blurb,欢迎下载交流 😀
4. 稍后新篇章
在进阶篇教程里,我们基本上用 Editorial + Workflow 重写了 基础篇 里除了 Pixelmator 之外的流程,工作流就是这样,颠覆自己是常有的事。这两篇进阶教程也算是抛砖引玉,Editorial + Workflow 再配合其它效率类软件,还有更加广阔的想象空间,欢迎喜欢动手的人与我交流 😀。如果你喜欢本篇文章,不妨关注 稍后电影短评 这个项目,因为它是本系列教程的最佳实践 🤠。当然了,工具和流程是为创作服务的,它们可以被不断优化和改进,但最后都需要指向优质的内容,因为内容才是真正核心的凝聚思想的原动力,不是么 😏
对了,如果 稍后电影短评 关注数量有所突破,那么我的下一个系列教程,将聚焦在电影短评卡片的「信息聚合」以及「分享流程」之上,到时会是更加深入的效率类应用整合(Drafts + P.cat + ...),所以,记得关注,也敬请期待哦 😜
