Sah, dass die neue Richtlinie herauskam und in der google photos
neuesten App verwendet wurde. Sie haben keine Ahnung, wie Sie die neue untere Navigationsleiste verwenden sollen. Sehen Sie sich die neue Support-Bibliothek an und finden Sie keinen Hinweis.
Kann keine offizielle Probe finden.
Wie benutze ich die neue untere Leiste? Ich möchte keine Anpassungen vornehmen.
android
bottomnavigationview
zjywill
quelle
quelle
Antworten:
Ich denke, Sie könnten danach suchen.
Hier ist ein kurzer Ausschnitt, um loszulegen:
Hier ist ein Referenzlink.
https://github.com/roughike/BottomBar
EDIT New Releases.
Die untere Navigationsansicht ist seit einiger Zeit in den Richtlinien für das Materialdesign enthalten, aber es war für uns nicht einfach, sie in unsere Apps zu implementieren. Einige Anwendungen haben ihre eigenen Lösungen entwickelt, während andere sich auf Open-Source-Bibliotheken von Drittanbietern verlassen haben, um die Aufgabe zu erledigen. Jetzt wird in der Design-Support-Bibliothek diese untere Navigationsleiste hinzugefügt. Lassen Sie uns einen Blick darauf werfen, wie wir sie verwenden können!
Zunächst müssen wir unsere Abhängigkeit aktualisieren!
Bearbeiten: Mit Androidx müssen Sie nur die folgenden Abhängigkeiten hinzufügen.
Layout
Wenn Sie mehr über die Methoden und die Funktionsweise erfahren möchten, lesen Sie diese.
Sicher wird es Ihnen helfen.
quelle
Sie sollten BottomNavigationView aus der Android Support Library v25 verwenden. Es stellt eine standardmäßige untere Navigationsleiste für die Anwendung dar.
Hier ist ein Beitrag auf Medium, der eine Schritt-für-Schritt-Anleitung enthält: https://medium.com/@hitherejoe/exploring-the-android-design-support-library-bottom-navigation-drawer-548de699e8e0#.9vmiekxze
quelle
Meine ursprüngliche Antwort befasste sich mit dem
BottomNavigationView
, aber jetzt gibt es eineBottomAppBar
. Ich habe oben einen Abschnitt mit einem Implementierungslink hinzugefügt.Untere App-Leiste
Das
BottomAppBar
unterstützt einen Floating Action Button.Bild von hier . In der Dokumentation und in diesem Tutorial finden Sie Hilfe beim Einrichten von
BottomAppBar
.Unten Navigationsansicht
Das folgende vollständige Beispiel zeigt, wie Sie eine untere Navigationsansicht ähnlich dem Bild in der Frage erstellen. Siehe auch Bottom Navigation in der Dokumentation.
Fügen Sie die Designunterstützungsbibliothek hinzu
Fügen Sie diese Zeile der build.grade- Datei Ihrer App neben den anderen Dingen der Support-Bibliothek hinzu.
Ersetzen Sie die Versionsnummer durch die aktuelle.
Erstellen Sie das Aktivitätslayout
Das einzige Besondere, das wir dem Layout hinzugefügt haben, ist das
BottomNavigationView
. Um die Farbe des Symbols und des Texts beim Klicken zu ändern, können Sie a verwenden,selector
anstatt die Farbe direkt anzugeben. Dies ist hier der Einfachheit halber weggelassen.activity_main.xml
Beachten Sie, dass wir es früher ganz
layout_alignParentBottom
unten platziert haben.Definieren Sie die Menüpunkte
Die XML oben für die untere Navigationsansicht, auf die verwiesen wird
bottom_nav_menu
. Dies ist es, was aus unserer Sicht jeden Artikel definiert. Wir werden es jetzt schaffen. Sie müssen lediglich eine Menüressource hinzufügen, wie Sie es für eine Aktionsleiste oder Symbolleiste tun würden.bottom_nav_menu.xml
Sie müssen Ihrem Projekt die entsprechenden Symbole hinzufügen. Dies ist nicht sehr schwierig, wenn Sie zu Datei> Neu> Bildelement gehen und als Symboltyp Aktionsleiste und Registerkartensymbole auswählen .
Fügen Sie einen ausgewählten Listener hinzu
Hier passiert nichts Besonderes. Wir fügen der unteren Navigationsleiste in der
onCreate
Methode unserer Aktivität nur einen Listener hinzu .Benötigen Sie weitere Hilfe?
Wie das geht, habe ich im folgenden YouTube-Video gelernt. Die Computerstimme ist etwas seltsam, aber die Demonstration ist sehr klar.
quelle
Sie können dazu auch das Registerkartenlayout mit benutzerdefinierter Registerkartenansicht verwenden.
custom_tab.xml
activity_main.xml
MainActivity.java
Laden Sie das vollständige Beispielprojekt herunter
quelle
Google hat BottomNavigationView nach der Version 25.0.0 der Design Support Library gestartet. Es gab jedoch folgende Einschränkungen:
Das Maximum, das Sie mit dieser ersten Version von BottomNavigationView tun können, ist: (ohne Reflexion oder Implementierung der Bibliothek selbst).
Also, wenn Sie eines davon wollen. Sie können eine Drittteilbibliothek wie Roughike / BottomBar verwenden oder die Bibliothek selbst implementieren.
quelle
app:itemBackground="xxx"
alle Elemente diese Farbe gemeinsam und Sie können den Hintergrund nicht sehen (es sei denn, Sie fügen Transparenz hinzu, aber dennoch haben alle Symbole dieselbe Farbe). . Sehr lahm, dass das Android-Team eine so beschissene Komponente veröffentlicht hat… immer zu 75% fertig, ohne die Extrameile, die es großartig machen würde.Wie von Sanf0rd erwähnt, hat Google BottomNavigationView als Teil der Design Support Library Version 25.0.0 gestartet . Die von ihm erwähnten Einschränkungen sind größtenteils zutreffend, außer dass Sie die Hintergrundfarbe der Ansicht und sogar die Textfarbe und die Symboltönungsfarbe ändern können. Es hat auch eine Animation, wenn Sie mehr als 4 Elemente hinzufügen (leider kann es nicht manuell aktiviert oder deaktiviert werden).
Ich habe ein ausführliches Tutorial darüber mit Beispielen und einem zugehörigen Repository geschrieben, das Sie hier lesen können: https://blog.autsoft.hu/now-you-can-use-the-bottom-navigation-view-in-the- Design-Support-Bibliothek /
Das Wesentliche davon
Sie müssen diese in Ihrer App-Ebene hinzufügen
build.gradle
:Sie können es wie folgt in Ihr Layout aufnehmen:
Sie können die Elemente über eine Menüressource wie folgt angeben:
Sie können den Farbton und die Textfarbe als Farbliste festlegen, sodass das aktuell ausgewählte Element hervorgehoben wird:
Schließlich können Sie die Auswahl der Elemente mit einem OnNavigationItemSelectedListener durchführen:
quelle
Andere alternative Bibliotheken, die Sie ausprobieren können: - https://github.com/Ashok-Varma/BottomNavigation
quelle
Ich denke, das ist auch nützlich.
Snippet
Links
https://github.com/pocheshire/BottomNavigationBar
Es ist https://github.com/roughike/BottomBar, portiert auf C # für Xamarin-Entwickler
quelle
Ich habe eine private Klasse erstellt, die eine Rasteransicht und eine Menüressource verwendet:
your_menu.xml:
und ein benutzerdefiniertes Layoutelement your_item_layout.xml
Verwendung innerhalb Ihrer Hauptaktivität:
und
und in layout_activity.xml
quelle
In Version 25 der Design Support Library gibt es eine neue offizielle BottomNavigationView
https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html in gradle hinzufügen
compile 'com.android.support:design:25.0.0'
XML
quelle
Diese Bibliothek, BottomNavigationViewEx , erweitert Googles BottomNavigationView. Sie können die Google-Bibliothek ganz einfach so anpassen, dass die untere Navigationsleiste so angezeigt wird, wie Sie es möchten. Sie können den Schaltmodus deaktivieren, die Sichtbarkeit der Symbole und Texte ändern und vieles mehr. Probieren Sie es auf jeden Fall aus.
quelle
Ich habe auf diesen Github-Beitrag verwiesen und die
three layouts
for-three fragment
Seiten in der unteren Registerkartenleiste festgelegt.FourButtonsActivity.java:
So stellen Sie die Anzahl der Ausweise ein:
LibraryFragment.java:
quelle
Sie können die Layouts gemäß den oben genannten Antworten erstellen. Wenn jemand dies in Kotlin verwenden möchte: -
Dann können Sie in oncreate den obigen Listener auf Ihre Ansicht einstellen
quelle
navigation.xml (im Menü)
Inside
onCreate()
Methode,Und Klasse wie unten erstellen.
quelle