如何使用Ionic \ Cordova在android中设置图标和启动画面

问题描述 投票:14回答:10

我有一个使用Cordova的Android平台的Ionic项目。我想在项目中设置一个图标和启动画面。对于图标我已经创建了一个目录并添加了将要显示的徽标。

水库\机器人\ pkLogo.png

还将此行添加到我的config.xml中

 <icon src="res/android/pkLogo.png" platform="android" width="57" height="57" density="mdpi" />

但问题是Apache默认图标正在显示。我做错了我从here cordova那里得到了帮助

我想要显示启动画面,怎么可能?我搜索了很多,发现了一些链接,但我解决了。

如何使用ionic \ cordova在android中设置图标和启动画面

cordova splash-screen ionic-framework
10个回答
54
投票

从CLI运行ionic cordova resources

之后,将创建以下文件夹

资源> android

资源> ios

在资源文件夹中添加icon.pngsplash.png文件,然后再次运行ionic cordova resources命令。或者你可以运行ionic cordova run <platform>,它将生成该平台的资源文件(ios,android等)。

它将自动创建图标和启动画面,并添加config.xml文件。没什么可做的。 Ionic将为您自动完成所有事情。


-1
投票

首次创建应用时,资源文件夹中有2个文件,icon.png和splash.png。

用您想要的图标和启动文件替换这两个文件。

文件名必须相同大小icon.png必须至少为1024×1024,而splash.png必须至少为2732×2732一旦icon.png和splash.png文件被替换。请遵循以下步骤:

1)您必须拥有免费的Ionic帐户。这是因为图标和启动生成/转换正在使用Ionic服务器。

2)在项目文件夹中,运行以下命令:

> ionic login

然后输入您的电子邮件和密码。

3)在项目文件夹上,运行(如果你正在构建iOS或Android应用程序,请在ios或android之间选择):

> ionic cordova resources ios

> ionic cordova resources android

Ionic会将您的图标和启动文件转换为目标平台所需的不同版本。在此过程中,config.xml也将更新。


4
投票

转到您的项目目录 - / resources / android / icon /在此处根据所需大小和名称添加您的图标。

drawable-hdpi-icon.png - 72 * 72

drawable-ldpi-icon.png - 36 * 36

drawable-mdpi-icon.png - 48 * 48

drawable-xhdpi-icon.png - 96 * 96

drawable-xxhdpi-icon.png - 144 * 144

drawable-xxxhdpi-icon.png - 192 * 192

如果需要,还可以在下面的目录中添加图标 - 项目目录 - / platforms / android / res /根据特定文件夹放置上面的图标。

并运行以下终端命令,它将更新您的图标,同样您也可以管理您的启动画面。

$ ionic build android

$ ionic run android


3
投票

我希望你做得很好。当你问变化飞溅和发射器图标时我也试图做同样的事情。然后我从Ionic CLI找到了一个记录在案的方式。这对我帮助很大,也节省了我的时间。我们只需要做三个简单的步骤:

1>创建一个大小为192x192 px的图标图像,并将其另存为icon.pngicon.psdicon.ai文件,位于项目根目录的资源目录中。

2>创建一个大小为2208x2208 px的图标图像,并将其另存为项目根目录资源目录中的splash.pngsplash.psdsplash.ai文件。

3>这是主要步骤,所以只需从终端运行此命令即可

ionic resources

然后你会在你的/demoApp/resources/android/icon资料库和/demoApp/resources/android/splash中看到一些图像。

如果你只想更改启动画面,那么你必须按照命令ionic resources --splash执行步骤2。那么你可以看到你的飞溅。

或者只是为了图标,你必须只跟随ionic resources --icon的第1步。

如果你想分别创建启动和图标,那么不要按照步骤3表示用于生成两者的步骤3。


1
投票

从CLI运行离子资源

之后,将创建以下文件夹

资源> android

资源> ios

在资源文件夹中添加icon.png和splash.png文件,然后再次运行ionic resources命令。

它将自动创建图标和启动画面,并添加config.xml文件。没什么可做的。 Ionic将为您自动完成所有事情。

它对我有用,只有一件事

在构建Android应用程序之前,请转到编辑platforms / android / AndroidManifest.xml

然后去

<application android:label="@string/app_name">

并添加下一个

<application android:icon="@drawable/icon" android:label="@string/app_name">

问候!


1
投票

图标源图像在Cordova项目的根目录下的资源目录中保存icon.png,icon.psd或icon.ai文件。图标图像的最小尺寸应为192x192像素,并且没有圆角。然后在终端中运行此命令(cd到当前目录)

$ ionic resources --icon

启动屏幕源图像ave在Cordova项目根目录的资源目录中的splash.png,splash.psd或splash.ai文件。每个平台,设备和方向的飞溅屏幕尺寸都不同,因此需要生成各种尺寸的方形源图像。源图像的最小尺寸应为2208x2208像素,其图形应位于正方形内。然后在终端中运行此命令(cd到当前目录)

$ ionic resources --splash

你完成了。

请参阅此链接Ionic Splash screen and icon generator


0
投票

对于Android看里面/ platform / android / res对于Ios看里面/ platform / ios / yourapp / Resources

希望能帮助到你


0
投票

您可以使用ionic cordova resources为Android应用程序生成启动画面和图标。此命令在android文件夹下创建iconssplash屏幕。

icons文件夹包含:

drawable-hdpi-icon.png - 72*72

drawable-ldpi-icon.png - 36*36

drawable-mdpi-icon.png - 48*48

drawable-xhdpi-icon.png - 96*96

drawable-xxhdpi-icon.png - 144*144

drawable-xxxhdpi-icon.png - 192*192

如果你只想创建icons,那么你可以使用

ionic cordova resources --icon

如果您只想创建splash屏幕,那么您可以使用

ionic cordova resources --splash

0
投票

编辑图像如果运行此命令不起作用(也适用于ios):

ionic cordova resources android --splash --force

并再次运行命令:)

这将解决“错误”:

[OK] No need to regenerate images--source files unchanged.

提示:编辑每个平台的图像(甚至调整大小1 px)否则离子检测不会使用每个新命令更改源文件。


-1
投票

你可以把图标放在resources \ android \ icon中

  1. 提拉 - HDPI-的icon.png
  2. 提拉 - LDPI-的icon.png
  3. 提拉 - MDPI-的icon.png
  4. 提拉 - xhdpi-的icon.png
  5. 提拉 - xxhdpi-的icon.png
  6. 提拉 - xxxhdpi-的icon.png

你可以把splash放在resources \ android \ splash中

  1. 提拉 - 土地HDPI-screen.png
  2. 提拉 - 土地LDPI-screen.png
  3. 提拉 - 土地MDPI,screen.png
  4. 提拉 - 土地xhdpi-screen.png
  5. 提拉 - 土地xxhdpi-screen.png
  6. 提拉 - 土地xxxhdpi-screen.png
  7. 绘制端口 - HDPI-screen.png
  8. 绘制端口,LDPI,screen.png
  9. 绘制端口,MDPI,screen.png
  10. 绘制端口-xhdpi-screen.png
  11. 绘制端口-xxhdpi-screen.png
  12. 绘制端口-xxxhdpi-screen.png
© www.soinside.com 2019 - 2024. All rights reserved.