Android - dessinable avec des coins arrondis en haut seulement

Question

J'ai fait en sorte que ce dessinable ait un rectangle arrondi comme arrière-plan :

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white" />
    <stroke android:width="1dp" android:color="@color/light_gray" />
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:radius="6dp" />
</shape>

Cela fonctionne bien, comme prévu.

Maintenant, je veux changer cela pour arrondir seulement les coins supérieurs, donc je le change en ceci :

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white" />
    <stroke android:width="1dp" android:color="@color/light_gray" />
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:topLeftRadius="6dp" android:topRightRadius="6dp"
             android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/>
</shape>

Mais maintenant, aucun des coins n'est arrondi et j'obtiens un simple rectangle. Qu'est-ce que j'ai raté ?

Answer 1

Essayez de donner ces valeurs :

 <corners android:topLeftRadius="6dp" android:topRightRadius="6dp"
         android:bottomLeftRadius="0.1dp" android:bottomRightRadius="0.1dp"/>

Notez que j'ai changé 0dp à 0.1dp .

EDIT : Voir Aleks G commentaire ci-dessous pour une version plus propre

Answer 2

Essayez de faire quelque chose comme ça :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="-20dp" android:left="-20dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />

            <corners android:radius="20dp" />
        </shape>
    </item>
</layer-list>

Il semble qu'il ne soit pas possible de définir différents rayons d'angle du rectangle. Vous pouvez donc utiliser cette astuce.

Answer 3

Dans mon cas, le code suivant

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="10dp" android:bottom="-10dp"
        >

        <shape android:shape="rectangle">
            <solid android:color="@color/maincolor" />

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

    </item>
    </layer-list>

Answer 4

S'appuyer sur Réponse de Busylee c'est comme ça que tu peux faire un drawable qui n'a qu'un seul un coin arrondi (en haut à gauche, dans cet exemple) :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
            <!-- A numeric value is specified in "radius" for demonstrative purposes only,
                  it should be @dimen/val_name -->
            <corners android:radius="10dp" />
        </shape>
    </item>
    <!-- To keep the TOP-LEFT corner UNROUNDED set both OPPOSITE offsets (bottom+right): -->
    <item
        android:bottom="10dp"
        android:right="10dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
        </shape>
    </item>
</layer-list>

Veuillez noter que les données ci-dessus drawable es no s'affiche correctement dans la preview d'Android Studio (2.0.0p7). Pour le prévisualiser quand même, créez une autre vue et utilisez celle-ci comme android:background="@drawable/..." .

Answer 5

bg.xml

---

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <corners android:topLeftRadius="24dp" android:topRightRadius="24dp"
        android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/>
</shape>

ajouter dans votre mise en page :

android:background="@drawable/bg"