新聞中心
底部導(dǎo)航欄切換方式簡介
底部導(dǎo)航欄(Bottom Navigation Bar)是一種常見的導(dǎo)航方式,它位于應(yīng)用界面的底部,用戶可以通過點擊不同的標(biāo)簽來實現(xiàn)頁面之間的切換,在Android開發(fā)中,底部導(dǎo)航欄的使用非常廣泛,下面我們將詳細(xì)介紹幾種常見的底部導(dǎo)航欄切換方式。

站在用戶的角度思考問題,與客戶深入溝通,找到五龍口網(wǎng)站設(shè)計與五龍口網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、申請域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋五龍口地區(qū)。
使用ViewPager2實現(xiàn)底部導(dǎo)航欄切換
1、添加依賴
在項目的build.gradle文件中添加ViewPager2的依賴:
dependencies {
implementation 'androidx.viewpager2:viewpager2:1.0.0'
}
2、創(chuàng)建布局文件
在activity_main.xml布局文件中添加ViewPager2控件:
3、創(chuàng)建FragmentPagerAdapter和Fragment類
創(chuàng)建一個繼承自FragmentStateAdapter的FragmentPagerAdapter類:
public class MainFragmentPagerAdapter extends FragmentStateAdapter {
private List fragmentList;
private List fragmentTitleList;
public MainFragmentPagerAdapter(@NonNull FragmentManager manager, int resourceId, @NonNull List fragments, @NonNull List titles) {
super(manager, resourceId);
this.fragmentList = fragments;
this.fragmentTitleList = titles;
}
@NonNull
@Override
public Fragment createFragment(int position) {
return fragmentList.get(position);
}
@Override
public int getItemCount() {
return fragmentList.size();
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return fragmentTitleList.get(position);
}
}
創(chuàng)建對應(yīng)的Fragment類,例如HomeFragment、ProfileFragment等。
4、在Activity中設(shè)置ViewPager2和Adapter
public class MainActivity extends AppCompatActivity {
private ViewPager2 viewPager;
private MainFragmentPagerAdapter adapter;
ListView listView; // 需要隱藏的ListView,用于顯示選中的標(biāo)簽背景色和文字顏色等樣式信息,具體實現(xiàn)請參考下面的代碼。
TextView tvCurrentPage; // 需要隱藏的TextView,用于顯示當(dāng)前選中的標(biāo)簽頁索引,具體實現(xiàn)請參考下面的代碼。
ImageView imgSelectedTab; // 需要隱藏的ImageView,用于顯示選中的標(biāo)簽的圖標(biāo),具體實現(xiàn)請參考下面的代碼。
LinearLayout tabContainer; // 需要隱藏的LinearLayout,用于容納所有的底部標(biāo)簽,具體實現(xiàn)請參考下面的代碼。
int currentIndex = 0; // 標(biāo)簽頁的當(dāng)前索引,初始值為0,表示首頁,可以根據(jù)需要進(jìn)行修改,具體實現(xiàn)請參考下面的代碼。
int selectedColor = Color.BLUE; // 標(biāo)簽頁被選中時的背景色,具體實現(xiàn)請參考下面的代碼。
int unselectedColor = Color.GRAY; // 標(biāo)簽頁未被選中時的背景色,具體實現(xiàn)請參考下面的代碼。
int textColorPrimary = Color.WHITE; // 標(biāo)簽頁的文字顏色,具體實現(xiàn)請參考下面的代碼。
int textSizePrimary = spToPx(getResources().getDimensionPixelSize(R.dimen.text_size_primary)); // 標(biāo)簽頁的文字大小,具體實現(xiàn)請參考下面的代碼。
int textColorSecondary = Color.BLACK; // 標(biāo)簽頁被選中時的字體顏色,具體實現(xiàn)請參考下面的代碼。
int textSizeSecondary = spToPx(getResources().getDimensionPixelSize(R.dimen.text_size_secondary)); // 標(biāo)簽頁被選中時的字體大小,具體實現(xiàn)請參考下面的代碼。
int textColorUnselected = Color.BLACK; // 標(biāo)簽頁未被選中時的字體顏色,具體實現(xiàn)請參考下面的代碼。
int textSizeUnselected = spToPx(getResources().getDimensionPixelSize(R.dimen.text_size_unselected)); // 標(biāo)簽頁未被選中時的字體大小,具體實現(xiàn)請參考下面的代碼。
int textColorSelected = Color.WHITE; // 標(biāo)簽頁被選中時的字體顏色,具體實現(xiàn)請參考下面的代碼,注意,這里與textColorSecondary相同,是因為選中狀態(tài)和未選中狀態(tài)的顏色是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的代碼。
int textSizeSelected = spToPx(getResources().getDimensionPixelSize(R.dimen.text_size_selected)); // 標(biāo)簽頁被選中時的字體大小,具體實現(xiàn)請參考下面的代碼,注意,這里與textSizeSecondary相同,是因為選中狀態(tài)和未選中狀態(tài)的字體大小是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的代碼。
int textMarginPrimary = spToPx(getResources().getDimensionPixelSize(R.dimen.text_margin_primary)); // 標(biāo)簽頁的文字外邊距,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginSecondary相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginUnselected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginSelected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginUnselected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginSelected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginUnselected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginSelected相同,是因為選中狀態(tài)和未選中狀態(tài)的文字外邊距是一樣的,這樣可以簡化代碼,具體實現(xiàn)請參考下面的 code,注意,這里與textMarginUnselected相同,是因為選中狀態(tài)和未選中 state
網(wǎng)站題目:android底部導(dǎo)航欄切換方式有哪些
網(wǎng)站URL:http://www.5511xx.com/article/codecdp.html


咨詢
建站咨詢
