Ich denke, Sie haben die neuen Android-Designrichtlinien mit dem neuen "Floating Action Button", auch bekannt als "FAB", gesehen.
Zum Beispiel dieser rosa Knopf:
Meine Frage klingt dumm und ich habe bereits viele Dinge ausprobiert, aber wie lässt sich dieser Button am besten an der Schnittstelle zweier Layouts platzieren?
Im obigen Beispiel befindet sich diese Schaltfläche perfekt zwischen dem, was wir uns als ImageView und RelativeLayout vorstellen können.
Ich habe bereits viele Optimierungen versucht, bin aber überzeugt, dass es einen richtigen Weg gibt, dies zu tun.
Antworten:
Beste Übung:
compile 'com.android.support:design:25.0.1'
zu gradle DateiCoordinatorLayout
als Stammansicht.layout_anchor
zum FAB und legen Sie es auf die Draufsichtlayout_anchorGravity
zum FAB und setzen ihn auf:bottom|right|end
quelle
CoordinatorLayout
undlayout_anchor
undlayout_anchorGravity
Funktionen, wie das er benutzt, futuresimples .CoordinatorLayout
Ansatz mit dieser Bibliothek, Blick . Und es gibt auch eine Gabel für ältere Versionen.Der sauberste Weg in diesem Beispiel scheint zu sein:
Beispiel aus der Schamanland-Implementierung, verwenden Sie ein beliebiges FAB. Angenommen, FAB ist 64 dp hoch, einschließlich Schatten:
quelle
FAB
von futuresimple - es ist ziemlich einfach hinzuzufügen und zu verwenden, viel Spaß!Sie können das Beispielprojekt von Google in Android Studio importieren, indem Sie auf Datei> Beispiel importieren ...
Dieses Beispiel enthält eine FloatingActionButton-Ansicht, die von FrameLayout erbt.
Bearbeiten Mit der neuen Support Design Library können Sie sie wie in diesem Beispiel implementieren: https://github.com/chrisbanes/cheesesquare
quelle
Mit AppCompat 22 wird das FAB für ältere Geräte unterstützt.
Fügen Sie die neue Support-Bibliothek in Ihr build.gradle (App) ein:
Dann können Sie es in Ihrer XML verwenden:
Für die Verwendung
elevation
undpressedTranslationZ
Eigenschaften wird ein Namespaceapp
benötigt. Fügen Sie diesen Namespace Ihrem Layout hinzu:xmlns:app="http://schemas.android.com/apk/res-auto"
quelle
app
Namespace hinzufügenJetzt ist es Teil der offiziellen Design Support Library.
In deinem Gradle:
http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html
quelle
Probieren Sie diese Bibliothek aus ( Javadoc ist hier ), die minimale API-Stufe ist 7:
Es bietet einem einzelnen Widget die Möglichkeit, es über Theme, XML oder Java-Code anzupassen.
Es ist sehr einfach zu bedienen. Es sind verfügbar
normal
und werdenmini
gemäß dem Muster für gesponserte Aktionen implementiert .Versuchen Sie, die Demo-App zu kompilieren . Es gibt erschöpfende Beispiel: helle und dunkle Themen, mit
ListView
, align zwischen zwei Ansichten .quelle
Hier ist eine zusätzliche kostenlose Floating Action Button-Bibliothek für Android . Es hat viele Anpassungen und erfordert SDK Version 9 und höher
Vollständiges Demo-Video
quelle
Halten Sie es einfach Fügen Sie mithilfe von TextView eine schwebende Aktionsschaltfläche hinzu, indem Sie einen abgerundeten XML-Hintergrund angeben. - Fügen Sie
com.android.support:design:23.1.1
der Gradle-Datei eine Kompilierung hinzuKreis Xml ist
Layout XML ist
Klicken Sie hier, um zu sehen, wie es aussehen wird
quelle
Fügen Sie dies Ihrer Gradle-Datei hinzu
Dies zu Ihrer activity_main.xml
Das vollständige Beispiel mit dem Android Studio-Projekt können Sie unter http://www.ahotbrew.com/android-floating-action-button/ herunterladen.
quelle
Hier ist Arbeitscode.
Ich benutze AppBarLayout, um meinen FloatingActionButton zu verankern. hoffe das könnte hilfreich sein.
XML-CODE.
Nun, wenn Sie den obigen Code einfügen. Sie sehen folgendes Ergebnis auf Ihrem Gerät.
quelle