Pregunta Cómo establecer el icono y la pantalla de bienvenida en Android usando iónico \ cordova


Tengo un proyecto Iónico con una plataforma Android usando Cordova.

Ahora quiero configurar un icono y una pantalla de bienvenida. Para el icono, he hecho un directorio y un logotipo agregado que se mostrará.

res \ android \ pkLogo.png

también agregué esta línea en mi config.xml

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

Pero el problema es que se muestra el icono predeterminado de Apache. Lo que hice mal, tomé ayuda de aquí cordova

quiero mostrar Pantalla de bienvenida también ¿cómo es posible? Busqué mucho, encontré algunos enlaces pero no puedo obtenerlos, por favor aclarenme. cómo configurar el icono y la pantalla de bienvenida en Android usando iónica \ cordova


12
2017-11-27 11:18


origen


Respuestas:


correr ionic cordova resources de CLI

Después de eso se creará la siguiente carpeta

recursos> android

recursos> ios

Añadir icon.png y splash.png archivo en la carpeta de recursos y ejecutar ionic cordova resources comando otra vez O simplemente puedes correr ionic cordova run <platform> y generará los archivos de recursos para esa plataforma (ios, android, etc.).

Creará el icono y la pantalla de bienvenida automáticamente y también agregará el archivo config.xml. Nada que hacer manully. Ionic hará todo automáticamente por usted.


47
2018-01-22 06:29



Espero que estés bien. Cuando preguntas sobre cambio de ícono de salpicadura y lanzador, yo también estaba tratando de hacer lo mismo. entonces encuentro una forma documentada de Iónico CLI.que me ayuda mucho y también me ahorra tiempo. solo tenemos que hacer tres pasos simples:

1> crea una imagen del icono con el tamaño de 192x192 px y guardarlo como icon.png, icon.psd o icon.ai archivo dentro del directorio de recursos de la raíz del proyecto.

2> crea una imagen del icono con el tamaño de 2208x2208 px y guardarlo como splash.png, splash.psd o splash.ai archivo dentro del directorio de recursos de la raíz del proyecto.

3> este es el paso principal, así que simplemente ejecuta este comando desde la terminal

ionic resources

entonces verá algunas imágenes en su /demoApp/resources/android/icon repositorio y /demoApp/resources/android/splash.

y si solo quieres cambiar la pantalla de presentación, debes seguir paso 2 junto con el comando ionic resources --splash. entonces puedes ver tu splash.

o solo para el ícono, solo debes seguir paso 1 junto con ionic resources --icon.

cuidado si quieres crear un icono y un splash por separado, entonces no sigas paso 3 significa el paso 3 usado para generar ambos.


3
2017-07-04 08:17



Vaya a su directorio de proyectos - / resources / android / icon / agregue sus iconos aquí según el tamaño requerido y los nombres a continuación.

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

Además, agregue los iconos en el directorio a continuación si es necesario - project directory- / platforms / android / res / coloque los iconos de arriba según la carpeta específica.

Y ejecute los comandos de la terminal a continuación, actualizará sus iconos de la misma manera que puede administrar su pantalla de bienvenida también.

$ ionic build android

$ ionic run android


2
2017-11-10 12:25



Ejecutar recursos iónicos de CLI

Después de eso se creará la siguiente carpeta

recursos> android

recursos> ios

Agregue el archivo icon.png y splash.png en la carpeta de recursos y ejecute nuevamente el comando de recursos iónicos.

Creará el icono y la pantalla de bienvenida automáticamente y también agregará el archivo config.xml. Nada que hacer manully. Ionic hará todo automáticamente por usted.

Funciona para mí, solo una cosa

Antes de crear su aplicación Android, vaya a editar plataformas / android / AndroidManifest.xml

E ir a

<application android:label="@string/app_name">

y agrega el siguiente

<application android:icon="@drawable/icon" android:label="@string/app_name">

¡Saludos!


1
2018-02-16 04:30



Imagen de fuente de icono Guarde un archivo icon.png, icon.psd o icon.ai dentro del directorio de recursos en la raíz del proyecto Cordova. Las dimensiones mínimas de la imagen del icono deben ser de 192x192 px, y no deben tener esquinas redondeadas. Luego ejecute este comando en su terminal (cd a su directorio actual)

$ ionic resources --icon

Imagen de origen de pantalla de bienvenida tiene un archivo splash.png, splash.psd o splash.ai dentro del directorio de recursos en la raíz del proyecto Cordova. Las dimensiones de la pantalla de bienvenida varían para cada plataforma, dispositivo y orientación, por lo que se requiere una imagen de fuente cuadrada para generar cada uno de varios tamaños. Las dimensiones mínimas de la imagen de origen deben ser 2208x2208 px, y su ilustración debe estar centrada dentro del cuadrado. Luego ejecute este comando en su terminal (cd en su directorio actual)

$ ionic resources --splash

Y has terminado.

Consulte este enlace Ionic Splash screen and icon generator.


1
2018-04-01 06:12



Para Android mira adentro / plataforma / android / res Para Ios mira adentro / platform / ios / yourapp / Resources

Espero eso ayude


0
2017-11-27 16:32



Puedes usar ionic cordova resources para generar pantalla de inicio e iconos para su aplicación de Android. Este comando crea icons y splash pantalla debajo de la carpeta de Android.

icons la carpeta contiene:

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

Si solo quieres crear icons entonces puedes usar

ionic cordova resources --icon

Si solo quieres crear splash pantalla, entonces puedes usar

ionic cordova resources --splash

0
2017-08-28 09:58



EDITAR LA IMAGEN si ejecutar este comando no funciona (también para ios):

ionic cordova resources android --splash --force

y ejecutar el comando de nuevo :)

Esto resolverá el "error":

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

Consejo: edite la imagen para cada plataforma (incluso ajuste el tamaño en 1 px); de lo contrario, iónica no detecta que el archivo fuente ha cambiado con cada comando nuevo.


0
2017-09-22 01:51



puedes poner el ícono en los recursos \ android \ icon

  1. drawable-hdpi-icon.png
  2. drawable-ldpi-icon.png
  3. drawable-mdpi-icon.png
  4. drawable-xhdpi-icon.png
  5. drawable-xxhdpi-icon.png
  6. drawable-xxxhdpi-icon.png

puedes poner salpicadura en resources \ android \ splash

  1. drawable-land-hdpi-screen.png
  2. drawable-land-ldpi-screen.png
  3. drawable-land-mdpi-screen.png
  4. drawable-land-xhdpi-screen.png
  5. drawable-land-xxhdpi-screen.png
  6. drawable-land-xxxhdpi-screen.png
  7. drawable-port-hdpi-screen.png
  8. drawable-port-ldpi-screen.png
  9. drawable-port-mdpi-screen.png
  10. drawable-port-xhdpi-screen.png
  11. drawable-port-xxhdpi-screen.png
  12. drawable-port-xxxhdpi-screen.png

-1
2018-04-03 13:40