2. 程式人生 > >TabLayout+ViewPager+Fragment實現底部導航

TabLayout+ViewPager+Fragment實現底部導航

阿新 • • 發佈：2019-01-01
MainActivity extends AppCompatActivity { private TabLayout mTabLayout; //Tab 文字 private final int[] TAB_TITLES = new int[]{R.string.weixin,R.string.contacts,R.string.find,R.string.me}; //Tab 圖片 private final int[] TAB_IMGS = new int[]{R.drawable.tab_weixin_selector,R.drawable.tab_contacts_selector,R.drawable.tab_find_selector
,R.drawable.tab_me_selector}; //Fragment 陣列 private final Fragment[] TAB_FRAGMENTS = new Fragment[] {new WeiXinFragment(),new ContactsFragment(),new FindFragment(),new MeFragment()}; //Tab 數目 private final int COUNT = TAB_TITLES.length; private MyViewPagerAdapter mAdapter; private ViewPager mViewPager
; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initViews(); } private void initViews() { mTabLayout = (TabLayout)findViewById(R.id.tablayout); setTabs(mTabLayout,this.getLayoutInflater(),
TAB_TITLES,TAB_IMGS); mAdapter = new MyViewPagerAdapter(getSupportFragmentManager()); mViewPager = (ViewPager) findViewById(R.id.viewpager); mViewPager.setAdapter(mAdapter); mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout)); mTabLayout.setOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager)); } /** * @description: 設定新增Tab */ private void setTabs(TabLayout tabLayout,LayoutInflater inflater,int[] tabTitlees,int[] tabImgs){ for (int i = 0; i < tabImgs.length; i++) { TabLayout.Tab tab = tabLayout.newTab(); View view = inflater.inflate(R.layout.tab_custom,null); tab.setCustomView(view); TextView tvTitle = (TextView)view.findViewById(R.id.tv_tab); tvTitle.setText(tabTitlees[i]); ImageView imgTab = (ImageView) view.findViewById(R.id.img_tab); imgTab.setImageResource(tabImgs[i]); tabLayout.addTab(tab); } } /** * @description: ViewPager 介面卡 */ private class MyViewPagerAdapter extends FragmentPagerAdapter { public MyViewPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return TAB_FRAGMENTS[position]; } @Override public int getCount() { return COUNT; } } }

相關推薦

TabLayout+ViewPager+Fragment實現底部導航

