Ich möchte eine benutzerdefinierte Schaltfläche erstellen und diese muss ein Kreis sein. Wie kann ich eine Kreisschaltfläche erstellen? Ich denke nicht, dass das mit draw9patch möglich ist.
Auch ich weiß nicht, wie man einen benutzerdefinierten Button macht!
Hast du irgendwelche Vorschläge?
android
android-button
An einer
quelle
quelle
Antworten:
Verwenden Sie XML wie folgt:
Speichern Sie den folgenden Inhalt wie
round_button.xml
imdrawable
OrdnerAndroid Material Effect: Obwohl dies
FloatingActionButton
eine bessere Option ist. Wenn Sie dies mit der XML-Auswahl tun möchten, erstellen Sie einen Ordnerdrawable-v21
inres
und speichern Sieround_button.xml
dort einen weiteren mit der folgenden XMLUnd setzen Sie es als Hintergrund
Button
in XML wie folgt:Wichtig:
quelle
Markushi hat ein Kreis-Button-Widget mit erstaunlichen Effekten geschrieben. Klicken Sie hier !
quelle
AngryTool für benutzerdefinierte Android-Schaltfläche
Sie können jede Art von benutzerdefinierten Android-Button mit dieser Tool-Site machen ... Ich mache Kreis und Quadrat-Button mit runder Ecke mit dieser Toolsite .. Besuchen Sie es kann sein, ich werde Ihnen helfen
quelle
Mit der offiziellen Materialkomponentenbibliothek können Sie
MaterialButton
einenWidget.MaterialComponents.Button.Icon
Stil anwenden .Etwas wie:
Derzeit ist die
app:iconPadding="0dp"
,android:insetLeft
,android:insetTop
,android:insetRight
,android:insetBottom
sind Attribute benötigt , um das Symbol auf der Schaltfläche Pfund extra Raum vermieden zu zentrieren.Verwenden Sie das
app:shapeAppearanceOverlay
Attribut, um abgerundete Ecken zu erhalten. In diesem Fall haben Sie einen Kreis.Das Endergebnis:
quelle
app:iconPadding="0dp"
, sicherzustellen, dass das Symbol zentriert ist. Ich habe eine Menge Zeit damit verbracht, das Zentrum zu versuchen, bis ich das gefunden habe. Es scheint ein Versehen, dass App: iconGravity einen "zentralen" Wert fehlt.Wenn Sie VectorDrawable und ConstraintLayout verwenden möchten
Kreishintergrund: circle_button.xml
quelle
Für eine FAB aussehende Schaltfläche dieser Stil auf einem
MaterialButton
:Ergebnis:
Wenn Sie die Größe ändern, achten Sie darauf, die Hälfte der Tastengröße als zu verwenden
app:cornerRadius
.quelle