macOS App 圆角AppIcon

制作的AppIcon是正方形的，直接添加到Assets里面，在iOS平台会自动显示为圆角图标。

在macOS App上想如法炮制，发现从macOS App Store上面下来过来的App显示的图标还是正方形的，和其他App的圆角图标放在一起就显得格格不入。

发现原因

经过一番探索，才发现按照guideline的指南，macOS App的AppIcon需要自己上传圆角图标。

折腾了很久，最终发现一个网站，可以很方便的直接把正方形的图标转换成透明圆角图标。

网址：https://www.wetools.com/image-round

最佳实践

把1024*1024的正方形图标文件转换成圆角图标文件，在使用App Icon生成工具批量生成所有尺寸。

问题一

在https://developer.apple.com/cn/design/resources/上面的模版里面可以看到，图标的四周留有空隙，于是我每个边都设置100px的距离。审核通过后发现，824px+100px+100px的图标好像小了一点，再观察了一下macOS里各个App的图标大小，发现有的大有的小，也就是macOS App的图标大小实际上没有统一的大小标准。

问题二

在macOS App Store上面更新App后，发现电脑里的AppIcon还是正方形的，没有变成圆角的图标。于是把App删除，重新下载安装，AppIcon就变成圆角的了。猜想这个资源应该是本地保存的，这也是有的App能更换其它App图标的原因吧。