MainActivity extends AppCompatActivity { private TabLayout mTabLayout; //Tab 文字 private final int[] TAB_TITLES = new int[]{R.string.weixin,R.string.con

TabLayout+ViewPager+Fragment實現頂部或底部導航欄

以前看慕課網的教程，寫過一個微信Tab選項卡切換的例子，使用的是ViewPager+Fragment來實現的，說實話，當時為了實現一些效果，還是寫了蠻多的程式碼，但是，今天介紹的TabLayout+ViewPager+Fragment實現導航欄可以使用很少的程式

tablayout+viewpager+fragment實現頁面底部導航欄

先附上效果圖第一步：書寫佈局我的佈局檔案是這樣的<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/an

Android TabLayout+ViewPager+Fragment實現tab欄的時候，無法實時更新ViewPager內的Fragment問題終極解決方法

TabLayout+ViewPager+Fragment模式在應用中必不可少，有時候我們可能會遇到tab欄會動態改變的問題，如新增，或刪減，這時候就需要把viewpager內相應的fragment新增或刪減; 如想做以下等操作？ 1、更新單個item mDataList.remove(0

TabLayout+ViewPager+Fragment實現多條目載入（多個介面）

要求： 實現如圖所示效果，上方TabLayout，下面ViewPager+Fragment，下拉重新整理，上拉載入更多，多條目載入，顯示title標題，根據images圖片數量進行多條目載入。 介面如下，其中page為頁數，lid為上方標題的id https://feed.mix.s

TabLayout+ViewPager+Fragment實現滑動效果

實現的效果圖如下： 一、頁面佈局檔案  1. 主頁面tab_main.xml，程式碼如下： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://sc

TabLayout+ViewPager+Fragment實現多條目載入

要求： 實現如圖所示效果，上方TabLayout，下面ViewPager+Fragment，下拉重新整理，上拉載入更多，多條目載入，顯示title標題，根據images圖片數量進行多條目載入。 介面如下，其中page為頁數，lid為上方標題的id https://fee

Android--RadioGroup和Tablayout兩種實現底部導航的方式詳解

        自從Android3.0引入Fargment之後，在Activity中使用底部導航進行Fragment的切換已經越來越普遍,或者可以說已經成為了移動應用的標配，而本篇文章我總結了專案中常用的幾種實現導航的方式，分別是RadioGroup、Tablayout、

android使用Viewpager和TabLayout結合fragment實現首頁底部導航的效果

前言 現如今幾乎每一款手機APP首頁都採用了底部導航的功能，現在我們使用Viewpager和TabLayout結合fragment來實現該功能。 效果圖如下： 這裡有一個問題，TabLayout的五個icon在模擬器中寬度無法充滿螢幕，暫時還不知道為什麼，手機能夠正

首頁-底部&頂部Tab導航（選單欄）的實現：TabLayout+ViewPager+Fragment

前言 Android開發中使用頂部 & 底部Tab導航欄的頻次非常高，主要的實現手段有以下： TabWidget 隱藏TabWidget，使用RadioGroup和RadioButton FragmentTabHost 5.0以後的TabLayou

Android專案導航欄之仿微信底部導航欄TabLayout+ViewPager+Fragment

一、實現效果： 二、依賴jar包： compile 'com.android.support:design:24+'三、專案工程結構： 四、XML佈局 activity_main.xml佈局： <?xml version="1.0" encoding="u

ViewPager+RadioGroup+Fragment仿微信實現底部導航功能

public class ContentFragment extends BaseFragment { private View view; private RadioGroup radio_group; private ViewPager vp; private ArrayList<Base

Android ViewPager和Fragment實現頂部導航介面滑動效果、標籤下的tab位置

在專案中，我們常常需要實現介面滑動切換的效果。例如，微信介面的左右滑動切換效果。那這種效果是怎麼實現的？今天我就帶大家簡單瞭解ViewPager，並通過例項來實現該效果。 一. ViewP

BottomNavigationView + ViewPager + Fragment 實現左右滑動和下方導航欄

轉載請註明出處：http://blog.csdn.net/htwhtw123/article/details/78441431 比較簡單的用BottomNavigationView 、 ViewPager 、 Fragment 實現下方導航欄與上方可翻頁頁面，

Android開發之TabLayout真正實現底部導航欄(可實現點選文字顏色圖片切換)

前言：關於這個TabLayout實現底部導航，在我的上篇《Android開發之TabLayout實現底部導航欄》部落格中有提到，但是後面在仔細的接觸專案中，發現了裡面有很多沒有解決的事情，比如不能實現點選文字顏色和圖片的切換，不能做到禁止左右滑動，所以趁著今天有時間的情況下

Fragment的使用（Android實現底部導航欄）

  一、佈局頁面新增 1.新增四個切換頁面的佈局 （1）四個切換頁面的佈局(四個頁面相同）： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:

用TabLayout實現底部導航欄

效果圖 有點大 沒弄好下面我們來實現這個效果1、在app的build.gradle中新增這行compile 'com.android.support:design:24.0.0'然後看我的佈局檔案main.xml<?xml version="1.0" encoding=

Android開發之TabLayout實現底部導航欄

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

Android滑動導航菜單TabLayout+ViewPager+Fragment

ont array nta fat left design 使用方式 技術 ase 1.主要的Activity——MemberDetailActivity 2.Activity視圖的xml文件——R.layout.activity_member_detail 3.自定義的F

TabLayout+ViewPager+Fragment懶載入實現

tablayout的使用 TabLayout是在design下的包中，一般跟viewpager，fragment結合使用； <?xml version="1.0" encoding