Erstellen Sie eine 3d geformte Taste in Android

Ich habe versucht, einen Knopf ähnlich zu schauen, um die runden Knöpfe hier zu sehen –
Http://livetools.uiparade.com/index.html
(Jeder Button sieht aus wie in einem eingetauchten Abschnitt) Ich hatte es, indem du den Button platzierst
In einem Kreis Hintergrund und geben ihnen beide ein wenig Steigung, die nicht am Ende das gleiche
Obwohl ich dieses Ergebnis erhielt –

Bildbeschreibung hier eingeben

(Ich werde meinen Code hochladen, sobald ich kann) Wie kann ich das gleiche aussehen?

  • Speicherleck durch IClipboardDataPasteEventImpl
  • Wie benutzt man Asynctask, um eine Fortschrittsleiste anzuzeigen, die heruntergezählt wird?
  • Was sind Optionen für die Android-UI-Optimierung?
  • SetShadowLayer verursacht langsame Zugzeit in GridView?
  • Layout wie Karten in Android
  • Warum mit AsyncTaskLoader mit LoaderManager anstelle von einfachem Handler?
  • Wie kann ich die Farben in meinem StateListDrawable ändern?
  • Festlegen von Webview-Hintergrundbild zu einer Ressource-Grafik in Android
  • 2 Solutions collect form web for “Erstellen Sie eine 3d geformte Taste in Android”

    Versuchen Sie diesen Code. Ich bin in der Lage, ein Bild zu produzieren, das so aussieht

    Android xml-Taste

    Das ist ähnlich wie die erste Taste, die Sie verknüpfen, mit dem folgenden Code. Der Schlüssel ist, <layer-list> zu verwenden, um Ebenen übereinander zu schichten, um den gewünschten Effekt zu erzeugen.

    Datei: 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> 

    In Ihrem ImageView fügen Sie ein ImageView , das dieses Bild anzeigen wird.

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

    Sie können die ImageView indem Sie ihm einen OnClickListener im Java-Code geben.

    Gehen Sie zu diesem Link und generieren benutzerdefinierte 3D-Schaltfläche.

    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> 

    Tastencode

     <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" /> 
    Das Android ist ein Google Android Fan-Website, Alles ├╝ber Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.