À l'aide de vecteur d'icônes dans Android
De cette préface:
J'ai envisagé de mettre cela sur graphicdesgin.stackexchange.com mais je suis venu à la conclusion que mon android des questions spécifiques peut-être pas le meilleur endroit pour cela. C'est pourquoi j'ai choisi stackoverflow, car il semble être plus un problème avec Android imageViews puis les graphismes eux-mêmes. Merci.
J'ai besoin d'utiliser quelques éléments de base d'icônes dans mon application Android. J'ai Illustrator et Photoshop (pas grand à l'un d'eux, mais je peux). Je suis tombé sur http://www.androidicons.com/ et j'ai vu beaucoup de chance de me sauver des heures de temps pour seulement 25 dollars. Pour avoir une idée de ce que j'aurais à faire pour les utiliser dans mon application j'ai téléchargé le "BONUS ICÔNES 01" pack qui est gratuit.
J'ai décidé d'essayer d'utiliser l'icône de l'horloge et de voir comment cela fonctionne dans mon application. Je agrandir l'icône à propos de 800px dans Illustrator puis les copier et les coller dans Photoshop. Je l'enregistrer en tant que .png et ensuite j'ai créé un exemple d'application de la tester.
L'image qu'il a été mis dans le xhdpi dossier, parce que je vais probablement utiliser cette icône pour quelque chose de plus grand que la barre d'action, mais pas quelque chose qui va prendre tout l'écran. L'idée dans ma tête, c'est que si vous allez créer des icônes de la barre d'action pour l'ensemble des niveaux de résolution alors vous DEVEZ savoir exactement ce que la taille (en pixels) que vous allez faire, et, par conséquent, ils ont l'air vraiment bien (par exemple, si vous téléchargez l'action des icônes de la barre de google, ils donnent à vous dans quelques tailles, pas seulement un). Mais que faire si ils vont être utilisés pour quelque chose de plus grand que cela? Comment suis-je censé savoir quelles sont les tailles pour les faire.
Vraiment montrer ma frustration de la façon dont je ne peux pas comprendre ce sujet. Voici le code de mon application, et le résultat de la façon dont il finit par regarder comme sur mon Galaxy Nexus. La plus grande icône est très bien, tandis que les petites icônes certainement n'avez pas l'air de croustillant. Comment puis-je résoudre ce problème? Quelle est la bonne façon de faire des images dans Illustrator et d'aller à Photoshop et faire en sorte qu'ils fière allure dans n'importe quelle taille ils sont utilisés?
Sincèrement,
Développeur Android qui vient de ne comprend pas les graphiques.
Comme vous pouvez le voir, l'image semble assez bon quand c'est gros, mais de l'utiliser quand il est plus petit cause de certains problèmes de l'OMI. Aucun moyen de corriger ça? Suis-je trop difficile? Même si je re de taille à être plus petits, et la mettre dans une mdpi, mon layout même ramasser ça?
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center|center_horizontal" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/anti_huge"
android:layout_weight="1" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/anti_huge"
android:layout_weight="1" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/anti_huge"
android:layout_weight="1" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/anti_huge"
android:layout_weight="1" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:gravity="center|center_horizontal" >
<ImageView
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/anti_huge" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
Question résumé:
- Mais que faire si ils vont être utilisés pour quelque chose de plus grand que
qui? ("que" = ActionBarIcons) - Comment suis-je censé savoir quelles sont les tailles
les faire? (ActionBarIcons me sont fournis à partir de Google avec
dimensions en pixels, comment ont-ils figure de ces dimensions) - Comment puis-je résoudre ce problème? (Big icône sur l'application de test a l'air bien, alors que le
petites look déchiqueté) - Quelle est la bonne façon de faire des images en
Illustrator et va de Photoshop et de s'assurer qu'ils regarder grand
dans n'importe quelle taille ils sont utilisés? - Aucun moyen de corriger ça?
- Suis-je trop
pointilleux? (S'il vous plaît dites-moi que je suis... cette épreuve est de me tuer.) - Même si je re-taille à être plus petits, et la mettre dans une mdpi, ma mise en page
même ramasser ça?
OriginalL'auteur EGHDK | 2012-12-24
Vous devez vous connecter pour publier un commentaire.
Vous n'êtes pas en train de faire 😉
Android échelles des images de la plus proche possible de match. Si seulement vous fournir un (très grand) bitmap, puis Android à l'échelle de qui à la plus petite taille demande. Vous allez perdre de l'anti-aliasing si vous le faites de cette façon, et les icônes apparaîtront comme vous le faites.
Ce que vous voulez à faire est d'exporter le format png pour l' (physique) taille vous avez besoin, quand vous l'utilisez, puis à l'écran requis densités.
La plus petite taille suggérée pour un tappable zone est 40x40dp qui se traduit par 1/4" carré. Les Chances sont, vous allez utiliser une marge de 10%, de sorte que vous vous retrouvez avec un 32x32 pixel icône dans mdpi.
Donc, maintenant vous rendre à votre image vectorielle en 32x32 pour mdpi (160dpi), 24x24 pour ldpi (120 ppp), 48x48 pour hdpi (240dpi) et 64x64 pour xhdpi (320dpi).
Si vous voulez la même icône beaucoup plus grande, rendre comme un actif distinct. Dites que vous voulez une 2x2" en filigrane de votre réveil, vous pourrez rendre dans 320x320px pour mdpi, etc.
Vous spécifiez l'image comme 200dp x 200dp dans la mise en page, et Android va tirer la bonne image sur l'écran en fonction de la résolution du périphérique.
Pour certains de la répétition de rendu, j'utilise le Android Studio Actif. Vous pouvez définir des couleurs, des icônes, des effets et une telle, et il vous permet de télécharger un ensemble d'icônes pour toutes les résolutions.
Non, vous ne voulez vraiment pas Android avoir à faire de mise à l'échelle. Rendre le Png pour les tailles que vous souhaitez afficher sur votre écran (dire mdpi), puis de créer de l'horloge de la petite et de l'horloge de grand un drawable. Vous auriez vraiment envie de spécifier le dp-dimensions pour chaque image que vous utilisez, ou de les rendre à la bonne taille. Si vous comptez sur la mise à l'échelle des images, il va tous tomber en morceaux quand la taille de l'écran change (c'est à dire de la normale contre les grands).
Ce que je demandais vraiment dans mon premier commentaire était de savoir si je pouvez afficher plusieurs niveaux de résolution sur un écran. Mais, j'ai trouvé que la réponse est non. Mais, de grâce, je trouve votre réponse très utile.
OriginalL'auteur 323go
La taille pour ActionBar icônes sont spécifiés dans le Les Icônes De La Barre D'Action section des Développeurs Android.
Vous mettez le
Mais si je vous comprends question, vous voulez savoir comment prendre l'une de ces images et de créer une version plus grande par exemple, que l'Activité d'arrière-plan:
Comment faire cela dans illustrator:
Refaire avec 75 pour cent pour les mdpi, et de 150% pour xhpdi.
Il y a un minimum les dimensions de l'écran pour chaque niveau: developer.android.com/guide/practices/screens_support.html. Si vous voulez que votre image afin de remplir les parent pour différentes largeurs d'écran et être encore croquants, vous pouvez utiliser des dossiers de ressources avec les mesures spécifiées par exemple sw720dp. Voir même lien pour plus de détails, la section "Utilisation de la nouvelle taille qualificatifs".
OriginalL'auteur Gunnar Karlsson