1. 程式人生 > >使用BottomTabBar實現類似Fragment頁面切換

使用BottomTabBar實現類似Fragment頁面切換


依賴中匯入

 compile 'com.hjm:BottomTabBar:1.1.1'
 compile 'com.github.bumptech.glide:glide:3.7.0'
activity_main裡面的佈局 ,引入bottomtabbar的佈局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:hjm="http://schemas.android.com/apk/res-auto"

   >

   <com.hjm.bottomtabbar.BottomTabBar
       android:id="@+id/bottomtabbar"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       hjm:tab_divider_height="5dp"
       hjm:tab_font_size="20sp"
       >

   </com.hjm.bottomtabbar.BottomTabBar>


</RelativeLayout>

寫好每一個Fragment,這裡舉例寫一個
public class Faxian_Fragment extends Fragment{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
       View view = inflater.inflate(R.layout.fragment_faxian,container,false);
        return view;
    }

    @Override
    public void onActivityCreated( Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }
}
然後在Activit裡面初始化bottomtabbar
public class SecondActivity extends AppCompatActivity {

    private BottomTabBar bottomTabBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);

        bottomTabBar = (BottomTabBar) findViewById(R.id.bottomtabbar);

        bottomTabBar.init(getSupportFragmentManager())
                .setImgSize(70,70)
                .setFontSize(20)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.RED,Color.DKGRAY)
                .addTabItem("首頁",R.drawable.home_, Shouye_Fragment.class)
                .addTabItem("分類",R.drawable.classify, Fenlei_Fragment.class)
                .addTabItem("發現",R.drawable.find, Faxian_Fragment.class)
                .addTabItem("購物車",R.drawable.cart, GouWuChe_Fragment.class)
                .addTabItem("我的",R.drawable.mine, WoDe_Fragment.class)
                .isShowDivider(true)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {

                    }
                });
    }


}


相關推薦

使用BottomTabBar實現類似Fragment頁面切換

依賴中匯入 compile 'com.hjm:BottomTabBar:1.1.1' compile 'com.github.bumptech.glide:glide:3.7.0'activity_main裡面的佈局 ,引入bottomtabbar的佈局 <

Android實戰簡易教程-第二十六槍(基於ViewPager實現微信頁面切換效果)

stat addview data android tid des viewpage 聊天 == 1.頭部布局文件top.xml:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

Vue實現移動端頁面切換效果

找了好多部落格實現效果都……emmm……   應用Vue自帶的過渡 《 進入/離開 & 列表過渡 》和 巢狀路由 和 fixed定位實現 其實還是挺簡單的。 在子頁面把整個頁面做絕對定位,覆蓋整個螢幕,子父頁面將 router-view 用&n

JS實現全屏頁面切換

var ismoving=false;//使頁面滾動時停止監聽滾輪事件 var pageH=document.documentElement.clientHeight;//獲得當前視窗高度 var allheight=document.documentElem

Fragment 頁面切換與UI更新

由於使用不通的事務方法,場景也是不通的,這裡我們重點討論show/hide與attach/dettach兩類問題。當然,我們繞不開的是add/remove和replace。 一、replace事務 replace相對簡單,對應的是Fragment最簡單的生命週期,因此頁面

使用BottomTabBar實現底部導航頁(頁面切換)

開始使用之前先匯入 implementation 'com.hjm:BottomTabBar:1.2.2' 主頁面佈局檔案 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:

【微信】運用fragment和viewpage實現主頁面和副頁面切換效果

