android 如何在Capacitor中替换图标和飞溅

6ju8rftf  于 2023-04-18  发布在  Android
关注(0)|答案(4)|浏览(349)

我已经成功地将项目打包到设备上,但我想替换图标和飞溅。有什么方法可以替换它吗?
使用Vue开发,打包到android。

rjjhvcjd

rjjhvcjd1#

最简单和最容易的方法是这个包:

  1. npm install capacitor-resources
    1.在基于电容器的项目的根目录下创建名为resources的文件夹
    1.添加您的icon.png(1024x1024 px)splash.png(2732x2732 px)
    1.在package.json中添加脚本定义:
{   
    ...   
    "scripts": {
        ...
        "resources": "capacitor-resources -p android,ios" 
    } 
}
  1. npm run resources
    注意:如果你没有“ionic build & npx cap add android & npx cap add ios”,请确保你有android,ios和www文件夹。
    来源:https://www.npmjs.com/package/capacitor-resources
cfh9epnr

cfh9epnr2#

成功更换电容器中的图标和飞溅

如果您使用的是Windows PC来执行CLI,请执行以下5个步骤

STEP 1

通过运行 * npm install capacitor-resources -g * 安装电容器资源

STEP 2

使用任何图像编辑软件创建4个自定义图像(应用程序图标,闪屏,图标背景和图标前景)。
a.应用图标- * (a png file with dimension 1024x1024) * 并另保存为 * icon.png * inside * <Project Directory>/resources/ * 让它替换默认
B.启动画面- * (a png file with dimension 2732x2732) * 并保存为 * splash.png * inside * <Project Directory>/resources/ * 让它替换默认
c.图标背景- * (a png file with dimension 432x432) * 您可以选择颜色透明或不透明,保存为 * icon-background.png * inside * <Project Directory>/resources/android/ *
B.icon foreground- * (a png file with dimension 432x432) * and保存as * icon-foreground.png * inside * <Project Directory>/resources/android/ * icon foreground与app icon相同,是app collections中代表你的app的logo。

步骤3

让电容器帮助您使图标和飞溅在多个维度上运行

  • ionic cordova resources*
    第四步

通过运行 * cordova-res --skip-config --copy * 将资源复制到android build

第5步

然后从项目目录中运行下面的任何一个,这取决于哪个对你有用。
1.cd android && gradlew assembleDebug && cd ..
1.ionic cordova run android

s3fp2yjn

s3fp2yjn3#

使用此工具生成图标和启动画面,沿着它们的配置文件。只需在所需的平台中替换文件,您就可以开始了。工具
更多信息,请关注tutorial

mzmfm0qo

mzmfm0qo4#

截至2023年,目前支持的方法是使用插件@capacitor/assets。
只需按照https://github.com/ionic-team/capacitor-assets中提供的说明操作即可

相关问题