前言
相信很多人在微信朋友圈都看见过九宫格拼图样式的动态，其实这种效果对于使用iPhone的用户来说，就只是系统自带的功能，不需要第三方app支持。
使用快捷指令就可以完成，学习快捷指令教程，不仅能学会制作九宫格切图快捷指令，以后在工作生活中也可以尝试制作类似的快捷指令，提高工作效率，增加生活乐趣。
本章与之后的教程都稍微有点难度，解题思路会尽量写得清晰明了
解题思路
在制作快捷指令之前，我们要学会观察与思考
1.首先观察图片缩略图，是由九个正方形组成一个大正方形，且图片完整展示。
2.正方形的四条边相等，考虑到’九宫格’整体是一个’正方形’，我们得先把矩形的图片裁剪为正方形(相册可实现裁剪)，才能进一步对其’九等分’；
(我们不能使用快捷指令去裁剪图片，这样会无法确定构图主体)
3. 假如我是用刀手动将一正方形的物体切割成’九等分’，首先是不是要测量大正方形边长，然后再除以三，得到小正方形的边长。
⒋假设图片的长和宽分别为w、h，除以3后就得到小正方形的宽和高，再按小正方形的边长重复切割9次，也就得到我们想要的9张图片了。
⒌现在解题思路有了，我们先看一下这一章需要学习的新知识：
⑴操作：设定变量
（可以理解为一个’有名称的容器’）
⑵操作：获取图像详细信息
（用于获取图像的属性，如：长宽）
⑶操作：计算
（数字计算）
⑷知识点：裁剪操作的参数设置
（理解该操作各参数的意义）
图文教程：
第一步：设置共享表单
新建快捷指令，点击右上角三个点，开启“在共享表单中显示”。
如果你是强迫症患者，可以点开“共享表单类型”，取消全选，再勾选图像。
第二步：添加设定变量操作
添加完成后九宫格切图快捷指令下载，按图示设置变量名
（设置变量名是为了后续方便调用）
第三步：计算等分图边长
依次添加获取图像的详细信息、计算、设定变量
添加完成后，依次点击左边图红框，修改成右边图样式
第四步：添加重复
按图示添加两个重复操作，把任意一个拖动到另一个内部，形成嵌套
并把重复次数都修改为3次
（通过重复执行内部固定操作切割图片）
第四步：计算x、y坐标
我们的程序执行顺序是从左到右，再从上到下重复切割9次，得到’九等分’图片
假设原图：宽高为x、y轴，平均边长为b
那么等分图的切割坐标为：
第一张图：x坐标=0*b，y坐标=0*b
第二张图：x坐标=1*b，y坐标=0*b
第二张图：x坐标=2*b，y坐标=0*b
第二张图：x坐标=0*b，y坐标=1*b
第二张图：x坐标=1*b，y坐标=1*b
……
1先计算y坐标值
按图示拖拽添加两个计算九宫格切图快捷指令下载，一个设定变量到图中指定位置
再依次点击红色框修改成右边图样式
（注：
⒈’重复索引’就是重复操作的序号，重复的第一次执行，那么’重复索引’就是1，第二次就是2
⒉因为图片的空间坐标是从左上角开始的，也就是x为0、y为0
⒊这一段操作是为了计算y坐标，当执行’重复’时，y的数值是0*b、1*b、2*b）
2再计算x坐标值
按图示拖拽添加两个计算，一个设定变量到图中指定位置
再依次点击红色框修改成右边图样式
（与计算y坐标的区别在于：
⒈添加的位置变换到了第二个重复操作内部
⒉’重复索引’变成了’重复索引2’）
第四步：裁剪
搜索裁剪操作添加到图示位置，点击红色框位置修改为图像变量（裁剪对象）
再点击展开，先点击位置修改为自定，依次点击红色框修改其它参数。
（’裁剪’的解释：
外层’重复’
外层’重复’执行第一次，y坐标值为0*b;// b是平均边长
外层’重复’执行第二次，y坐标值为1*b;
外层’重复’执行第三次，y坐标值为2*b;
内层’重复’
每执行1次外层’重复’，都会进入内层’重复’并执行3次；
所以裁剪坐标参数值为：
x=0，y=0；
x=b，y=0；
x=2b，y=0；
x=0，y=b；
x=b，y=b；
……
参数中的宽、高是不变的，即平均边长（b）
）
最后添加保存到相簿就完成了！
视频教程
捷径获取
前往大舅哥小程序搜索九宫格切图
仔细思考本篇教程的解题思路，不要一味的依葫芦画瓢。
多加练习尝试，可以很好的加深理解操作原理。
实用工具推荐
使用大舅哥小程序，获取桌面小组件、壁纸等优质资源，还有更多精彩功能，等你来体验！
好的~那么以上就是本期的全部内容了~看完顺手点个赞吧！如果你喜欢的话，也别忘记【分享】给你的同事朋友哦！
限时特惠：本站每日持续更新海量各大内部网赚创业教程，会员可以下载全站资源点击查看详情
站长微信：
相关文章
