Comment créer un ListView avec des coins arrondis dans Android ?

Question

Comment créer un ListView avec des coins arrondis dans Android ?

Answer 1

Voici une façon de le faire (Merci à la documentation Android cependant !):

Ajoutez ce qui suit dans un fichier (disons customshape.xml) et placez-le ensuite dans (res/drawable/customshape.xml)

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 
     <gradient 
         android:startColor="#SomeGradientBeginColor"
         android:endColor="#SomeGradientEndColor" 
         android:angle="270"/> 

    <corners 
         android:bottomRightRadius="7dp" 
         android:bottomLeftRadius="7dp" 
         android:topLeftRadius="7dp" 
         android:topRightRadius="7dp"/> 
</shape> 

Une fois que vous avez terminé de créer ce fichier, il suffit de définir l'arrière-plan de l'une des manières suivantes :

Par le code : listView.setBackgroundResource(R.drawable.customshape);

Par le biais de XML Pour cela, il suffit d'ajouter l'attribut suivant au conteneur (ex : LinearLayout ou à tout autre champ) :

android:background="@drawable/customshape"

J'espère que quelqu'un trouvera cela utile...

Answer 2

Bien que cela ait fonctionné, cela a également supprimé toute la couleur de fond. Je cherchais un moyen de ne faire que la bordure et de remplacer le code de mise en page XML par celui-ci, et c'était bon !

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="4dp" android:color="#FF00FF00" />
    <padding android:left="7dp" android:top="7dp"
            android:right="7dp" android:bottom="7dp" />
    <corners android:radius="4dp" />
</shape>

Answer 3

@kris-van-bael

Pour ceux qui ont des problèmes avec la mise en évidence de la sélection pour les rangées supérieure et inférieure où le rectangle de fond apparaît lors de la sélection, vous devez définir le sélecteur de votre listview sur une couleur transparente.

listView.setSelector(R.color.transparent);

Dans color.xml, il suffit d'ajouter les éléments suivants -

<color name="transparent">#00000000</color>

Answer 4

Mise à jour

La solution de nos jours consiste à utiliser un CardView avec prise en charge intégrée des coins arrondis.

---

Réponse originale*

Une autre méthode que j'ai trouvée consiste à masquer votre mise en page en dessinant une image au-dessus de la mise en page. Cela pourrait vous aider. Consultez le site Android XML coins arrondis coupés

Answer 5

En fait, je pense que la meilleure solution est décrite sur ce lien :

http://blog.synyx.de/2011/11/Android-listview-with-rounded-corners/

en bref, il utilise un fond différent pour les éléments du haut, du milieu et du bas, de sorte que les éléments du haut et du bas soient arrondis.