詳解Android中ViewPager的PagerTabStrip子控件的用法
更新時間：2016年03月23日 14:49:30 作者：harvic880925
這篇文章主要介紹了Android中ViewPager的PagerTabStrip子控件的用法,PagerTabStrip與PagerTitleStrip的用法基本相同,文中舉了兩個詳細的例子,需要的朋友可以參考下
我們先來看一個小例子：
可以看到，效果實現(xiàn)的也是很棒，比之前自定義的標簽指示器更加的流暢。下面，簡單介紹一下 PagerTabStrip和它的使用。
PagerTabStrip是v4支持包里面的類，是ViewPager專用的類，不能在其他地方使用。在使用的時候，我們只需要在ViewPager的布局里面聲明即可。
如下面的代碼
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@android:color/white" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" > <android.support.v4.view.PagerTabStrip android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="top" android:background="@android:color/holo_blue_light" android:textColor="@android:color/white" /> </android.support.v4.view.ViewPager> </LinearLayout>
我們可以設置layout_gravity屬性，比如top或者是bottom，來控制顯示的位置。除此之外，不需要進行其他設置。
剩下的，就是我們需要在代碼里面實現(xiàn)的了。
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;
public class PagerTabStripActivity extends FragmentActivity {
private List<Fragment> fragments;
private ViewPager viewPager;
private List<String> titleList;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
}
private void initView() {
viewPager = (ViewPager) findViewById(R.id.viewPager);
titleList = new ArrayList<String>();
titleList.add("最新推薦");
titleList.add("游戲娛樂");
titleList.add("影音視頻");
fragments = new ArrayList<Fragment>();
fragments.add(new MyFragment(android.R.color.holo_green_light));
fragments.add(new MyFragment(android.R.color.holo_orange_light));
fragments.add(new MyFragment(android.R.color.holo_red_light));
FragmentPagerAdapter adapter = new FragmentPagerAdapter(
getSupportFragmentManager()) {
@Override
public int getCount() {
return 3;
}
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);
}
};
viewPager.setAdapter(adapter);
}
}
在上面的代碼里面，展現(xiàn)了我們?nèi)绾慰刂茦祟}的文字，我們只需要重寫getPagerTitle方法即可。
下面我們再來結合例子細說一下PagerTabStrip：
PagerTabStrip是ViewPager的一個關于當前頁面、上一個頁面和下一個頁面的一個可交互的指示器。它經(jīng)常作為ViewPager控件的一個子控件被被添加在XML布局文件中。在你的布局文件中，將它作為子控件添加在ViewPager中。而且要將它的 android:layout_gravity 屬性設置為TOP或BOTTOM來將它顯示在ViewPager的頂部或底部。每個頁面的標題是通過適配器的getPageTitle(int)函數(shù)提供給ViewPager的。
用法與PagerTitleStrip完全相同，即：
1、首先，文中提到：在你的布局文件中，將它作為子控件添加在ViewPager中。
2、第二，標題的獲取，是重寫適配器的getPageTitle(int)函數(shù)來獲取的。
看看實例：
1、XML布局
<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"
tools:context="com.example.testviewpage_2.MainActivity" >
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
<android.support.v4.view.PagerTabStrip
android:id="@+id/pagertab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="top"/>
</android.support.v4.view.ViewPager>
</RelativeLayout>
可以看到，同樣，是將PagerTabStrip作為ViewPager的一個子控件直接插入其中，當然android:layout_gravity=""的值一樣要設置為top或bottom。
2、重寫適配器的getPageTitle（）函數(shù)
全部代碼：
package com.example.testviewpage_2;
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.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class MainActivity extends Activity {
private View view1, view2, view3;
private List<View> viewList;// view數(shù)組
private ViewPager viewPager; // 對應的viewPager
private List<String> titleList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewpager);
LayoutInflater inflater = getLayoutInflater();
view1 = inflater.inflate(R.layout.layout1, null);
view2 = inflater.inflate(R.layout.layout2, null);
view3 = inflater.inflate(R.layout.layout3, null);
viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數(shù)組中
viewList.add(view1);
viewList.add(view2);
viewList.add(view3);
titleList = new ArrayList<String>();// 每個頁面的Title數(shù)據(jù)
titleList.add("王鵬");
titleList.add("姜語");
titleList.add("結婚");
PagerAdapter pagerAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return viewList.size();
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
// TODO Auto-generated method stub
container.removeView(viewList.get(position));
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
container.addView(viewList.get(position));
return viewList.get(position);
}
@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);
}
};
viewPager.setAdapter(pagerAdapter);
}
}
這里的代碼與PagerTitleStrip的完全相同，就不再講解了。
就這樣，我們就講完了有關PagerTabStrip的簡單使用方法。下面講一講PagerTabStrip的擴展。
3、擴展：PagerTabStrip屬性更改
在源碼中，大家可以看到有個工程叫TestViewPage_PagerTabStrip_extension，運行一下，效果是這樣的：
在上面兩個圖中可以看到，我更改了兩個地方：
（1）下劃線顏色，原生是黑色，我變成了綠色；
（2）在Tab標題前加了一個圖片；
下面說說是如何更改的：
1、更改下劃線顏色：
主要靠PagerTabStrip的setTabIndicatorColorResource方法；
代碼如下：
pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagertab); pagerTabStrip.setTabIndicatorColorResource(R.color.green);
2、添加標題——重寫適配器CharSequence getPageTitle(int)方法
在CharSequence getPageTitle(int position)方法返回值是，我們不返回String對象，而采用SpannableStringBuilder來構造了下包含圖片的擴展String對像；
具體代碼如下，不再細講，大家可以看看SpannableStringBuilder的使用方法，就可理解了。
@Override
public CharSequence getPageTitle(int position) {
SpannableStringBuilder ssb = new SpannableStringBuilder(" "+titleList.get(position)); // space added before text
// for
Drawable myDrawable = getResources().getDrawable(
R.drawable.ic_launcher);
myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(),
myDrawable.getIntrinsicHeight());
ImageSpan span = new ImageSpan(myDrawable,
ImageSpan.ALIGN_BASELINE);
ForegroundColorSpan fcs = new ForegroundColorSpan(Color.GREEN);// 字體顏色設置為綠色
ssb.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);// 設置圖標
ssb.setSpan(fcs, 1, ssb.length(),
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);// 設置字體顏色
ssb.setSpan(new RelativeSizeSpan(1.2f), 1, ssb.length(),
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
return ssb;
}
您可能感興趣的文章:
相關文章
Kotlin提供了一個系統(tǒng)庫，是Java庫的增強。其中有很多函數(shù)在適配了Java的類型和方法同時使用Kotlin的語法。其中一些底層的函數(shù) 是使用比較廣泛的2022-09-09
Android RecyclerView選擇多個item的實現(xiàn)代碼
這篇文章主要為大家詳細介紹了Android RecyclerView選擇多個item的實現(xiàn)代碼，仿網(wǎng)易新聞客戶端頻道選擇效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
大家好，本篇文章主要講的是Android線性布局與相對布局的實現(xiàn)，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下2022-02-02
Android RecyclerView 實現(xiàn)快速滾動的示例代碼
本篇文章主要介紹了Android RecyclerView 實現(xiàn)快速滾動的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-09-09
android MediaRecorder實現(xiàn)錄屏時帶錄音功能
這篇文章主要介紹了android MediaRecorder錄屏時帶錄音功能實現(xiàn)代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
android 類似微信的搖一搖功能實現(xiàn)思路及代碼
微信的搖一搖功能的出現(xiàn)，讓彼此之間的距離有近了一步，本文也想實現(xiàn)以下微信的搖一搖功能，感興趣的朋友可以了解下啊，希望本人對你有所幫助2013-01-01
最近較流行的效果 Android自定義View實現(xiàn)傾斜列表/圖片
最近較流行的效果，這篇文章主要介紹了Android自定義View實現(xiàn)傾斜列表/圖片的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
Android屏幕適配工具類 Android自動生成不同分辨率的值
這篇文章主要為大家詳細介紹了Android屏幕適配工具類，Android自動生成不同分辨率的值，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
本篇文章主要介紹了Android保持屏幕常亮，PowerManager.WakeLock的使用。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了Android4.0平板開發(fā)之隱藏底部任務欄的方法,結合實例形式較為詳細的分析了Android隱藏于顯示底部任務欄的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11