這個專案是我自己學習時寫出來的,所以難免有些瑕疵或者種種不足,歡迎各位大佬挑刺,也歡迎其他菜鳥們一起學習。 先放張程式結構圖,大致結構還是比較清晰的 首先可以建好xml佈局檔案,一個主佈局(存放四個切換圖示),四個分佈局fragment 程式碼貼上: `

android Fragment實現APP主介面Tab頁面切換和點選事件

Fragment 頁面切換不能滑動 所以對於listview 可以新增的左右滑動事件 ,不會有衝突例如(QQ的好友列表的刪除) Fragment 和viewpager 的區別 Viewpager 的事件都需要寫在 MainActivity 使

Fragment+ViewPager實現類似ActionBar切換的效果

使用Fragment+ViewPager實現類似網易新聞客戶端的多頁面左右滑動切換的效果,需要有android.support.v4的支援包,可以相容Android 2.0以上版本,具體程式碼如下: private TextView mWealthRank_tv; p

Android之如何實現滑動頁面切換Fragment

Fragment 頁面切換不能滑動 所以對於listview 可以新增的左右滑動事件 ,不會有衝突例如(QQ的好友列表的刪除)  Fragment 和viewpager 的區別  Viewpager 的事件都需要寫在 MainActivity 使得 MainActivit

仿御泥坊 完美實現電商類專案底部選項卡切換Fragment頁面

此為Activity頁面XML佈局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.andr

關於含RecyclerView的fragment來回切換頁面自動滑動到底部的解決方法

get 切換 屬性 odi encoding 1.0 linear UC div 原因: 在fragment中來回切換時RecyclerView獲得了焦點,而RecyclerView的 focusableOnTouchMode屬性默認是true,所以在切換時Recycler

js實現類似TabPage切換的效果

首先宣告:這個js演算法的原理並非原創,這裡只是學習實現的效果和原理!尊重原創,原創作者無從考證,多個開源的類似後臺管理系統中都有這個多iframe的效果,且實現的效果一致,都採用了相同的演算法版本。本人只是學習瞭解之後,做了一個精簡版的還原。 首先核心的js實現程式碼如下: $(fu

FragmentPagerAdaper 實現頁面切換 和 FragmentStatePagerAdapter 實現頁面切換,區別,優缺點,實際開發使用哪種

Fragment 繼承 v4 包 MyFragmentViewPagerAdapter 這個介面卡並沒有實現頁面銷燬方法,因此,頁面較大,較多,記憶體壓力會比較大 實際開發推薦使用 FragmentStatePagerAdapter 此介面卡 示例效果:

音樂網站開發:實現點選按鈕切換頁面背景圖的功能

        最近這一星期在做一個簡單小型的音樂播放器網站,目前各種功能基本都已經實現,包括切換上一曲下一曲,播放與暫停,隨機播放單曲迴圈順序播放模式切換,一首播放完畢自動按模式切換至下一曲,載入單句歌詞及所有歌詞等功能。另外就是本篇部落格要介紹的功能了,點

Android使用Fragment打造萬能頁面切換框架(

首先我們來回憶一下傳統用Activity進行的頁面切換,activity之間切換,首先需要新建intent物件,給該物件設定一些必須的引數,然後呼叫startActivity方法進行頁面跳轉。如果需要activity返回結果,則呼叫startActivityForResult方法,在onActivi

ViewPager+Fragment滑動切換頁面(RadioButton底部導航欄)

      Activity要繼承FragementActivity,在Activity的佈局檔案中放入了一個ViewPager,為了效果好看,還做了個導航,使得ViewPager和導航欄能夠實現聯動,即ViewPager滑動切換頁面和點選導航欄切換頁面,

Unity3D實現Tab切換頁面切換功能

第一篇部落格,僅作為個人在學習過程中記錄作用 正文 之前公司遇到幾個兩個專案都有一個列表切換的功能,具體功能就是點選tab列表,內容根據tab切換來變換,效果如下: 這樣一個很常見功能 網上例子較少,後來學到一個方法,幾步就可以實現,不需要寫程式碼 第一步 建

經驗分享(4)Yarn ResourceManager頁面如何實現主被自動切換

hdfs、yarn、hbase這些元件的master支援多個,實現自動主備切換,其中hdfs、hbase無論訪問主master或者備master都可以正常訪問頁面,但是yarn比較特別,只有主master的頁面可以訪問,備master會返回Refresh,3s後重定向; 一種方式是提供兩個域名,分別對應兩個

Struts2國際化例項(點選按鈕實現中英文登陸頁面切換

相關原理: 用不同國家的語言描述相同的資訊,並放在各自對應的.properties屬性檔案中,程式根據執行時環境決定載入哪個檔案。 整體專案結構要注意: (jar包位置不要放錯) 1.新建一個專案Struts2Demo。 2.在src下新建兩個資原始檔。