1. 程式人生 > >android BottomTabBar的簡單使用(類似:京東底部導航欄)

android BottomTabBar的簡單使用(類似:京東底部導航欄)

一言不合就上圖

這裡寫圖片描述
bottomTabBar是第三方整合的fragment加radioButton和圖片
最重要是導航欄上可以加上圖片
老套路先注入依賴:

//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>

接著就是MainActivity裡面程式碼實現:

//初始化控制元件
BottomTabBar btb = (BottomTabBar) findViewById(R.id.bottomTabBar);
        btb.init(getSupportFragmentManager())//初始化方法佈局管理
                .setFontSize(8)//設定文字大小
                //引數1:選中後的顏色,引數2:選中前的顏色
                .setChangeColor
(Color.RED, Color.DKGRAY) //引數1:文字內容。引數2:導航圖片。引數3:切換哪個fragment類 .addTabItem("首頁", R.mipmap.ic_nav_home, FragmentFirstPage.class) .addTabItem("分類", R.mipmap.ic_nav_class, FragmentFenLei.class) .addTabItem("購物車", R.mipmap.ic_nav_cart, FragmentCart.class
) .addTabItem("我的", R.mipmap.ic_nav_user, FragmentMine.class) //是否顯示導航和上邊的fragment的區分線(黑色的線太難看了一般我不喜歡在那裡設) //false為不顯示那條區分線,true為顯示那條區分線 .isShowDivider(false);

其中四個fragment類自己寫去(注意點寫完四個fragment後不用在MainActivity裡面例項化)

這就完事兒了

下面是點選事件:
根據你自己的需求,愛要不要反正我不要

