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

时间:2014-11-27 11:18:22

标签: cordova splash-screen ionic-framework

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

RES \机器人\ pkLogo.png

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

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

但问题是Apache默认图标正在显示。我做错了什么我从here cordova

那里得到了帮助

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

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

11 个答案:

答案 0 :(得分:54)

从CLI运行ionic cordova resources

之后将创建以下文件夹

资源&gt;机器人

资源&gt; IOS

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

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

答案 1 :(得分: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

答案 2 :(得分:3)

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

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

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

3&gt;这是主要步骤,所以只需从终端

运行此命令

ionic resources

然后您会在/demoApp/resources/android/icon存储库和/demoApp/resources/android/splash中看到一些图片。

如果您只想更改启动画面,则必须遵循第2步以及命令ionic resources --splash。那么你可以看到你的飞溅。

或仅为图标,您只需要跟随第1步以及ionic resources --icon

<强>护理 如果您想分别创建启动画面和图标,请不要执行步骤3 表示用于生成两者的步骤3。

答案 3 :(得分:1)

  

从CLI运行离子资源

     

之后将创建以下文件夹

     

资源&gt;机器人

     

资源&gt; 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">

问候!

答案 4 :(得分: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

答案 5 :(得分:0)

对于Android内部/ platform / android / res 对于Ios,请查看/ platform / ios / yourapp / Resources

希望有所帮助

答案 6 :(得分: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

答案 7 :(得分:0)

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

ionic cordova resources android --splash --force

再次运行命令:)

这将解决&#34;错误&#34;:

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

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

答案 8 :(得分:0)

创建自定义的 1024 * 1024 px和 splash.png 2732 * 2732 px 然后替换资源目录中的文件 然后运行离子科尔多瓦资源 将自动生成ios和android斜杠和图标img,并更改配置文件

对于初始屏幕模板: https://code.ionicframework.com/resources/splash.psd(参考)

答案 9 :(得分:-1)

您可以在资源\ 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
  7. 你可以在资源\ 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

答案 10 :(得分:-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。