Android專案Tab型別主介面大總結 Fragment+TabPageIndicator+ViewPager

阿新 • • 發佈：2019-02-04

轉載請標明出處：http://blog.csdn.net/lmj623565791/article/details/24740977

Android現在實現Tab型別的介面方式越來越多，今天就把常見的實現方式給大家來個總結。目前寫了：

1、傳統的ViewPager實現

2、FragmentManager+Fragment實現

3、ViewPager+FragmentPagerAdapter實現

4、TabPageIndicator+ViewPager+FragmentPagerAdapter

1、傳統的ViewPager實現

主要就是ViewPager+ViewAdapter這個還是比較常見的，就不多說了

效果圖：

程式碼：

package com.example.mainframework02;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class TraditionalViewPagerAcvitity extends Activity
{

	/**
	 * ViewPager
	 */
	private ViewPager mViewPager;
	/**
	 * ViewPager的介面卡
	 */
	private PagerAdapter mAdapter;
	private List<View> mViews;
	private LayoutInflater mInflater;
	
	private int currentIndex;

	/**
	 * 底部四個按鈕
	 */
	private LinearLayout mTabBtnWeixin;
	private LinearLayout mTabBtnFrd;
	private LinearLayout mTabBtnAddress;
	private LinearLayout mTabBtnSettings;

	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mInflater = LayoutInflater.from(this);
		mViewPager = (ViewPager) findViewById(R.id.id_viewpager);
		
		/**
		 * 初始化View
		 */
		initView();
		
		mViewPager.setAdapter(mAdapter);

		mViewPager.setOnPageChangeListener(new OnPageChangeListener()
		{

			@Override
			public void onPageSelected(int position)
			{
				resetTabBtn();
				switch (position)
				{
				case 0:
					((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
							.setImageResource(R.drawable.tab_weixin_pressed);
					break;
				case 1:
					((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
							.setImageResource(R.drawable.tab_find_frd_pressed);
					break;
				case 2:
					((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
							.setImageResource(R.drawable.tab_address_pressed);
					break;
				case 3:
					((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
							.setImageResource(R.drawable.tab_settings_pressed);
					break;
				}

				currentIndex = position;
			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2)
			{

			}

			@Override
			public void onPageScrollStateChanged(int arg0)
			{
			}
		});

	}

	protected void resetTabBtn()
	{
		((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
				.setImageResource(R.drawable.tab_weixin_normal);
		((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
				.setImageResource(R.drawable.tab_find_frd_normal);
		((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
				.setImageResource(R.drawable.tab_address_normal);
		((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
				.setImageResource(R.drawable.tab_settings_normal);
	}

	private void initView()
	{

		mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);
		mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);
		mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);
		mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

		mViews = new ArrayList<View>();
		View first = mInflater.inflate(R.layout.main_tab_01, null);
		View second = mInflater.inflate(R.layout.main_tab_02, null);
		View third = mInflater.inflate(R.layout.main_tab_03, null);
		View fourth = mInflater.inflate(R.layout.main_tab_04, null);
		mViews.add(first);
		mViews.add(second);
		mViews.add(third);
		mViews.add(fourth);

		mAdapter = new PagerAdapter()
		{
			@Override
			public void destroyItem(ViewGroup container, int position, Object object)
			{
				container.removeView(mViews.get(position));
			}

			@Override
			public Object instantiateItem(ViewGroup container, int position)
			{
				View view = mViews.get(position);
				container.addView(view);
				return view;
			}

			@Override
			public boolean isViewFromObject(View arg0, Object arg1)
			{
				return arg0 == arg1;
			}

			@Override
			public int getCount()
			{
				return mViews.size();
			}
		};
	}

}

評價：所有的程式碼都集中在一個Activity中，顯得程式碼比較亂。

2、FragmentManager+Fragment實現

主要利用了Fragment在主內容介面對Fragment的add,hide等事務操作。

效果圖：

程式碼：

主Activity

package com.example.mainframework02.fragment;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.LinearLayout;

import com.example.mainframework02.R;

public class FragmentMainActivity extends Activity implements OnClickListener
{
	private MainTab02 mTab02;
	private MainTab01 mTab01;
	private MainTab03 mTab03;
	private MainTab04 mTab04;

	/**
	 * 底部四個按鈕
	 */
	private LinearLayout mTabBtnWeixin;
	private LinearLayout mTabBtnFrd;
	private LinearLayout mTabBtnAddress;
	private LinearLayout mTabBtnSettings;
	/**
	 * 用於對Fragment進行管理
	 */
	private FragmentManager fragmentManager;

	@SuppressLint("NewApi")
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.fragment_main);
		initViews();
		fragmentManager = getFragmentManager();
		setTabSelection(0);
	}

	

	private void initViews()
	{

		mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);
		mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);
		mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);
		mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

		mTabBtnWeixin.setOnClickListener(this);
		mTabBtnFrd.setOnClickListener(this);
		mTabBtnAddress.setOnClickListener(this);
		mTabBtnSettings.setOnClickListener(this);
	}

	@Override
	public void onClick(View v)
	{
		switch (v.getId())
		{
		case R.id.id_tab_bottom_weixin:
			setTabSelection(0);
			break;
		case R.id.id_tab_bottom_friend:
			setTabSelection(1);
			break;
		case R.id.id_tab_bottom_contact:
			setTabSelection(2);
			break;
		case R.id.id_tab_bottom_setting:
			setTabSelection(3);
			break;

		default:
			break;
		}
	}

	/**
	 * 根據傳入的index引數來設定選中的tab頁。
	 * 
	 */
	@SuppressLint("NewApi")
	private void setTabSelection(int index)
	{
		// 重置按鈕
		resetBtn();
		// 開啟一個Fragment事務
		FragmentTransaction transaction = fragmentManager.beginTransaction();
		// 先隱藏掉所有的Fragment，以防止有多個Fragment顯示在介面上的情況
		hideFragments(transaction);
		switch (index)
		{
		case 0:
			// 當點選了訊息tab時，改變控制元件的圖片和文字顏色
			((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
					.setImageResource(R.drawable.tab_weixin_pressed);
			if (mTab01 == null)
			{
				// 如果MessageFragment為空，則建立一個並新增到介面上
				mTab01 = new MainTab01();
				transaction.add(R.id.id_content, mTab01);
			} else
			{
				// 如果MessageFragment不為空，則直接將它顯示出來
				transaction.show(mTab01);
			}
			break;
		case 1:
			// 當點選了訊息tab時，改變控制元件的圖片和文字顏色
			((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
					.setImageResource(R.drawable.tab_find_frd_pressed);
			if (mTab02 == null)
			{
				// 如果MessageFragment為空，則建立一個並新增到介面上
				mTab02 = new MainTab02();
				transaction.add(R.id.id_content, mTab02);
			} else
			{
				// 如果MessageFragment不為空，則直接將它顯示出來
				transaction.show(mTab02);
			}
			break;
		case 2:
			// 當點選了動態tab時，改變控制元件的圖片和文字顏色
			((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
					.setImageResource(R.drawable.tab_address_pressed);
			if (mTab03 == null)
			{
				// 如果NewsFragment為空，則建立一個並新增到介面上
				mTab03 = new MainTab03();
				transaction.add(R.id.id_content, mTab03);
			} else
			{
				// 如果NewsFragment不為空，則直接將它顯示出來
				transaction.show(mTab03);
			}
			break;
		case 3:
			// 當點選了設定tab時，改變控制元件的圖片和文字顏色
			((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
					.setImageResource(R.drawable.tab_settings_pressed);
			if (mTab04 == null)
			{
				// 如果SettingFragment為空，則建立一個並新增到介面上
				mTab04 = new MainTab04();
				transaction.add(R.id.id_content, mTab04);
			} else
			{
				// 如果SettingFragment不為空，則直接將它顯示出來
				transaction.show(mTab04);
			}
			break;
		}
		transaction.commit();
	}

	/**
	 * 清除掉所有的選中狀態。
	 */
	private void resetBtn()
	{
		((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
				.setImageResource(R.drawable.tab_weixin_normal);
		((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
				.setImageResource(R.drawable.tab_find_frd_normal);
		((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
				.setImageResource(R.drawable.tab_address_normal);
		((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
				.setImageResource(R.drawable.tab_settings_normal);
	}

	/**
	 * 將所有的Fragment都置為隱藏狀態。
	 * 
	 * @param transaction
	 *            用於對Fragment執行操作的事務
	 */
	@SuppressLint("NewApi")
	private void hideFragments(FragmentTransaction transaction)
	{
		if (mTab01 != null)
		{
			transaction.hide(mTab01);
		}
		if (mTab02 != null)
		{
			transaction.hide(mTab02);
		}
		if (mTab03 != null)
		{
			transaction.hide(mTab03);
		}
		if (mTab04 != null)
		{
			transaction.hide(mTab04);
		}
		
	}

}

各個TabFragment，一共四個TabFragment，下面貼出兩個，基本都一樣。

package com.example.mainframework02.fragment;

import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

@SuppressLint("NewApi")
public class MainTab01 extends Fragment
{

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
	{
		return inflater.inflate(com.example.mainframework02.R.layout.main_tab_01, container, false);

	}

}

package com.example.mainframework02.fragment;

import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.example.mainframework02.R;

@SuppressLint("NewApi")
public class MainTab02 extends Fragment
{

	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
	{
		return inflater.inflate(R.layout.main_tab_02, container, false);

	}

}

評價：每個Fragment中的控制元件的處理，都是獨立到各自的類中，相對來說主Activity簡化了不少，可惜沒有左右滑動的效果了。

3、ViewPager+Fragment實現

主要通過ViewPager和FragmentPagerAdapter一起來實現。

效果圖：

程式碼：

主Activity

package com.example.mainframework03;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageButton;
import android.widget.LinearLayout;

public class MainActivity extends FragmentActivity
{

	private ViewPager mViewPager;
	private FragmentPagerAdapter mAdapter;
	private List<Fragment> mFragments = new ArrayList<Fragment>();
	
	
	/**
	 * 底部四個按鈕
	 */
	private LinearLayout mTabBtnWeixin;
	private LinearLayout mTabBtnFrd;
	private LinearLayout mTabBtnAddress;
	private LinearLayout mTabBtnSettings;


	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mViewPager = (ViewPager) findViewById(R.id.id_viewpager);

		
		initView();
		
		

		mAdapter = new FragmentPagerAdapter(getSupportFragmentManager())
		{

			@Override
			public int getCount()
			{
				return mFragments.size();
			}

			@Override
			public Fragment getItem(int arg0)
			{
				return mFragments.get(arg0);
			}
		};
		
		mViewPager.setAdapter(mAdapter);
		
		
		mViewPager.setOnPageChangeListener(new OnPageChangeListener()
		{

			private int currentIndex;

			@Override
			public void onPageSelected(int position)
			{
				resetTabBtn();
				switch (position)
				{
				case 0:
					((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
							.setImageResource(R.drawable.tab_weixin_pressed);
					break;
				case 1:
					((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
							.setImageResource(R.drawable.tab_find_frd_pressed);
					break;
				case 2:
					((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
							.setImageResource(R.drawable.tab_address_pressed);
					break;
				case 3:
					((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
							.setImageResource(R.drawable.tab_settings_pressed);
					break;
				}

				currentIndex = position;
			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2)
			{

			}

			@Override
			public void onPageScrollStateChanged(int arg0)
			{
			}
		});

	}
	
	protected void resetTabBtn()
	{
		((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
				.setImageResource(R.drawable.tab_weixin_normal);
		((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
				.setImageResource(R.drawable.tab_find_frd_normal);
		((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
				.setImageResource(R.drawable.tab_address_normal);
		((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
				.setImageResource(R.drawable.tab_settings_normal);
	}

	private void initView()
	{

		mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);
		mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);
		mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);
		mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

		MainTab01 tab01 = new MainTab01();
		MainTab02 tab02 = new MainTab02();
		MainTab03 tab03 = new MainTab03();
		MainTab04 tab04 = new MainTab04();
		mFragments.add(tab01);
		mFragments.add(tab02);
		mFragments.add(tab03);
		mFragments.add(tab04);
	}
}

還有4個TabFragment，下面貼一個，四個基本一樣

package com.example.mainframework03;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainTab01 extends Fragment
{

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

}

評價：實現效果和第一種效果一模一樣，每個Fragment獨自處理自己內部的邏輯，程式碼整潔很多，並且支援左右滑動。感覺是第一種和第二種的結合版本。

4、TabPageIndicator+ViewPager+FragmentPagerAdapter

實現方式和3是一致的，但是使用了TabPageIndicator作為tab的指示器，效果還是不錯的，這個之前寫過，就不再貼程式碼了。

效果圖：

好了，就總結了這麼多，肯定還有很多別的實現方式，大家可以留言，有時間會繼續完善這篇總結的。

本來想一起，無奈，一會v4.Fragment一會Fragment就分開了，嘿嘿，各位留個言，贊一個，算是對我的支援。

Android專案Tab型別主介面大總結 Fragment+TabPageIndicator+ViewPager

轉載請標明出處：http://blog.csdn.net/lmj623565791/article/details/24740977Android現在實現Tab型別的介面方式越來越多，今天就把常見的實現方式給大家來個總結。目前寫了：1、傳統的ViewPager實現2、Frag

Android開啟各種型別的檔案方法總結

很簡單，通過呼叫系統的intent，我們可以開啟各種檔案，不熟悉的朋友可以瞭解下action、datatype、uri的相關知識。通用方法如下： public static Intent openFile(String filePath){ File fil

小專案口袋新聞主介面實現之MainActivity

首先看一下介面效果圖，MainActivity就是使用ViewPager實現新聞、精選和設定三個頁面的。以下展開來看一下，首先看一下佈局檔案： <LinearLayout xmlns:android="http://schemas.android

Android專案中的歡迎介面和引導頁：動畫和ViewPager

每個安卓的應用都會有歡迎介面和引導頁，引導頁一般只是在第一次進入或者更新應用進入的時候才會出現。我這裡使用另外一種更加靈活和擴充套件性的方式來寫這個小Demo，首先看一下效果圖：這個Demo可擴充套件的地方在於：引導頁和底部的小圓點可以在不更改佈局檔案的

android ViewPager實現App主介面Tab選單頁面切換和點選事件

Tabhost實現頁面滑動切換比較麻煩，這裡介紹一下viewPage 控制元件。實現了三屏滑動帶標題點選和tab頁面內按鈕的的點選事件實現； viewPage 的優點是可以滑動切換缺點是MainA

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

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

Android基礎知識【專案實訓-實現主介面上下兩級導航】【3】

【該專案實訓是Android基礎知識的一個綜合練習，特別提示：專案中會用到一些圖片素材，都是隨意整理的，稍後會上傳一個資源，包含該事項專案的基本功能，也含有圖片素材】【專案題目】：校園訂餐App設計綜合案例【目標】歡迎介面過後，應該顯示app的主介面了，根據【

Android電商專案學習筆記（二）--主介面完成

本專案來源於慕課網Android實戰課——Android通用框架設計與完整電商開發前天跟隨視訊完成了對主介面的封裝及使用，這種模式使用的還不夠熟悉，需加強理解並練習。寫下這篇來加深理解。先上效果圖：哈哈，別想多，就是我們平常見的效果。底部

基於Android的小巫新聞客戶端開發--主介面業務邏輯實現

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

Android主介面連續兩次點選物理返回鍵提示退出應用功能實現

實現內容：當點選一次 back 鍵時，程式提示“再按一次退出程式” ，當點選兩次 back 鍵，兩次之間的時間小於 3s 時，App就退出。實則是對按鍵back監聽。重寫onKeyDown()，監聽back 宣告兩個常量： /** 上次點選返回鍵的時間 */ p

Wan Android 專案總結

Wan Android 專案總結專案的由來這個專案也算是自己學習了一段時間的Android以後的一個總結和學習吧，專案採用了Kotlin語言，Api採用的hongyang大神的WanAndroid 網站的API，就在昨天晚上這個APP的1.0 版本完成了，今天就來總結一下這個專案吧。專案地址 G

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

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

ecplise專案升級為android studio專案過程中遇到的問題總結

最近在使用AS常遇到一些問題反覆出現。於是整理了一下以前遇到的一些問題，並附帶常見的解決辦法。首先簡單看一下gradle build的工作流程，如圖：如上圖，gradle編譯主要分為Load build，Configure build，calculate task

使用Vitamio打造自己的Android萬能播放器（3）——本地播放（主介面、播放列表）

public class FragmentFile extends FragmentBase implements OnItemClickListener { private FileAdapter mAdapter; @Override public V

Java專案開發成績管理系統（三）學生資訊模組—主介面設定

學生資訊模組負責管理學生的個人資訊，包括對學生人數的增加對資訊的修改等， 1.主介面設計：學生資訊主介面包含選單欄，列表按鈕，等元件，其實現程式碼如下： package student; import grade.GIndex; import java.awt.*;

Java專案開發成績管理系統（五）成績資訊模組—主介面設定

主介面和上一篇部落格大致相同，（編寫過程點選上一篇部落格），效果如下：程式碼如下： package grade; import course.CIndex; import java.awt.*; import java.awt.event.ActionEven

vue專案中api介面管理總結

預設vue專案中已經使用vue-cli生成，安裝axios，基於element-ui開發，axiosconfig目錄和api目錄是同級，主要記錄配置的相關。 1. 在axiosconfig目錄下的axiosConfig.js import Vue from 'vue' import

java面試總結（九）—— 如何處理專案的高併發、大資料

1.HTML靜態化如果網站的請求量過大，我們可以將頁面靜態化提供訪問來緩解伺服器壓力，能夠緩解伺服器壓力加大以及降低資料庫資料的頻繁交換。適合於某些訪問了過大，但是內容不經常改變的頁面，如首頁、新聞頁等 2.檔案伺服器顧名思義，檔案伺服器就是將檔案

android TAb分頁選單實現總結

首先說明的是，我們做APP開發，Tab分頁不管是頂部還是底部，都是必不可少的，網上也有太多太多的實現方式了，我在這裡總結一下：第一種方式：TabHost原始方式：（連結另一篇文章）這裡實現的是底部選單: 佈局檔案：（我們通

Android應用經典主介面框架之二:仿網易新聞客戶端、CSDN 客戶端 (Fragment ViewPager)

第二種主介面風格則是以網易新聞、鳳凰新聞以及新推出的新浪部落格(閱讀版)為代表，使用ViewPager+Fragment，即ViewPager裡介面卡裡放的不是一般的View，而是Fragment。所以介面卡不能繼承PagerAdapter，而要繼承FragmentPager

Android專案Tab型別主介面大總結 Fragment+TabPageIndicator+ViewPager

相關推薦