De .psd à l'écran

Question

J'ai un client qui m'a donné un fichier .psd qui contient l'ensemble de l'écran d'un Activity avec tous les graphiques. La résolution est 480x800. Le client souhaite que l'application soit identique à celle du fichier .psd. Le problème est que différents appareils ont des résolutions et des tailles différentes. Je sais que la densité est ce qui compte vraiment mais comment puis-je redimensionner les graphiques pour avoir la même apparence sur tous les appareils? Par exemple, j'ai exporté tous les calques et recréé l'écran dans Android mais, pour une raison quelconque, l'écran semble plus encombré sur un Nexus One (480x800).

Une idée serait de créer 9 images de patch à partir des graphiques et utiliser pour ImageView s android: fond au lieu d'android: src droite?

N'est-il pas préférable d'avoir une résolution de 320x480 pour les graphiques? Ou ai-je besoin des deux résolutions? Aussi, je dois considérer la hauteur de la barre d'état dont j'ai compris qu'il est 25dip mais je ne suis pas certain à ce sujet. Donc, pour résumer, je suis curieux de savoir quelle est la meilleure façon pour un client de vous donner les maquettes et les graphiques afin qu'il soit facile pour le développeur de mettre en œuvre selon les spécifications.

Answer 1

C'est quelque chose qui n'est pas facile à résoudre. Pensez à un webdesigner, on ne peut pas connaître toutes les résolutions possibles et les paramètres de chaque navigateur, donc il doit adapter les choses en conséquence. À mon avis, il n'y a que trois approches ici. Premièrement: Laissez-le indiquer quels dispositifs il veut prendre en charge et ne prendre en charge que ces périphériques. Extrayez les calques avec la taille de l'appareil avec la résolution la plus élevée et réduisez-les sur les autres appareils. E.g. Si vous devez prendre en charge deux périphériques avec 480 x 800 (2) et 240 x 300 (1), exportez toutes les images à 480 x 800 et réduisez-les en conséquence. N'écrivez pas une seule application pour chaque périphérique. Deuxième: Exportez les graphiques avec la plus haute résolution possible et réduisez-les sur tous les périphériques par rapport au périphérique utilisé. Imaginez, encore une fois, un webdesigner. Tout ce qu'il fait est de définir les marges, les paddings, etc. et il sera joli dans presque n'importe quel navigateur. Vous devriez faire la même chose et redimensionner vos éléments à la demande.

Troisièmement: Rendre l'application fixe, par ex. définissez une taille de 200 x 200 pour l'ensemble de votre application et remplissez tout ce qui est plus grand que l'écran avec une certaine couleur, par ex. noir. Cela arrive souvent avec les applications java ME, elles sont superbes sur le matériel pour lequel elles ont été conçues et sont encore jouables sur du matériel qui est au-delà de leur temps, bien qu'elles soient plutôt moche.

Espérons que cela aide, Robin.