首页 文章

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

提问于
浏览
12

我有一个 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 回答

  • 0

    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

  • 0

    从CLI运行 ionic cordova resources

    之后,将创建以下文件夹

    资源> android

    资源> ios

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

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

  • 0

    我希望你做得很好 . 当你问变化飞溅和 Launcher 图标时我也试图做同样的事情 . 然后我找到了一个来自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 中看到一些图像 .

    如果你只想更改启动画面,那么你必须跟随 step 2 以及命令 ionic resources --splash . 那么你可以看到你的飞溅 .

    或仅为图标,你必须只跟 step 1ionic resources --icon .

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

  • 2

    转到您的项目目录 - / 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运行android

  • 49

    从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">

    问候!

  • 3

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

    $ ionic resources --icon
    

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

    $ ionic resources --splash
    

    你完成了 .

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

  • 1

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

    希望能帮助到你

  • 1

    您可以使用 ionic cordova resources 为您的Android应用程序生成 splash screen and icons . 此命令在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

    EDIT THE IMAGE 如果运行此命令不起作用(也适用于ios):

    ionic cordova resources android --splash --force
    

    并再次运行命令:)

    这将解决“错误”:

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

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

  • -1

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

    
    

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

    
    

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

    
    

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

    
    

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

    
    

    ionic login然后输入您的电子邮件和密码 . 在项目文件夹上,运行(如果你构建Android应用程序,用android替换ios):离子cordova资源ios离子cordova资源android Ionic将你的图标和启动文件转换为目标平台所需的不同版本 . 在此过程中,config.xml也将更新 .

相关问题