/ iOS 7

【技巧】更改系统图标 Mask 文件自定义 iOS7 图标形状

iOS 7 的图标是以圆角方形的形状构成的。苹果为了让所有图标看起来更加和谐统一,所以将所有图标都用系统内的Mask 文件规定了其图标的展示形状。很多朋友希望自己的 iOS 7 更有个性,可以更改 SpringBoard 上图标的形状。如何才能做到呢?

本文中介绍两种实现方式:手动替换文件和创建文件并用 WinterBoard 完成。

法一:手动替换文件

既然 Mask 文件是用来规定图标形状的,我们只需要更改这几个文件就可以了。当然,前提是必须越狱! 系统 Mask 文件的路径是:/System/Library/PrivateFrameworks/MobileIcons.framework ,该路径下,找到

  • AppIconMask@2x~iphone.png
  • DocumentBadgeMask-145@2x.png
  • SpotlightAppIconMask@2x.png
  • TableIconMask@2x.png

这四个图片文件。这几个就是我们需要修改的。

customize-ios-7-icon-shape-1

我们首先将这四个图片文件导出到电脑,我们可以看到这几个图片文件中,中间黑色覆盖的地方就是图标所显示的形状,而四个圆角外的透明部分则是图标被抛弃不显示的部分。我们只要修改这块黑色部分的形状,就能改变图标所呈现的样子了。 例如,我们想把所有图标的形状改成圆形,那我们就可以动手将这四个图片用作图软件将黑色部分制作成圆形,其余地方留空,如下图:

customize-ios-7-icon-shape-2

将四个图片文件都改成圆形;

customize-ios-7-icon-shape-3

就这样,将修改完的四个Mask文件复制粘贴到原本的/System/Library/PrivateFrameworks/MobileIcons.framework路径下,替换掉原始文件(为了方便更改回原始图标形状,强烈建议先备份好原文件后再替换)。我们进入路径/private/var/mobile/Library/Caches/com.apple.springboard.sharedimagecache/Persistent,该文件夹下的文件为系统图标缓存文件,将这里的文件全部删除,然后注销手机。

如果替换后图标不显示更改后的形状,可进入路径/private/var/mobile/Library/Caches/com.apple.IconsCache 删除除了 system_version_info 这个文件以外的所有文件。这样我们就得到了圆形的图标展现形式。

customize-ios-7-icon-shape-4

当然,你也可以改变成其他任意形状,例如下面的六边形,只需要自己修改 Mask 图标文件就可以。

customize-ios-7-icon-shape-5

**法二:WinterBoard

**

如果你安装了 WinterBoard 插件,那么我们可以用更加简便的方法去替换图标形状:

  1. 在电脑上新建一个文件夹,名字可以随意起,例如我起的是“圆形Mask”
  2. 在该文件夹下再新建一个文件夹,把文件夹名设为“Bundles”
  3. 在Bundles文件夹下新建文件夹,名字设为“com.apple.mobileicons.framework”
  4. 把自己刚才修改的 AppIconMask@2x~iphone.png、DocumentBadgeMask-145@2x.png、SpotlightAppIconMask@2x.png、TableIconMask@2x.png 这四个图片文件复制粘贴进该文件夹下;

按上述步骤操作后,你的文件夹应按如下方式排列:

圆形Mask

| —– Bundles

| —– com.apple.mobileicons.framework

| —– AppIconMask@2x~iphone.png

DocumentBadgeMask-145@2x.png

SpotlightAppIconMask@2x.png

TableIconMask@2x.png

customize-ios-7-icon-shape-6

接下来,我们打开路径/Library/Themes,把“圆形Mask”文件夹复制粘贴进去;

手机端我们打开 WinterBoard,选择“圆形Mask”,然后注销手机。这样就完成了,不需要删除图标缓存,并且可以很方便的切换原始形状和更改后形状。

customize-ios-7-icon-shape-7

本文由@Toast_Edge 投稿

if2007

if2007

新浪微博:<a href="http://weibo.com/f2007gxwmsc35">@iF2007</a>

Read More