android 滑动标签框架,【Android界面实现】使用PagerTabStrip实现有滑动标签的Viewpager...

在ViewPager这样的能够滑动的控件上，总是有非常多的文章能够做。上次的文章，我们实现了一个自己定义的ViewPager的指示器，这篇文章，我们主要是想利用Android自带的控件，实现一个指示器，这个控件，就是support-v4包里面的PagerTabStrip控件。

首先，我们先看一下实现效果，大饱眼福。

能够看到，效果实现的也是非常棒，比之前自己定义的标签指示器更加的流畅。以下，简介一下PagerTabStrip和它的使用。

PagerTabStrip是v4支持包里面的类，是ViewPager专用的类。不能在其它地方使用。在使用的时候，我们仅仅须要在ViewPager的布局里面声明就可以。

如以下的代码

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@android:color/white"

android:orientation="vertical" >

android:id="@+id/viewPager"

android:layout_width="match_parent"

android:layout_height="match_parent" >

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

我们能够设置layout_gravity属性，比方top或者是bottom，来控制显示的位置。

除此之外，不须要进行其它设置。

剩下的，就是我们须要在代码里面实现的了。

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 fragments;

private ViewPager viewPager;

private List 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();

titleList.add("最新推荐");

titleList.add("游戏娱乐");

titleList.add("影音视频");

fragments = new ArrayList();

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);

}

}

在上面的代码里面，展现了我们怎样控制标题的文字。我们仅仅须要重写getPagerTitle方法就可以。假设不想要以下的指示器。把PagerTabStrip换成PagerTitlestrip就可以。能够把剩下的。就交给伟大的Android系统去做吧！