Android界面实现使用PagerTabStrip实现有滑动标签的Viewpager

白日放歌须纵酒,青春作伴好还乡。这篇文章主要讲述Android界面实现使用PagerTabStrip实现有滑动标签的Viewpager相关的知识,希望能为你提供帮助。
    在ViewPager这样的能够滑动的控件上,总是有非常多的文章能够做。上次的文章。我们实现了一个自己定义的ViewPager的指示器。这篇文章,我们主要是想利用android自带的控件,实现一个指示器,这个控件,就是support-v4包里面的PagerTabStrip控件。
    首先,我们先看一下实现效果,大饱眼福。


Android界面实现使用PagerTabStrip实现有滑动标签的Viewpager

文章图片




    能够看到,效果实现的也是非常棒。比之前自己定义的标签指示器更加的流畅。以下,简介一下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,来控制显示的位置。除此之外,不须要进行其它设置。
    剩下的。就是我们须要在代码里面实现的了。

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


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






    推荐阅读