Suggestions d'adaptation d'écran Android

1. À propos de l'adaptation de la mise en page

1. N'utilisez pas de mise en page absolue

2. Essayez d'utiliser match_parent au lieu de fill_parent.

3. Utilisez le poids autant que possible (android: layout_weight)

4, si elle est un fond de couleur unie, essayez d'utiliser l' Android de mesure de forme.

5. Si vous devez vous adapter à une résolution spécifique, vous pouvez créer un nouveau dossier layout-HxW.xml dans le répertoire res . Par exemple, pour s'adapter à un écran 1080 * 1800 (le Meizu MX3 utilise cette résolution), créez un nouveau dossier layout-1800x1080.xml , puis définissez la disposition ci-dessous. Android système préférera regarder la même résolution que la mise en page, si elle n'existe pas de changer la valeur par défaut mise en page mise en page sous.

 

Deuxièmement, à propos de la production d'images

1. À propos de la conception:

Le dessin de conception détermine d'abord la taille à concevoir, et essayez d'utiliser la taille d'écran la plus populaire actuellement (par exemple, la série 480 , qui est actuellement la plus grande proportion de l'écran , qui est 480 * 800 ou 400 * 854 , les icônes suivantes sont également faites Conçu sur la base de la sous-conversion.

Comprenez d'abord le niveau de l'écran:

Niveau d'écran	Densité d'écran	Ratio (relatif)		Taille physique (pouces)	Taille de pixel	Résolution habituelle
ldpi	120	3	0,75	1	120
mdpi	160	4	1	1	160	320 * 480
hdpi	240	6	1,5	1	240	480 * 800
xhdpi	320	8	2	1	320	720 * 1280
xxhdpi	480	12	3	1	480	1080 * 1800

Description:

Niveau d'écran:

Notez que le niveau d'écran est classé en fonction de la densité et n'a rien à voir avec les pixels. Si vous voulez avoir une relation entre la densité et les pixels, vous avez besoin d'un système de référence. Android utilise le niveau mdpi comme écran de référence standard, ce qui signifie qu'une densité de 320 * 480 téléphones mobiles peut accueillir un pixel. Ensuite, d'autres niveaux de densité sont comparés sur cette base. Si idéalement, une densité d'écran de 480 * 800 peut accueillir 1,5 pixels.

Taille physique:

L'unité est en pouces au lieu de pixels, ce qui signifie que la taille d'un pouce est la même à n'importe quelle résolution, mais la taille réelle des pixels affichés dans les téléphones mobiles avec des densités différentes est différente (c'est pourquoi les téléphones Android doivent s'adapter Raison du match).

Ensuite, il y a le point.

Supposons un pixel 160 densité d'affichage 1 pouce, le 1 pixel 240 affichages en fonction de la densité d'environ 0,67 pouces et 320 affichés à une densité de 0,5 pouces. Il y a donc une situation où la taille réelle d'un pixel sur un ordinateur est différente sur différents téléphones mobiles. Alors, comment faites-vous pour que "l'effet de conception" soit le même sur différents téléphones?

Il est également supposé qu'un pixel affiché à une densité de 160 est dans une densité, qui est également un pouce. Alors, combien de pixels sont nécessaires pour afficher dans un pouce à 240 niveaux de densité? La réponse est de 1,5 pixels (convertis selon le rapport ci-dessus).

Connaissant cette relation, l'étape suivante consiste à créer des icônes.

2. À propos de la découpe d'images.

Il existe quelques suggestions sur la découpe de graphiques:

Tout d'abord, la longueur et la largeur sont de préférence un multiple de 3 (selon la taille d'icône de logo recommandée d' Android est 48 ( mdpi ), 72 ( hdpi ), 96 ( xhdpi ) le plus petit diviseur commun ).

Deuxièmement, la longueur et la largeur sont de préférence égales. Parce que les nombres impairs peuvent avoir des problèmes lors de l'exécution de la compression proportionnelle.

Troisièmement, selon les deux ci-dessus, si la longueur et la largeur sont des multiples de 6 , la plus idéale.

Quatrièmement, si le cas peut être étiré sans changer l'intention de conception sous un fond de couleur solide, utilisez les androïdes de » 9path outils mis en .9 image.

3. A propos de l'adaptation des icônes.

Ensuite, tout ce qui suit n'a rien à voir avec le projet de conception. Basé sur l'image coupée, selon le rapport de la densité d'écran, des pixels et de la taille réelle. Si le département de conception a fait un dessin de conception à une résolution de 480 * 800 et a coupé l'image, si vous devez adapter l' écran 720 * 1280 , que devez-vous faire? Selon le rapport, leur relation est de 2: 3 , vous devez donc faire l'icône selon le rapport de 1,5 fois . Par exemple, si vous coupez une image de 20 * 20 pixels sur le projet de conception 480 * 800 , vous devez alors faire un agrandissement proportionnel Il devient une icône de 30 * 30 pixels, de sorte que la taille réelle de la même icône affichée sur l' écran 480 * 800 et l'écran 720 * 1280 est la même. De même, si vous devez vous adapter à xxhdpi, vous devez créer une icône agrandie à 40 * 40 pixels sur la base de 20 * 20 .

4, sur l'icône de répertoire, 480 * 800 Fig nous réduire le étirable-hdpi répertoire, en fonction de 2: 3 de l'icône à plus grande échelle sur la zone de dessin-xhdpi répertoire, selon deux amplification -fois de l'icône dans la zone de dessin-xxhdpi annuaire Ensuite.

Android recherchera d'abord les ressources du répertoire correspondant en fonction de la densité du téléphone mobile,

Par exemple , si la densité d'un téléphone mobile avec une résolution de 408 * 800 est de 160 , les icônes du répertoire drawable-hdpi seront automatiquement chargées .

Si la densité 720 * 1280 est 240 , le téléphone portable chargera automatiquement les icônes dans le répertoire drawable-xhdpi . S'il n'y en a pas, recherchez le dossier de densité correspondant le plus proche de 240 .

3. Autre

L'estimation qui sera faite ensuite vous décevra. Selon les étapes ci-dessus, le problème de l'adaptation ne peut pas être complètement résolu. Il ne peut s'agir que d'une adaptation approximative. Même s'il est grossièrement adapté selon les étapes ci-dessus, l'effet réel sur le téléphone mobile variera également. .

Tels que Meizu MX3 résolution est 1080 * 1800 , comme densité standard est 480 , mais il est une densité d'environ 524 et 480 près, que les regards étirables-xxhdpi fichiers dans cette ressource. Autrement dit, vous coupez l'image à une résolution de 480 * 800 , puis appuyez sur l'icône agrandie deux fois pour afficher l'effet sur ce téléphone est toujours plus petit que le réel.

而另一个要说的问题是 540*960 或者 640*960 ，他们的密度很可能是或者接近 240 也可能是 320 。于是在 480*800 的设计稿上切下来的图并且进行的适配制作，在这些手机上显示的实际大小也可能或大或小。

综上所述，我也只是把我的理解和经验分享一下，但是并不能完美适配屏幕，仅仅当做抛砖引玉，如果您路过并且看到这份建议，如果你正好有更好的方案能够进行适配，请不吝赐教。