Android使用BottomTabBar實現(xiàn)底部導(dǎo)航頁效果
1. 導(dǎo)依賴
compile 'com.hjm:BottomTabBar:1.1.1'
2. 在所實現(xiàn)的XML中定義一下該控件
<com.hjm.bottomtabbar.BottomTabBar android:id="@+id/bottom_tab_bar" android:layout_width="match_parent" android:layout_height="match_parent" > </com.hjm.bottomtabbar.BottomTabBar>
3. 定義每個Fragment,這里列舉一個
public class OneFragment extends Fragment{ @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment1, container, false); return view; } }
4. MainActivity中
//Fragment頁面設(shè)置頁 public class MainActivity extends AppCompatActivity { private BottomTabBar bottomTabBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bottomTabBar = findViewById(R.id.bottom_tab_bar); //初始化Fragment bottomTabBar.init(getSupportFragmentManager()) .setImgSize(50, 50) //圖片大小 .setFontSize(12) //字體大小 .setTabPadding(4, 6, 10)//選項卡的間距 .setChangeColor(Color.RED, Color.BLUE) //選項卡的選擇顏色 .addTabItem("首頁", R.drawable.home_, ShouYe_Fragment.class) .addTabItem("分類", R.drawable.classify, FenLei_Fragment.class) .addTabItem("發(fā)現(xiàn)", R.drawable.cart, Cart_Fragment.class) .addTabItem("我的", R.drawable.mine, Mine_Fragment.class) .isShowDivider(true) //是否包含分割線 .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() { @Override public void onTabChange(int position, String name) { Log.i("TGA", "位置:" + position + " 選項卡:" + name); } }); } }
效果圖:
下面通過實例代碼介紹下 Android_BottomTabBar
一:依賴
compile 'com.hjm:BottomTabBar:1.1.1'
二:布局
<com.hjm.bottomtabbar.BottomTabBar android:id="@+id/bottomTabBar" android:layout_width="match_parent" android:layout_height="match_parent"> </com.hjm.bottomtabbar.BottomTabBar>
三:代碼
public class MainActivity extends AppCompatActivity { @BindView(R.id.bottomtabbar) BottomTabBar bottomtabbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); bottomtabbar.init(getSupportFragmentManager()) .setImgSize(25, 25) .setFontSize(8) .setTabPadding(4, 6, 10) .setChangeColor(Color.RED, Color.BLACK) .addTabItem("精選", R.drawable.choiceness, ChoicenessFragment.class) .addTabItem("專題", R.drawable.dissertation, DissertationFragment.class) .addTabItem("發(fā)現(xiàn)", R.drawable.discover, DiscoverFragment.class) .addTabItem("我的", R.drawable.my, MyFragment.class) .isShowDivider(false) .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() { @Override public void onTabChange(int position, String name) { } }) .setTabBarBackgroundResource(R.drawable.bottom_bg) .setBackgroundResource(R.drawable.bg_blue); } }
總結(jié)
以上所述是小編給大家介紹的Android使用BottomTabBar實現(xiàn)底部導(dǎo)航頁效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
分別用ToolBar和自定義導(dǎo)航欄實現(xiàn)沉浸式狀態(tài)欄
本文主要介紹了分別用ToolBar和自定義導(dǎo)航欄實現(xiàn)沉浸式狀態(tài)欄的方法步驟,具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01Android畫板開發(fā)之添加背景和保存畫板內(nèi)容為圖片
這篇文章主要為大家詳細介紹了Android畫板開發(fā)之添加背景和保存畫板內(nèi)容為圖片,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12協(xié)程作用域概念迭代RxTask?實現(xiàn)自主控制
這篇文章主要為大家介紹了協(xié)程作用域概念迭代RxTask實現(xiàn)自主控制詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10Android table布局開發(fā)實現(xiàn)簡單計算器
這篇文章主要為大家詳細介紹了Android table布局開發(fā)實現(xiàn)簡單計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-05-05Android中通過反射實現(xiàn)圓角ImageView代碼實例
這篇文章主要介紹了Android中通過反射實現(xiàn)圓角ImageView代碼實例,本文直接給出核心實現(xiàn)代碼,需要的朋友可以參考下2015-04-04android開機自啟動原理與實現(xiàn)案例(附源碼)
完成一下步驟后,啟動一次程序,完成注冊。等下次手機開機時,該軟件即會自動啟動,具體實現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06Android 用adb pull或push 拷貝手機文件到到電腦上,拷貝手機數(shù)據(jù)庫到電腦上,拷貝電腦數(shù)據(jù)庫到手機上
這篇文章主要介紹了Android 用adb pull或push 拷貝手機文件到到電腦上,拷貝手機數(shù)據(jù)庫到電腦上,拷貝電腦數(shù)據(jù)庫到手機上 的相關(guān)資料,需要的朋友可以參考下2016-01-01