我已经成功地将项目打包到设备上,但我想替换图标和飞溅。有什么方法可以替换它吗?使用Vue开发,打包到android。
rjjhvcjd1#
最简单和最容易的方法是这个包:
npm install capacitor-resources
package.json
{ ... "scripts": { ... "resources": "capacitor-resources -p android,ios" } }
npm run resources
cfh9epnr2#
成功更换电容器中的图标和飞溅
如果您使用的是Windows PC来执行CLI,请执行以下5个步骤
STEP 1
通过运行 * npm install capacitor-resources -g * 安装电容器资源
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。
(a png file with dimension 1024x1024)
icon.png
<Project Directory>/resources/
(a png file with dimension 2732x2732)
splash.png
(a png file with dimension 432x432)
icon-background.png
<Project Directory>/resources/android/
icon-foreground.png
步骤3
让电容器帮助您使图标和飞溅在多个维度上运行
ionic cordova resources
通过运行 * cordova-res --skip-config --copy * 将资源复制到android build
cordova-res --skip-config --copy
第5步
然后从项目目录中运行下面的任何一个,这取决于哪个对你有用。1.cd android && gradlew assembleDebug && cd ..1.ionic cordova run android
cd android && gradlew assembleDebug && cd ..
ionic cordova run android
s3fp2yjn3#
使用此工具生成图标和启动画面,沿着它们的配置文件。只需在所需的平台中替换文件,您就可以开始了。工具更多信息,请关注tutorial
mzmfm0qo4#
截至2023年,目前支持的方法是使用插件@capacitor/assets。只需按照https://github.com/ionic-team/capacitor-assets中提供的说明操作即可
4条答案
按热度按时间rjjhvcjd1#
最简单和最容易的方法是这个包:
npm install capacitor-resources
1.在基于电容器的项目的根目录下创建名为resources的文件夹
1.添加您的icon.png(1024x1024 px)和splash.png(2732x2732 px)
1.在
package.json
中添加脚本定义:npm run resources
注意:如果你没有“ionic build & npx cap add android & npx cap add ios”,请确保你有android,ios和www文件夹。
来源:https://www.npmjs.com/package/capacitor-resources
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
s3fp2yjn3#
使用此工具生成图标和启动画面,沿着它们的配置文件。只需在所需的平台中替换文件,您就可以开始了。工具
更多信息,请关注tutorial
mzmfm0qo4#
截至2023年,目前支持的方法是使用插件@capacitor/assets。
只需按照https://github.com/ionic-team/capacitor-assets中提供的说明操作即可