You are here

ionic3/angular4 如何修改APP的名字、Icon

作者: 老葛 亚艾元软件

修改src 下面的manifest.json:

{

  "name": "Ionic",

  "short_name": "Ionic",

  "start_url": "index.html",

  "display": "standalone",

  "icons": [{

    "src": "assets/imgs/logo.png",

    "sizes": "512x512",

    "type": "image/png"

  }],

  "background_color": "#4e8ef7",

  "theme_color": "#4e8ef7"

}

修改assets/imgs/logo.png对应的图片,替换为我们的。

Config.xml文件:

<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

    <name>MyApp</name>

    <description>An awesome Ionic/Cordova app.</description>

<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>

修改。


platforms\android\res\xml下面的config.xml文件,打开:

    <name>MyApp</name>

    <description>An awesome Ionic/Cordova app.</description>

<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>

在这里修改名字,将其改为自己想要的名字即可。这个重新build的时候,会自动生成,根据前面的。


Icon放在:resources\android\icon修改:



分别有这么几个尺寸:

36_36    drawable-ldpi-icon.png

48_48    drawable-mdpi-icon.png

72_72    drawable-hdpi-icon.png

96_96    drawable-xhdpi-icon.png

144_144  drawable-xxhdpi-icon.png

192_192  drawable-xxxhdpi-icon.png

加上外面的icon,1024_1024



Splash 图片更换:

resources\android\splash下面:


分:land 和Port两种类型,land:横过来的;port:竖着的手机。

大小分:ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi


drawable-land-ldpi-screen.png 320_240

drawable-land-mdpi-screen.png 480_320

drawable-land-hdpi-screen.png 800_480

drawable-land-xhdpi-screen.png 1280_720

drawable-land-xxhdpi-screen.png 1600_960

drawable-land-xxxhdpi-screen.png 1920_1280


drawable-port-ldpi-screen.png 240_320

drawable-port-mdpi-screen.png 320_480

drawable-port-hdpi-screen.png 480_800

drawable-port-xhdpi-screen.png 720_1280

drawable-port-xxhdpi-screen.png 960_1600

drawable-port-xxxhdpi-screen.png 1280_1920



修改index.html:

<html dir="ltr">

<head>

  <meta charset="UTF-8">

  <title>Ionic App</title>

这里修改标题


论坛:

Drupal版本: