Melihat pedoman baru keluar, dan digunakan di google photos
aplikasi terbaru. Tidak tahu cara menggunakan Bilah Navigasi Bawah baru. Lihat melalui lib dukungan baru, tidak menemukan petunjuk apa pun.
Tidak dapat menemukan sampel resmi.
Bagaimana cara menggunakan bilah Bawah baru? Tidak ingin melakukan penyesuaian.
android
bottomnavigationview
zjywill
sumber
sumber
Jawaban:
Saya pikir Anda mungkin mencari ini.
Berikut cuplikan singkat untuk memulai:
Berikut ini tautan referensi.
https://github.com/roughike/BottomBar
EDIT Rilis Baru.
Tampilan Navigasi Bawah telah ada dalam pedoman desain material untuk beberapa waktu, tetapi tidak mudah bagi kami untuk mengimplementasikannya ke dalam aplikasi kami. Beberapa aplikasi telah membangun solusi mereka sendiri, sementara yang lain mengandalkan perpustakaan sumber terbuka pihak ketiga untuk menyelesaikan pekerjaan. Sekarang pustaka dukungan desain melihat penambahan bilah navigasi bawah ini, mari selami bagaimana kita dapat menggunakannya!
Untuk memulainya kita perlu memperbarui ketergantungan kita!
Sunting: Menggunakan Androidx Anda hanya perlu menambahkan dependensi di bawah ini.
Tata letak
Jika Anda ingin membaca lebih lanjut tentang metode itu dan cara kerjanya, baca ini.
Tentunya itu akan membantu Anda.
sumber
Anda harus menggunakan BottomNavigationView dari v25 Android Support Library. Ini mewakili bilah navigasi bawah standar untuk aplikasi.
Berikut adalah posting di Medium yang memiliki panduan langkah demi langkah: https://medium.com/@hitherejoe/exploring-the-android-design-support-library-bottom-navigation-drawer-548de699e8e0e.9#.9vmiekxze
sumber
Jawaban asli saya berkaitan dengan
BottomNavigationView
, tetapi sekarang adaBottomAppBar
. Saya menambahkan bagian di atas untuk itu dengan tautan implementasi.Bilah Aplikasi Bawah
The
BottomAppBar
mendukung Tombol Terapung Aksi.Gambar dari sini . Lihat dokumentasi dan tutorial ini untuk bantuan mengatur
BottomAppBar
.Tampilan Navigasi Bawah
Contoh lengkap berikut menunjukkan cara membuat Tampilan Navigasi Bawah mirip dengan gambar dalam pertanyaan. Lihat juga Navigasi Bawah dalam dokumentasi.
Tambahkan perpustakaan dukungan desain
Tambahkan baris ini ke file build.grade aplikasi Anda di sebelah hal pustaka dukungan lainnya.
Ganti nomor versi dengan apa pun yang saat ini.
Buat tata letak Aktivitas
Satu-satunya hal khusus yang kami tambahkan ke tata letak adalah
BottomNavigationView
. Untuk mengubah warna ikon dan teks saat diklik, Anda dapat menggunakanselector
alih - alih menentukan warna secara langsung. Ini dihilangkan karena kesederhanaan di sini.activity_main.xml
Perhatikan bahwa kami dulu
layout_alignParentBottom
benar-benar meletakkannya di bagian bawah.Tentukan item menu
Xml di atas untuk Lihat Navigasi Bawah disebut
bottom_nav_menu
. Inilah yang mendefinisikan setiap item dalam pandangan kami. Kami akan membuatnya sekarang. Yang harus Anda lakukan adalah menambahkan sumber daya menu seperti yang Anda lakukan untuk Bilah Tindakan atau Bilah Alat.bottom_nav_menu.xml
Anda perlu menambahkan ikon yang sesuai untuk proyek Anda. Ini tidak terlalu sulit jika Anda pergi ke File> New> Image Asset dan pilih Action Bar dan Tab Ikon sebagai Jenis Ikon.
Tambahkan item pendengar yang dipilih
Tidak ada yang istimewa terjadi di sini. Kami hanya menambahkan pendengar ke Bilah Navigasi Bawah dalam
onCreate
metode Aktivitas kami .butuh lebih banyak bantuan?
Saya belajar cara melakukan ini dengan menonton video YouTube berikut. Suara komputer agak aneh, tetapi demonstrasi sangat jelas.
sumber
Anda juga dapat menggunakan Layout Tab dengan tampilan tab khusus untuk mencapai ini.
custom_tab.xml
activity_main.xml
MainActivity.java
Unduh Proyek Sampel Lengkap
sumber
Google telah meluncurkan BottomNavigationView setelah versi 25.0.0 dari perpustakaan dukungan desain. Tetapi ia datang dengan batasan-batasan berikut:
Jadi maks yang dapat Anda lakukan dengan versi pertama BottomNavigationView adalah: (tanpa refleksi atau mengimplementasikan lib sendiri).
Jadi, Jika Anda menginginkan semua ini. Anda bisa menggunakan perpustakaan bagian ketiga seperti roughike / BottomBar atau mengimplementasikan lib sendiri.
sumber
app:itemBackground="xxx"
semua item membagikan warna ini dan Anda tidak dapat melihat latar belakangnya (kecuali Anda menambahkan transparansi, tetapi tetap saja, semua ikon berbagi warna yang sama) . Sangat timpang bahwa tim Android merilis komponen yang jelek ... selalu 75% selesai, kehilangan jarak ekstra yang akan membuatnya hebat.Seperti yang disebutkan Sanf0rd, Google meluncurkan BottomNavigationView sebagai bagian dari Design Support Library versi 25.0.0 . Keterbatasan yang dia sebutkan sebagian besar benar, kecuali bahwa Anda BISA mengubah warna latar belakang tampilan dan bahkan warna teks dan warna ikon ikon. Ini juga memiliki animasi ketika Anda menambahkan lebih dari 4 item (sayangnya itu tidak dapat diaktifkan atau dinonaktifkan secara manual).
Saya menulis tutorial terperinci tentang hal itu dengan contoh dan repositori yang menyertainya, yang dapat Anda baca di sini: https://blog.autsoft.hu/now-you-can-use-the-bottom-navigation-view-in-the- desain-dukungan-perpustakaan /
Intinya
Anda harus menambahkan ini di tingkat aplikasi Anda
build.gradle
:Anda dapat memasukkannya dalam tata letak Anda seperti ini:
Anda dapat menentukan item melalui sumber daya menu seperti ini:
Dan Anda dapat mengatur warna dan warna teks sebagai daftar warna, sehingga item yang dipilih saat ini disorot:
Akhirnya, Anda dapat menangani pemilihan item dengan OnNavigationItemSelectedListener:
sumber
Perpustakaan alternatif lain yang dapat Anda coba: - https://github.com/Ashok-Varma/BottomNavigation
sumber
Saya pikir ini juga bermanfaat.
Potongan
Tautan
https://github.com/pocheshire/BottomNavigationBar
Ini https://github.com/roughike/BottomBar porting ke C # untuk pengembang Xamarin
sumber
saya telah membuat kelas privat yang menggunakan gridview dan sumber daya menu:
your_menu.xml:
dan item tata letak khusus your_item_layout.xml
penggunaan di dalam aktivitas utama Anda:
dan
dan di layout_activity.xml
sumber
Ada BottomNavigationView resmi baru di versi 25 dari Perpustakaan Dukungan Desain
https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html tambahkan gradle
compile 'com.android.support:design:25.0.0'
XML
sumber
Pustaka ini, BottomNavigationViewEx , memperluas BottomNavigationView Google. Anda dapat dengan mudah menyesuaikan perpustakaan Google untuk memiliki bilah navigasi bawah seperti yang Anda inginkan. Anda dapat menonaktifkan mode pemindahan, mengubah visibilitas ikon dan teks dan banyak lagi. Pasti mencobanya.
sumber
Saya telah merujuk pos github ini dan saya telah mengatur halaman
three layouts
untukthree fragment
di bilah tab bawah.FourButtonsActivity.java:
Untuk mengatur jumlah lencana:
LibraryFragment.java:
sumber
Anda dapat membuat tata letak sesuai dengan jawaban yang disebutkan di atas Jika ada yang ingin menggunakan ini di kotlin: -
kemudian di oncreate Anda dapat mengatur pendengar di atas untuk tampilan Anda
sumber
navigation.xml (menu di dalam)
onCreate()
Metode di dalam ,Dan Buat kelas seperti di bawah ini.
sumber