DownOL 软件仓库– 软件下载,字节世界与新知

React Native (十) 给App设置icon

发表于:2024-04-29 作者:创始人
编辑最后更新 2024年04月29日,### 前言App开发好了,在你的手机桌面上就能看到,一个好的icon会给人耳目一新的感觉。作为一个专业搬砖的来说,很有难度。主要看你的设计和视觉天赋了。我们一般运行个helloworld,你会在手机

### 前言

App开发好了,在你的手机桌面上就能看到,一个好的icon会给人耳目一新的感觉。

作为一个专业搬砖的来说,很有难度。主要看你的设计和视觉天赋了。我们一般运行个helloworld,

你会在手机上找你的App,但都是各个平台默认的,iOS里面是多个同心圆,一环一环的,

具体叫啥还真不知道,Android则是那个呆萌的小机器人。

那如何替换成我们自己的icon呢?

开发环境:

OS: Mac 10.11.6

Xcode: Version 8.0 (8A218a)

### For iOS

  • 修改应用icon

在Xcode中单击Images.xcassets文件夹,右侧会看到AppIcon。

单击AppIcon,映入你眼帘的是一个个待填补的虚线方框。

看到这个你不要慌,也不用管这些是什么,你只看每组对应说明的单位即可。

比如第一组20pt,2x就是40pt,3x就是60pt,我都是用的像素,也没问题。

按照这些尺寸制作icon即可,其他以此类推。

做好所有尺寸的icon后,拖拽到相应的位置上就OK。

即:更新不同的尺寸 29pt 29pt*2 29pt*3 40pt*2 40pt*3 57pt 57pt*2 60pt*2 60pt*3

  • 修改应用名称

还有一点就是,App name ,默认会是你的项目的名称。我们呢,都用中文,当然得提前设置了。

在哪设置呢?

在Xcode 8中,单击项目,左侧出现跟项目相关的信息。

选择Targets -> General -> Display Name,值部分就是你要填的

显示在AppIcon 下面的文本部分了。

![](/images/appicon.png)

### For Android

  • 修改应用icon

把 ic_launcher.png 放到文件夹 [PrjDir]/android/app/src/main/res/mipmap-*.

相应的尺寸:

72*72 ic_launcher.png to mipmap-hdpi.

48*48 ic_launcher.png to mipmap-mdpi.

96*96 ic_launcher.png to mipmap-xhdpi.

144*144 ic_launcher.png to mipmap-xxhdpi.

  • 修改应用名称

在[PrjDir]/ndroid/app/src/main/res/values/strings.xml中,

找到MyProject, MyProject替换为你自己的应用名称即可。

### 结束

:)~

2022-05-09 21:58:30
0