# 个性化 app 图标的正确方式

**URL:** <https://meta.appinn.net/t/topic/24819>\
**Category:** 发现频道\
**Tags:** 图标\
**Created:** [2021 年7 月 24 日 11:55 UTC](https://meta.appinn.net/t/topic/24819 "2021-07-24T11:55:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BejingHelloWorld](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/bejinghelloworld/32/18292_2.png) [@BejingHelloWorld](https://meta.appinn.net/u/BejingHelloWorld)\
**Post date:** [2021 年7 月 24 日 11:55 UTC](https://meta.appinn.net/t/topic/24819/1 "2021-07-24T11:55:47Z")

</div>

## 软件名称

快捷图标

## 应用平台

- Android

## 推荐类型

【开发者自荐】

## 一句简介

个性化 app 图标的正确方式

## 应用简介

在很多时候，都会感觉 app 默认的图标跟自己的期望不符，从而有如何才能改变一下的愿望。只是很可惜，安卓系统的先天限制决定了在不破坏原有 app 的情况下是无法更改其图标的（这一点请切记，哪怕是那些号称可以“换图标”的 app，也是做不到的）。好在天无绝人之路，我们还可以为 app 在桌面上创建新的快捷方式来弥补一下缺憾。至于 app 原来的启动图标，把它悄悄藏到一个不注意的角落就好。

市面已经有一些软件可以做这个了，可惜的很，看上去都是比较粗制滥造的样子，而且操作方式也基本上是抄来抄去，鲜见得有真正用心的产品，而且基本上都是广告乱飞，对于用户体验造成比较大的伤害。

快捷图标的出现，就是希望能在这个方面做一点小小的工作，用心制作、用户优先！

## 基本功能

### 常规方式

快捷图标的使用，采用了向导式操作流。当用户打开快捷图标 app 时，首先出现的会是启动首页，如下图：

 ![0](https://meta-edge.appinn.com/uploads/default/original/3X/a/5/a5a6715f56da688c50e9867410ea940f4456f33b.png)

点击启动首页上的前进按钮，即可以进入选择 app 的界面，列表中会将已经安装的 app 尽数列出。

 ![1](https://meta-edge.appinn.com/uploads/default/original/3X/3/1/3120be2813c9e0c2240edf25dad0c52677af074b.png)

如果嫌上下滚动寻找目标 app 太麻烦的话，可以在搜索栏里用关键字过滤列表中的内容。

 ![2](https://meta-edge.appinn.com/uploads/default/original/3X/7/9/79595e34b301b145cf100f6160315acc88ff8874.png)

选定一个 app 之后，就会进入到图标编辑的界面。

 ![3](https://meta-edge.appinn.com/uploads/default/original/3X/c/6/c67bd505423dd294aee7b53692350db0282b1a22.png)

目前可以从 4 个来源选择定制图标。快捷图标内置了若干套图标可以使用（内置图标），它还可以浏览本机上已经安装的第三方图标包（图标包），或者移花接木，直接选择使用已经安装的另一个 app 的图标（现有应用）也可以。

 ![4 - 6](https://meta-edge.appinn.com/uploads/default/original/3X/e/d/ed59481069bde17b7a1b563d59993766c120443c.png)

当然，更自由和灵活的方式，是选择相册中的图片（例如，宝贝的照片，二次元的偶像等）来现场制作一个中意的图标。

 ![7](https://meta-edge.appinn.com/uploads/default/original/3X/d/c/dc1437d21d7219a6ec1f0bb1227e92d3b1e0c17b.jpeg)

为了使得可以同时浏览更多的图片，在向上滚动的时候，图片展示区域会逐步拓展变大。之后要想恢复到可以看到上部的图标预览/编辑区域的话，笨笨的方法是一直下滑，滚动到头后自然回落，更聪明的办法则是用系统的返回操作，例如按返回键，或者执行边缘轻扫的返回手势。

 ![8](https://meta-edge.appinn.com/uploads/default/original/3X/4/9/49d780df2425225a429b750c3475359b37ca8ffb.jpeg)

在界面中朴实无华的上半部分，当定制图标的素材来源是系统相册中的图片时，其实暗含玄机。你可以用一根手指对图片进行拖动，以确保图标区域内显示的正好是图片中合适的内容，还可以用双指进行放大缩小的操作。就地就可以执行这些基本的编辑，而没有引入额外的交互界面，据说产品经理得意了好几天。抱歉，我们在产品中竟然没有任何提示，期待用户自己去发现它。顺便说一句，还可以在文本框中定制图标相关的文字。

 ![9](https://meta-edge.appinn.com/uploads/default/original/3X/e/8/e8455bc751dcabb5fc1556539672ce8539057ffb.jpeg)

另外，如果稍加注意，还能发现界面下方浮动出了一个用于选择图标轮廓的工具栏。

如果一切就绪，那么点击右上角的确定按钮就是见证成效的最后冲锋了。

进度达到 100% 之后，创建工作宣告完成，正常情况下刚刚定制的快捷图标就应该出现在桌面上了。视厂商和系统的不同，有时候需要用户到系统设置中为快捷图标 app 开启向桌面生成图标的权限，而且，生成的时候还会出现一个需要用户确认的询问框。

 ![10 - 11](https://meta-edge.appinn.com/uploads/default/original/3X/c/f/cfe286dde00dd35a45d2cfa9a8adf5f60eeec1c6.jpeg)

### 小部件方式

由于安卓系统的碎片化问题较为严重，按照常规方式创建的快捷图标有时候会带有一个角徽。这种情况对于某些据有强迫症倾向的用户未免难以接受。那么可以考虑通过系统小部件的方式进行尝试。需要说明的是，有少数的系统是不支持小部件的。

通常的做法是，在桌面上长按，会出现定制桌面的界面，其中有名为“小部件”的按钮，在一些过度定制的系统里，也许该按钮叫作“微件”，或者“Widget”。点击进入后，找到写明为快捷图标的那一个，并点击它。这样就会与前文的常规方式一样，进入到定制创建快捷图标的流程中了。

以这种方式创建出的快捷图标，就应该看不到具有角徽了。再一次地，快捷图标默默地实现了这一功能，没有任何多余的提示。

 ![12 - 15](https://meta-edge.appinn.com/uploads/default/original/3X/1/d/1dc898eeec2b0a1afdbeceec14ee258d3f7bb027.jpeg)

### 图标的白底/白边

在实际的开发、测试过程当中，针对一些机型上创建出的图标会被系统包裹以白边的情况，开发人员做了特别的努力进行攻关。以下是对比图，左为其他 app 创建出的图标效果，右为快捷图标创建出的图标效果。嗯，据说程序员得意了好几天。不过又说此功能还需要稍做优化，近期上线。

 ![16 - 17](https://meta-edge.appinn.com/uploads/default/original/3X/1/8/18edf51b6957360be3f78c449988042982d1403f.jpeg)

## Bonus

### 主题色调

作为一款端庄的 app，主色调选择了稳稳的蓝色。然鹅，用户小盆友的心思和偏好，谁又能把握的定呢？于是，在主功能开发完成后的第一时间，程序员小哥又加上了可以更改 app 整体色调的功能。由于众所周知的原因（也就是，大家都要果腹的对不），在这个不是刚需和频繁操作的地方，我们放置了一个广告。还请大家见谅。

 ![18](https://meta-edge.appinn.com/uploads/default/original/3X/a/d/ad19f6796cb96a5fd541b39688fd5c2b290b2f03.png)

### 彩蛋？

如果看官的眼神好，恐怕已经注意到在上文中，小部件方式进入的首页中，和常规方式进入的首页中，那个宇航员端坐的长椅，看上去似乎有点不同。像类似这样的小东东，快捷图标中还存在（可能后续还会新增），有待大家发现。

## 官方网站 && 应用商店地址

- 快捷图标 - 华为应用市场链接：[https://appgallery.huawei.com/#/app/C104387531](https://appgallery.huawei.com/#/app/C104387531)
- 快捷图标 - 小米应用商店链接：[https://app.mi.com/details?id=com.helloworld.quickicon&ref=search](https://app.mi.com/details?id=com.helloworld.quickicon&ref=search)
- 快捷图标 - 酷安链接：[https://www.coolapk.com/apk/com.helloworld.quickicon](https://www.coolapk.com/apk/com.helloworld.quickicon)
- 快捷图标 - 应用宝链接：[https://a.app.qq.com/o/simple.jsp?pkgname=com.helloworld.quickicon](https://a.app.qq.com/o/simple.jsp?pkgname=com.helloworld.quickicon)