我有一个 Ionic project 与Android平台 using Cordova . 我想在项目中设置一个图标和启动画面 . 对于图标我已经创建了一个目录并添加了将要显示的徽标 .
水库\机器人\ pkLogo.png
还将此行添加到我的 config.xml 中
<icon src="res/android/pkLogo.png" platform="android" width="57" height="57" density="mdpi" />
但问题是Apache默认图标正在显示 . 我做错了什么我从here cordova获得了帮助
我想显示 splash screen ,怎么可能?我搜索了很多,发现了一些链接,但我解决了 .
How to set Icon and splash screen in android using ionic\cordova
10 回答
you can put icon in resources\android\icon
drawable-hdpi-icon.png
drawable-ldpi-icon.png
drawable-mdpi-icon.png
drawable-xhdpi-icon.png
drawable-xxhdpi-icon.png
drawable-xxxhdpi-icon.png
you can put splash in resources\android\splash
drawable-land-hdpi-screen.png
drawable-land-ldpi-screen.png
drawable-land-mdpi-screen.png
drawable-land-xhdpi-screen.png
drawable-land-xxhdpi-screen.png
drawable-land-xxxhdpi-screen.png
drawable-port-hdpi-screen.png
drawable-port-ldpi-screen.png
drawable-port-mdpi-screen.png
drawable-port-xhdpi-screen.png
drawable-port-xxhdpi-screen.png
drawable-port-xxxhdpi-screen.png
从CLI运行
ionic cordova resources
之后,将创建以下文件夹
资源> android
资源> ios
在资源文件夹中添加
icon.png
和splash.png
文件,然后再次运行ionic cordova resources
命令 . 或者你可以运行ionic cordova run <platform>
,它将生成该平台的资源文件(ios,android等) .它将自动创建图标和启动画面,并添加config.xml文件 . 没什么可做的 . Ionic将自动为您完成所有事情 .
我希望你做得很好 . 当你问变化飞溅和 Launcher 图标时我也试图做同样的事情 . 然后我找到了一个来自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
中看到一些图像 .如果你只想更改启动画面,那么你必须跟随 step 2 以及命令
ionic resources --splash
. 那么你可以看到你的飞溅 .或仅为图标,你必须只跟 step 1 和
ionic resources --icon
.care 如果你想分别创建启动和图标,那么不要按照 step 3 表示用于生成两者的步骤3 .
转到您的项目目录 - / resources / android / icon /在此处根据所需大小和名称添加您的图标 .
如果需要,还可以在下面的目录中添加图标 - 项目目录 - / platforms / android / res /根据特定文件夹放置上面的图标 .
并运行以下终端命令,它将更新您的图标,同样您也可以管理您的启动画面 .
它对我有用,只有一件事
在构建Android应用程序之前,请转到编辑platforms / android / AndroidManifest.xml
然后去
<application android:label="@string/app_name">
并添加下一个
<application android:icon="@drawable/icon" android:label="@string/app_name">
问候!
Icon Source Image 在Cordova项目的根目录下的资源目录中保存icon.png,icon.psd或icon.ai文件 . 图标图像的最小尺寸应为192x192像素,并且没有圆角 . 然后在终端中运行此命令(cd到当前目录)
Splash Screen Source Image ave在Cordova项目根目录的资源目录中的splash.png,splash.psd或splash.ai文件 . 每个平台,设备和方向的飞溅屏幕尺寸都不同,因此需要生成各种尺寸的方形源图像 . 源图像的最小尺寸应为2208x2208像素,其图形应位于正方形内 . 然后在终端中运行此命令(cd到当前目录)
你完成了 .
请参阅此链接Ionic Splash screen and icon generator .
对于Android看里面/ platform / android / res对于Ios看里面/ platform / ios / yourapp / Resources
希望能帮助到你
您可以使用
ionic cordova resources
为您的Android应用程序生成 splash screen and icons . 此命令在android文件夹下创建icons
和splash
屏幕 .icons
文件夹包含:如果您只想创建
icons
然后就可以使用了如果您只想创建
splash
屏幕,那么您可以使用EDIT THE IMAGE 如果运行此命令不起作用(也适用于ios):
并再次运行命令:)
这将解决“错误”:
提示:编辑每个平台的图像(甚至调整大小1 px)否则离子检测不会使用每个新命令更改源文件 .
首次创建应用时,资源文件夹中有2个文件,icon.png和splash.png .
用您想要的图标和启动文件替换这两个文件 .
文件名必须相同大小icon.png必须至少为1024×1024,而splash.png必须至少为2732×2732一旦icon.png和splash.png文件被替换 . 请遵循以下步骤:
您必须拥有免费的Ionic帐户 . 这是因为图标和启动生成/转换正在使用Ionic服务器 .
在项目文件夹中,运行以下命令: