我有一个使用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中设置图标和启动画面
从CLI运行ionic cordova resources
之后,将创建以下文件夹
资源> android
资源> ios
在资源文件夹中添加icon.png
和splash.png
文件,然后再次运行ionic cordova resources
命令。或者你可以运行ionic cordova run <platform>
,它将生成该平台的资源文件(ios,android等)。
它将自动创建图标和启动画面,并添加config.xml文件。没什么可做的。 Ionic将为您自动完成所有事情。
首次创建应用时,资源文件夹中有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也将更新。
转到您的项目目录 - / 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
我希望你做得很好。当你问变化飞溅和发射器图标时我也试图做同样的事情。然后我从Ionic CLI找到了一个记录在案的方式。这对我帮助很大,也节省了我的时间。我们只需要做三个简单的步骤:
1>创建一个大小为192x192 px
的图标图像,并将其另存为icon.png
,icon.psd
或icon.ai
文件,位于项目根目录的资源目录中。
2>创建一个大小为2208x2208 px
的图标图像,并将其另存为项目根目录资源目录中的splash.png
,splash.psd
或splash.ai
文件。
3>这是主要步骤,所以只需从终端运行此命令即可
ionic resources
然后你会在你的/demoApp/resources/android/icon
资料库和/demoApp/resources/android/splash
中看到一些图像。
如果你只想更改启动画面,那么你必须按照命令ionic resources --splash
执行步骤2。那么你可以看到你的飞溅。
或者只是为了图标,你必须只跟随ionic resources --icon
的第1步。
如果你想分别创建启动和图标,那么不要按照步骤3表示用于生成两者的步骤3。
从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">
问候!
图标源图像在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
你完成了。
对于Android看里面/ platform / android / res对于Ios看里面/ platform / ios / yourapp / Resources
希望能帮助到你
您可以使用ionic cordova resources
为Android应用程序生成启动画面和图标。此命令在android文件夹下创建icons
和splash
屏幕。
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
编辑图像如果运行此命令不起作用(也适用于ios):
ionic cordova resources android --splash --force
并再次运行命令:)
这将解决“错误”:
[OK] No need to regenerate images--source files unchanged.
提示:编辑每个平台的图像(甚至调整大小1 px)否则离子检测不会使用每个新命令更改源文件。
你可以把图标放在resources \ android \ icon中
你可以把splash放在resources \ android \ splash中