//點選事件
        btb.setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
            @Override
            public void onTabChange(int position, String name) {
                switch (position)
                {
                    case 0:
                        Toast.makeText(MainActivity.this,"first page",Toast.LENGTH_SHORT).show();
                        break;
                    case 1:
                        Toast.makeText(MainActivity.this,"fen lei",Toast.LENGTH_SHORT).show();
                        break;
                    case 2:
                        Toast.makeText(MainActivity.this,"cart",Toast.LENGTH_SHORT).show();
                        break;
                    case 3:
                        Toast.makeText(MainActivity.this,"mine",Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });

強調1點:
1我的Android studio是2.3.3版本,SDK用的v7…..26.+的

相關推薦

android BottomTabBar簡單使用(類似:京東底部導航)

一言不合就上圖 bottomTabBar是第三方整合的fragment加radioButton和圖片 最重要是導航欄上可以加上圖片 老套路先注入依賴: //bottomTabBar compile 'com.hjm:BottomTabBa

React Native(簡單精緻的底部導航):使用react-native-tab-navigator實現底部導航

實現效果如下:           點選選項卡可以切換並且改變上面頁面的顏色、選中圖示的顏色、圖示   首先需要安裝: npm install react-native-tab-navigator --save

Android頂部狀態列和底部導航高度計算

專案開發中,經常會遇到介面適配的問題,狀態列和導航欄的高度計算,直接影響著App的展示效果,下面就來看一下兩種控制元件高度是如何計算的。 1, 頂部狀態列(status bar) private

Android開發之TabLayout實現底部導航

前言:既然Tablayout可以做成選項卡的導航欄,也可以做成底部導航欄的樣子,其實也就是去掉底部的indicator,把TabLayout佈局放在下面! ------------------------分割線--------------------------- 效果圖:

簡單,幾行程式碼搞定Android底部導航

  咳咳,答應過年增加新功能的,沒想到拖到現在,延遲了一個來月,尷尬,尷尬 那個,我們先忽略這尷尬的事情吧,進入正題才是最重要滴 老規矩,先上效果圖: BottomTabBar.png 跟原來的圖有個很明顯的區別,你們也一定都發現了,對不對。那麼顯眼的小紅

Android --中間突出的底部導航佈局簡單實現

目前很多應用都加入了底部導航欄的功能,根據點選的具體Tab顯示不同的內容,前段時間,本人在學習實現這個功能的時候遇到了點問題,發現我要實現的底部導航是以下這種中間部件突出的複雜佈局(當時感覺算複雜啦)。 為了實現這個佈局,博主嘗試了各種佈局的巢狀,修正,

android底部導航+viewPager+自定義view的簡單實現

Ps:導航欄直接用Android Design Library,導航欄的話用TabLayout實現,是比較方便快捷的方法。以下僅供初學者學習。。。。一年後回過來看寫的比較糟糕 1首先我們要解決介面的問題,也就是先讓使用者能看到介面,再來搞定能不能用的問題是

Android學習總結——輸入法將BottomNavigationBar(底部導航)頂上去的問題

andro devel google tps 底部導航 style log cti googl 在應用清單中給當前<Activity>設置: android:windowSoftInputMode="adjustPan" 關於android:windo

Xamarin.Forms 3.1.0+版本 Android 原生支持底部導航

toolbar ott 支持 cor for aml otto nfx XML Xamarin.Forms 3.1.0+版本 Android 原生支持底部導航欄 Xamarin.Forms 3.1.0以上版本終於支持Android底部導航欄啦,可以不用第三方的支持庫了。 h

android中如何打造一個動態的底部導航

在開發專案中底部導航是必不可少的控制元件之一,雖然網上已經有很多開源的專案可以用,如果一些特定的需求,導致專案不能用的話,那就頭大了,所以明白如何做一個動態導航欄,還是很有必要的。本教程主要針對一些初級的android程式設計師,利用隨手可得的控制元件來完成,而不是用自定義View的方式

Android自定義控制元件】炫酷的底部導航

https://github.com/WakeHao/NavBar 基本使用 使用這個控制元件,只需要簡單的幾部 引入該控制元件到你的專案中 compile 'com.chen.wakehao.library:bottom-navigation-bar:1.0.0'

WebApp MUI帶底部導航框架 類似華為底部返回鍵導致跳轉混亂

記錄並分享 遇到的問題:mui自帶的底部導航或仿寫的底部導航,比如當我切換到 我的 頁面時,再按華為的返回鍵, 頁面就會出現切換混亂。 解決方式:在四個導航選單頁分別加以下程式碼:         &n

底部導航:利用viewpager實現Android底部標題

設定小紅點和數字方法: http://blog.csdn.net/yancychas/article/details/77331177 方法一. ViewPager + List<View> + PagerAdapter 先看activity_main

Android中的底部導航切換TabContainerView

前言:在GitHub上看到一個框架,實現底部導航欄切換,感覺不錯,就在這裡總結一下。 第一步:準備工作。 在project的build.gradle中新增: allprojects { repositories { ... maven

Android開發丶底部導航的主介面實現

在主流app中,應用的主介面都是底部含有多個標籤的導航欄,點選可以切換到相應的介面,如圖: 接下來將描述下其實現過程。 1.首先是分析介面,底部導航欄我們可以用一個佔滿螢幕寬度、包裹著數個標籤TextView、方向為橫向horizontal的線性佈局LinearLay

Android隱藏底部導航三大金剛按鈕

 注:非uid.system專案不用看了。。。。避免看完嘗試不行,233333     定製化專案難免會用到這種需求,要就隱藏底部導航欄,讓使用者不能點選,底部導航欄的3大金剛分別就是我們看到的-返回鍵、home鍵、recent鍵。返回鍵對於我們來說很簡單,平時總是要監聽重

Android 底部導航BottomNavigationView

目錄 一、簡介 一、簡介 這是material design提供的一個標準底部導航欄的實現,可以輕鬆的實現導航欄選單之間的切換與瀏覽。使用方

Android 底部導航(底部Tab)最佳實踐

  本文目錄.png 當開始一個新專案的時候,有一個很重要的步驟就是確定我們的APP首頁框架,也就是使用者從桌面點選APP 圖示,進入APP 首頁的時候展示給使用者的框架,比如微信,展示了有四個Tab,分別對應不同的板塊(微信、通訊錄、發現、我),現在市面出了少部分的Mate

Android底部導航切換介面,點選選項時文字和圖示改變顏色

** 類似底部導航欄的選單,點選圖示,文字和圖示都變顏色,Fragment切換介面詳解 ** 先看效果圖 以下是全部完整程式碼,如果有問題歡迎留言 圖示和文字佈局color_change.xml <?xml version="1.0" encodi

Android底部導航切換頁面填坑

public void onClick(View v) { fragmentManager = getSupportFragmentManager(); FragmentTransaction transaction = fragmentManager.beginTransaction(); switch (