Créer un bouton en forme de 3D dans Android

J'ai essayé de créer un bouton similaire dans le regard à la ronde et boutons ici -

http://livetools.uiparade.com/index.html

(chaque bouton dirait qu'il est à l'intérieur d'une immergé section) je l'ai eu en plaçant le bouton
dans un cercle d'arrière-plan et en leur donnant un peu de gradient de na pas le même
si j'ai obtenu ce résultat -

Créer un bouton en forme de 3D dans Android

(Je vais envoyer mon code une fois que je peux) comment puis-je obtenir le même look?

source d'informationauteur crazyPixel

  1. 24

    Essayer ce code. Je suis en mesure de produire une image qui ressemble à ce

    Créer un bouton en forme de 3D dans Android

    qui est similaire à la première bouton pour vous lier, à l'aide du code suivant. La clé est d'utiliser <layer-list> à des formes en couches l'une sur l'autre pour produire l'effet désiré.

    Fichier: res/drawable/button.xml

    <?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Outside border/shadow -->
<item>
<shape android:shape="oval">
<size android:width="200dp" android:height="200dp" />
<gradient android:angle="90" android:startColor="#f4f4f4" android:endColor="#b9b9b9" />
</shape>
</item>
<!-- Inset -->
<item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">
<shape android:shape="oval">
<gradient android:angle="90" android:startColor="#dcdcdc" android:endColor="#c9c9c9" />
</shape>
</item>
<!-- Inside border/shadow -->
<item android:top="15dp" android:left="15dp" android:right="15dp" android:bottom="15dp">
<shape android:shape="oval">
<gradient android:angle="90" android:startColor="#8c8c8c" android:endColor="#cbcbcb" />
</shape>
</item>
<!-- Main button -->
<item android:top="16dp" android:left="16dp" android:right="16dp" android:bottom="16dp">
<shape android:shape="oval">
<solid android:color="#ffffff" />
</shape>
</item>
<!-- Button image -->
<item android:top="70dp" android:left="70dp" android:right="70dp" android:bottom="70dp">
<shape android:shape="rectangle">
<solid android:color="#3b88c2" />
<corners android:radius="20dp" />
</shape>
</item>
<item android:top="75dp" android:left="75dp" android:right="75dp" android:bottom="75dp">
<shape android:shape="rectangle">
<solid android:color="#ffffff" />
<corners android:radius="20dp" />
</shape>
</item>
<item android:top="80dp" android:left="80dp" android:right="80dp" android:bottom="80dp">
<shape android:shape="rectangle">
<solid android:color="#3b88c2" />
<corners android:radius="20dp" />
</shape>
</item>
</layer-list>

    Dans votre mise en page, ajouter un ImageView qui permettra d'afficher cette image.

    <ImageView
android:src="@drawable/button" />

    Vous pouvez faire la ImageView cliquable en lui donnant un OnClickListener dans le code Java.

  2. 4

    Aller sur ce lien et Générez des bouton 3D.

    http://angrytools.com/android/button/

    buttonshape.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="30dp"
/>
<gradient
android:gradientRadius="45"
android:centerX="35%"
android:centerY="50%"
android:startColor="##4CAB0B"
android:endColor="#004507"
android:type="radial"
/>
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp"
/>
<size
android:width="270dp"
android:height="60dp"
/>
<stroke
android:width="3dp"
android:color="#0B8717"
/>
</shape>

    Code Du Bouton

    <Button
android:id="@+id/angry_btn"
android:text="Button"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_width="270dp"
android:layout_height="60dp"
android:background="@drawable/buttonshape"
android:shadowColor="#A8A8A8"
android:shadowDx="3"
android:shadowDy="2"
android:shadowRadius="8"
/>