Chcę utworzyć niestandardowy przycisk i potrzebuję go w kółko. Jak mogę utworzyć przycisk koła? Nie sądzę, aby było to możliwe dzięki draw9patch.
Nie wiem też, jak zrobić niestandardowy przycisk!
Czy masz jakieś sugestie?
Chcę utworzyć niestandardowy przycisk i potrzebuję go w kółko. Jak mogę utworzyć przycisk koła? Nie sądzę, aby było to możliwe dzięki draw9patch.
Nie wiem też, jak zrobić niestandardowy przycisk!
Czy masz jakieś sugestie?
Odpowiedzi:
Użyj xml do rysowania w następujący sposób:
Zapisz następującą zawartość jak
round_button.xml
wdrawable
folderzeAndroid Materiał Efekt: Chociaż
FloatingActionButton
jest lepszym rozwiązaniem, jeśli chcesz to zrobić przy użyciu wybieraka xml utwórz folderdrawable-v21
wres
zaoszczędzisz innyround_button.xml
tam z następującym xmlI ustaw go jako tło
Button
w xml w następujący sposób:Ważny:
źródło
Markushi napisał widget z kółkiem z niesamowitymi efektami. Kliknij tutaj !
źródło
AngryTool na niestandardowy przycisk Androida
Możesz stworzyć dowolny niestandardowy przycisk Androida za pomocą tej strony narzędzi ... Zrobię okrąg i kwadratowy przycisk z okrągłym rogiem za pomocą tego narzędzia .. Odwiedź to może być, pomogę
źródło
Dzięki oficjalnej bibliotece komponentów materiałowych możesz użyć
MaterialButton
zastosowaniaWidget.MaterialComponents.Button.Icon
stylu.Coś jak:
Obecnie
app:iconPadding="0dp"
,android:insetLeft
,android:insetTop
,android:insetRight
,android:insetBottom
potrzebne są atrybuty centrum ikonę na przycisk unikając dodatkową przestrzeń wyściółki.Użyj
app:shapeAppearanceOverlay
atrybutu, aby uzyskać zaokrąglone rogi. W takim przypadku będziesz mieć koło.Wynik końcowy:
źródło
app:iconPadding="0dp"
upewnienia się, że ikona jest wyśrodkowana. Spędziłem dużo czasu próbując centrum, dopóki tego nie znalazłem. Wygląda na przeoczenie, że aplikacja: iconGravity brakuje wartości „środkowej”.jeśli chcesz użyć VectorDrawable i ConstraintLayout
koło w tle: koło_przycisk.xml
źródło
Dla przycisku wyglądającego FAB ten styl na
MaterialButton
:Wynik:
Jeśli zmienisz rozmiar, pamiętaj, aby użyć połowy rozmiaru przycisku jako
app:cornerRadius
.źródło