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

  • Wie baue ich einen Release-Test apk für Android mit Gradle?
  • Projekt hat keine project.properties Datei
  • Fehler beim Installieren von * .apk auf Gerät Timeout Starten abgebrochen
  • Android Studio, ProGuard nicht in der Lage, Hash von Classes.jar zu berechnen
  • Wie man Knopf Schatten in Android Material Design-Stil zu schaffen
  • Fehler: "Kann keine statische Referenz auf die nicht-statische Methode findViewById (int) aus dem Typ Activity"
  • (Ich werde meinen Code hochladen, sobald ich kann) Wie kann ich das gleiche aussehen?

  • Wie vermeide ich mehrere Toastüberlappungen
  • SMS_RECEIVED funktioniert nicht auf Eiscreme Sandwich?
  • Android - Anwendung ohne LAUNCHER Aktivität funktioniert nicht
  • Wie kann ich mich problemlos an ein bestimmtes Wi-Fi-Netzwerk anschließen?
  • Laden Sie große Datei in Android ohne Outofmemory Fehler
  • SwipeRefreshLayout kann nur ein direktes Kind hosten
  • 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.