Ich habe versucht, hier einen Knopf ähnlich in Blick auf die runden Tasten über zu schaffen - (sieht jede Taste wie es in einem Tauchschnitt)
http://livetools.uiparade.com/index.html
ich es hatte, indem die Taste
in einem Kreis Hintergrund und sie beide ein wenig Gefälle zu geben, die die gleiche
am Ende knapp über, obwohl ich dieses Ergebnis bekam -
(ich werde meinen Code hochzuladen, sobald ich kann), wie kann ich das gleiche erreichen aussehen?Erstellen Sie eine 3D-geformte Schaltfläche in android
Antwort
Versuchen Sie diesen Code. Ich bin in der Lage, ein Bild zu erzeugen, wie dieses
sieht, die auf den ersten Knopf ähnlich ist, dass Sie eine Verknüpfung zu dem folgenden Code verwenden. Der Schlüssel ist, <layer-list>
zu verwenden, um Formen übereinander zu schichten, um den gewünschten Effekt zu erzeugen.
Datei: res/ziehbar/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 Haupt-Layout, fügen Sie ein ImageView
, die dieses Bild angezeigt wird.
<ImageView
android:src="@drawable/button" />
können Sie die ImageView
klickbare machen, indem sie eine OnClickListener
im Java-Code zu geben.
Sie haben gerade 50 Punkte bekommen, Sir. =) – crazyPixel
Gut Beispiel Bruder. Aber ich habe eine Frage. wie man Inhalt mit dieser Form füllt? weil der Text innerhalb der Schaltfläche die Grenze berührt. –
@ShabbirDhangot Ich bin nicht sicher, wo Sie Text hinzufügen - So weit ich weiß kann ein 'ImageView' keinen Text enthalten. Wenn Sie 'ImageView' in' Button' ändern und 'android: background =" @ drawable/button "' setzen, wird jeder Text, den Sie in 'android: text' gesetzt haben, zentriert. Sie können auch versuchen, das 'android: padding' Attribut des' ImageView'/'Button' zu setzen – savanto
Gehen Sie zu diesem Link und generieren Sie 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>
Button-Code
<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"
/>
- 1. Android: Wie eine benutzerdefinierte Schaltfläche Widget erstellen
- 2. So erstellen Sie eine Android-Material-Ghost-Schaltfläche?
- 3. So erstellen Sie Schaltfläche in der Aktionsleiste in Android
- 4. Erstellen Sie eine benutzerdefinierte Schaltfläche mit SWT
- 5. Erstellen Sie eine dynamische Pinterest-Schaltfläche?
- 6. So erstellen Sie eine Pluszeichenleiste Schaltfläche Element
- 7. So erstellen Sie zurück Schaltfläche in meiner Android-Anwendung
- 8. Wie kann ich dynamisch eine Schaltfläche in Android erstellen?
- 9. So erstellen Sie eine unverankerte Schaltfläche in einem WPF
- 10. So erstellen Sie eine richtige Exit-Schaltfläche in Qt
- 11. So erstellen Sie eine Schaltfläche "Zurück" in Material Design
- 12. So erstellen Sie eine Image-Schaltfläche in MVC 4
- 13. Erstellen Sie eine Schaltfläche mit einem Symbol in ActionScript
- 14. So erstellen Sie eine benutzerdefinierte Freigabe Schaltfläche in Facebook SDK
- 15. Wie eine Schaltfläche in Bootstrap Abbrechen erstellen
- 16. Erstellen Sie eine Schaltfläche erstellen Sie eine neue Registerkarte mit unterschiedlichen Namen jedes Mal
- 17. Android klicken Sie auf eine Schaltfläche mit der Absicht
- 18. Bild auf eine Schaltfläche in Android?
- 19. Deaktivieren Sie eine Schaltfläche
- 20. Erstellen Sie eine Schaltfläche mit nur Code AS3
- 21. Erstellen Sie eine dynamische Schaltfläche mit Text von JSON
- 22. Xamarin.iOS: Erstellen Sie eine benutzerdefinierte Schaltfläche mit einem zusätzlichen Objekt
- 23. C# - Erstellen einer Schaltfläche, wenn eine andere Schaltfläche geklickt wird
- 24. Silverlight: Erstellen Sie eine Hyperlink-Schaltfläche wie einen Textblock?
- 25. So erstellen Sie eine feste Fußzeile im Android-Layout?
- 26. Android - Erstellen Sie eine Telefonsperre Anwendung
- 27. Erstellen Sie eine Android Emoji App
- 28. Android - Erstellen Sie Button programmatisch
- 29. Erstellen Sie eine Schaltfläche und fügen Sie sie einer Ansicht programmgesteuert hinzu
- 30. Erstellen Sie die Schaltfläche programmgesteuert monotouch
Eine freundliche Erinnerung ([weil sie noch nicht dazu gekommen, um die automatische Schließung Benachrichtigungen Umsetzung] (http://meta.stackexchange.com/q/93842/308440)): diese Frage wurde vor (Monaten) geschlossen. Kannst du es verbessern, um es gültig zu machen? –