Ionic 应用图标,信息修改

最新推荐文章于 2025-08-21 17:21:55 发布

转载最新推荐文章于 2025-08-21 17:21:55 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/final-elysion/p/6078300.html

文章标签：

#移动开发

本文介绍如何在Ionic项目中更换应用图标及启动画面，并详细解释了修改config.xml文件以更新应用名称、描述等信息的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ionic 应用图标,信息修改

Ionic 应用图标修改

准备好替换的图标并生成各个尺寸的图标

1.使用命令行进入项目根目录,执行命令`ionic resources`

替换的图片放在resources文件夹
应用图标名字为icon.png
启动画面图片名字为splash.png

如果图片没成功生成则执行命令`ionic resources --clean-cache`

2.检查图标

检查platform下的res文件夹的资源是否有成功替换掉
若文件没有替换成功，可以手动将 根目录/res 下的文件手动覆盖到platform下对应的文件

3.重新生成应用

修改应用信息

修改config.xml文件

    <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
    <widget id="xy.ionic.personalmanager" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
      <!--项目名-->
      <name>个人管理系统</name>
      <!--项目描述-->
      <description>
          个人管理系统，包括目标，支出，学习，吐槽，FGO模块
      </description>
      <!--个人信息-->
      <author email="you@example.com" href="http://example.com.com/">
          0o晓月メ
      </author>
      <content src="index.html"/>
      <access origin="*"/>
      <preference name="webviewbounce" value="false"/>
      <preference name="UIWebViewBounce" value="false"/>
      <preference name="DisallowOverscroll" value="true"/>
      <preference name="SplashScreenDelay" value="2000"/>
      <preference name="FadeSplashScreenDuration" value="2000"/>
      <preference name="android-minSdkVersion" value="16"/>
      <preference name="BackupWebStorage" value="none"/>
      <preference name="SplashScreen" value="screen"/>
      <feature name="StatusBar">
        <param name="ios-package" value="CDVStatusBar" onload="true"/>
      </feature>
      <platform name="android">
        <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
        <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
        <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
        <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
        <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
        <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
        <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
        <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
        <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
        <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
        <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
        <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
        <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
      </platform>
      <icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
    </widget>

转载于:https://www.cnblogs.com/final-elysion/p/6078300.html