Android Bouton du fond comme de la forme de l'Ombre

J'ai fait un bouton d'arrière-plan à partir de formes et est à la recherche assez bon pour mon but. La seule chose nécessaire est de déposer un peu d'ombre.
Voici le code:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <shape>
            <solid android:color="#343434" />

            <stroke android:width="1dp" android:color="#171717" />

            <corners android:radius="3dp" />

            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient android:angle="270" android:endColor="#E2E2E2" android:startColor="#BABABA" />

            <stroke android:width="1dp" android:color="#BABABA" />

            <corners android:radius="4dp" />

            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
   </item>

</selector>

Voici ce que je veux atteindre

Comment dois-je laisser l'ombre ? Ma conjecture est que j'ai besoin de faire une autre forme mais avec le noir/gris arrière-plan et définir une sorte de topa nd padding à gauche de la marge pour le faire paraître comme une ombre. Mais je ne sais pas comment le faire... et de la documentation n'a pas aidé à me trop.

Plus tard Edit: je tiens à ajouter de l'ombre dans le fichier xml et non pas par le code.
Merci.

C'est la façon dont je le fais [stackoverflow.com/a/11579459/672773][1] [1]: stackoverflow.com/a/11579459/672773 j'Espère que cela peut vous aider

OriginalL'auteur Alin | 2012-04-02

Si vous voulez empiler des formes plus l'un sur l'autre, alors vous pouvez utiliser un calque-list. Soufflet est le code pour le normal dans votre sélecteur(avec une bande de couleur grise):

<item>
    <layer-list>
        <item android:right="5dp" android:top="5dp">
            <shape>
                <corners android:radius="3dp" />
                <solid android:color="#D6D6D6" />
            </shape>
        </item>
        <item android:bottom="2dp" android:left="2dp">
            <shape>
                <gradient android:angle="270" android:endColor="#E2E2E2" android:startColor="#BABABA" />
                <stroke android:width="1dp" android:color="#BABABA" />
                <corners android:radius="4dp" />
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape>
        </item>
    </layer-list>
</item>

Le problème est que vous ne serez pas en mesure de parvenir à une véritable ombre regarder sur votre Button avec ce type de drawable. Vous pouvez utiliser le code à partir de l'autre réponse ou un patch neuf image qui a déjà de l'ombre sur elle.

OriginalL'auteur Luksprog

...

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape>
            <solid android:color="#000000" />

            <corners android:radius="7dp" />
        </shape>
    </item>
    <item
        android:bottom="5px"
        android:left="5px">
        <shape>
            <solid android:color="#FF0000" />

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

OriginalL'auteur Ripal Barot

4
```
Paint mShadow = new Paint(); 
//radius=10, y-offset=2, color=black 
mShadow.setShadowLayer(10.0f, 0.0f, 2.0f, 0xFF000000); 
//in onDraw(Canvas) 
canvas.drawBitmap(bitmap, 0.0f, 0.0f, mShadow);
```
Ce code est à partir de Android Romain Guy disponible ici : http://www.devoxx.com/download/attachments/1705921/D8_C_10_09_04.pdf

Merci pour votre réponse, je l'ai noté. Dans ce cas, j'ai oublié de mentionner que je veux ajouter de l'ombre direct dans le fichier xml.
le lien est 404. trop mauvais

OriginalL'auteur Akhil

Vous pouvez essayer ceci:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- Bottom Shadow Darker Line--> 
<item>
    <shape android:shape="rectangle" >
        <solid android:color="@color/blue_darker" />
        <corners android:radius="9dip" />
    </shape>
</item>    


<!-- Main Content Gradient -->
<item android:bottom="1dip">
    <shape android:shape="rectangle" android:dither="false" >
        <gradient
            android:startColor="@color/blue_dark"
            android:centerColor="@color/blue_medium"
            android:endColor="@color/blue_light"
            android:type="linear"
            android:angle="90"/>
        <corners android:radius="9dip" />
    </shape>
</item>

<!-- Upper Shadow Dark Line -->
<item android:bottom="1dip" android:left="1dip" android:right="1dip">
     <shape android:shape="rectangle" >
        <gradient
            android:centerX="0.98"
            android:centerY="0"
            android:startColor="@android:color/transparent"
            android:centerColor="@android:color/transparent"
            android:endColor="@color/blue_medium"
            android:type="linear"
            android:angle="90"/>            
        <corners android:radius="9dip" />
    </shape>
</item>

OriginalL'auteur Alejandro PC

vous pouvez essayer le code suivant aussi pour obtenir une surface lisse de la frontière de l'ombre pour la vue:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>
    <shape>
        <solid android:color="#88000000" />

        <corners android:radius="15dp" />
    </shape>
</item>
<item
    android:bottom="5px"
    android:right="5px">
    <shape>
        <solid android:color="#55B0CF" />

        <stroke
            android:width="2dp"
            android:color="#ffffff" />

        <corners android:radius="7dp" />
    </shape>
</item>

OriginalL'auteur Deva

Dans ce cas, j'utilise la lib https://github.com/dmytrodanylyk/shadow-layout

Tout d'abord, vous devez tourner dans gradle

dependencies {
    compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.3'
}

puis mettre votre Bouton dans ShadowLayout

<com.dd.ShadowLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sl_shadowRadius="3dp"
        app:sl_shadowColor="@color/your_color">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </com.dd.ShadowLayout>

C'est worsk grand pour moi)

OriginalL'auteur Dmitriy Melekhov

Vous devez vous connecter pour publier un commentaire.