Android Drawable 2019

Travailler avec les Drawable

Les Drawable sont des images ou des formes qui te serviront à améliorer ton application. Laisse moi te montrer comment les utiliser.

Comment utiliser les Vector Asset?

Les Vector Asset sont de petites icônes parfaites pour les afficher dans un menu ou un bouton. Elles sont disponible dans Android Studio.

Pour en ajouter à ton projet :

FILE > NEW > Vector Asset

Double clique sur l’icône du petit Bugdroid. (encadré en bleu sur l’image)

Il ne vous reste plus qu’à choisir une îcone. J’ai choisie pour l’exemple fitness center
Ensuite clique sur ok

Next

Finish

Tu peux maintenant voir sur la droite dans le menu qu’un nouveau fichier c’est rajouté dans le dossier Drawable

Voici le code que contient le fichier. Comme tu peux le voir j’ai modifier les propriétés width, height, fillColor


<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="50dp"
        android:height="50dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">
    <path
        android:fillColor="#FF00ff00"
        android:pathData="M20.57,14.86L22,13.43 20.57,12 17,15.57 8.43,7 12,3.43 10.57,2 9.14,3.43 7.71,2 5.57,4.14 4.14,2.71 2.71,4.14l1.43,1.43L2,7.71l1.43,1.43L2,10.57 3.43,12 7,8.43 15.57,17 12,20.57 13.43,22l1.43,-1.43L16.29,22l2.14,-2.14 1.43,1.43 1.43,-1.43 -1.43,-1.43L22,16.29z"/>
</vector>

<vector xmlns:android="http://schemas.android.com/apk/res/android"

android:width="50dp"

android:height="50dp"

android:viewportWidth="24.0"

android:viewportHeight="24.0">

<path

android:fillColor="#FF00ff00"

android:pathData="M20.57,14.86L22,13.43 20.57,12 17,15.57 8.43,7 12,3.43 10.57,2 9.14,3.43 7.71,2 5.57,4.14 4.14,2.71 2.71,4.14l1.43,1.43L2,7.71l1.43,1.43L2,10.57 3.43,12 7,8.43 15.57,17 12,20.57 13.43,22l1.43,-1.43L16.29,22l2.14,-2.14 1.43,1.43 1.43,-1.43 -1.43,-1.43L22,16.29z"/>

</vector>

Et maintenant affichons le dans un bouton

XML


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:id="@+id/simpleButtonBottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Vetor Asset"
        android:drawableBottom="@drawable/ic_fitness_center_black_24dp" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<Button

android:id="@+id/simpleButtonBottom"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Vetor Asset"

android:drawableBottom="@drawable/ic_fitness_center_black_24dp" />

</LinearLayout>

Comment ajouter une image?

Pour ajouter une image au projet c’est
Bouton droit de la souris le dossier drawable > Show in Explorer

Double clique sur le dossier drawable dans la fenêtre qui vient de souvrir. Maintenat copie tes images dans ce dossiers.

Avenir : Voir aussi : Comment utiliser les ImageView

Travailler avec les Drawable

Comment utiliser les Vector Asset?

Comment ajouter une image?

Laisser un commentaire Annuler la réponse.