ionica icona di Android non stesso originale dimensione del rapporto segnale/rumore

Question

Ho creato un semplice icon.png 1024x1024 sotto resources/:

Poi corro risorse ioniche e tutte le icone di cui ho bisogno sono generati sotto resources/android/icon/

mio config.xml viene modificato in questo modo:

<platform name="android"> 
    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> 
    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/> 
    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/> 
    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/> 
    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/> 
    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/> 
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/> 
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/> 
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/> 
    </platform> 
    <icon src="resources/android/icon/drawable-xhdpi-icon.png"/> 

Ora se guardo l'icona dell'applicazione, una volta ho installato t sembra la figura al centro è più grande e il rapporto non è rispettato:

Come si può vedere, la pallina rossa è diventato una palla enorme, questo è qualcosa che non capisco, nessuno può chiariscimi questo?

Answer 1

(Non può mettere commenti ancora, quindi lo farò rispondendo)

Con gli sguardi di esso si sta utilizzando un iconpack di qualche tipo. (Poiché tutte le icone hanno lo stesso sfondo sagomato con l'icona originale in alto). La mia ipotesi è che il pacchetto di icone elimina la maggior parte dello spazio trasparente che circonda l'icona (e tutte le altre), per adattarsi allo stesso design di icone.

Si può facilmente scoprire se questo è davvero il caso per entrambi:

• disabilitando l'iconpack (il cerchio rosso dovrebbe essere di dimensioni normali ora, con gli spazi circostanti)

• fare icona con un bordo attorno ai lati dell'icona, quindi probabilmente non taglierà lo spazio bianco.

Se è davvero l'iconpack che sta eliminando la spazi che lo circondano, si potrebbe tentare di avere uno strato molto leggero (99% trasparente) come sfondo. Ciò impedirà a iconpack di eliminare spazi bianchi, quindi non ridimensionerà il cerchio.

Non lo consiglio davvero, perché la maggior parte delle persone non usa un pacchetto di icone e quindi l'icona potrebbe sembrare un po 'strana su altri dispositivi.

Answer 2

Penso che sia a causa del comando ionic resources. Legge l'immagine e ritaglia automaticamente l'immagine in base alle dimensioni dello schermo.

Ionic Resource Site detto che no rounded corners forse è per i pixel non trasparenti al di fuori l'immagine principale, o si ridimensionerà/ritagliare per adattarsi:

dimensioni minime del icona immagine dovrebbe essere 192x192 px, e non dovrebbe avere angoli arrotondati.

Si può provare questo:

• Accedere alla project\resources\android\icon:
  • Verificare se ogni icona è stato generato il rapporto sbagliato.
  • Se è più grande della tua immagine originale, apri qualsiasi editor di immagini come Photoshop o Paint e ridimensionalo manualmente a mano fino a quando non rispetti il ​​rapporto atteso (perché dovresti solo aver bisogno del ionic resources generare l'immagine pre-dimensionata).
  • Salvare e rifarlo per gli altri.
  • Ricostruisci il progetto.

UPDATE: Mettere 4 minuscolo pixel di colore per 4 angoli e riprovare. Penso che il dispositivo dovrebbe sapere dov'è il bordo corretto per l'icona invece di ridimensionarlo.