我有一个 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中设置图标和启动画面
答案 0 :(得分:54)
从CLI运行ionic cordova resources
之后将创建以下文件夹
资源&gt;机器人
资源&gt; IOS
在资源文件夹中添加icon.png
和splash.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.png
,icon.psd
或icon.ai
文件。
2&gt;创建大小为2208x2208 px
的图标图像,并将其另存为项目根资源目录中的splash.png
,splash.psd
或splash.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
你已经完成了。
答案 5 :(得分:0)
对于Android内部/ platform / android / res 对于Ios,请查看/ platform / ios / yourapp / Resources
希望有所帮助
答案 6 :(得分:0)
您可以使用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
答案 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
中添加图标你可以在资源\ android \ splash
中添加启动画面答案 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。