Android Viewpager+Fragment实现滑动标签页

ViewPager 结合Fragment实现一个Activity里包含多个可滑动的标签页，每个标签页可以有独立的布局及响应。

主页布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    

    <android.support.v4.view.ViewPager
        android:id="@+id/taskdescribe_viewPager"
        android:layout_height="0dp"
        android:layout_width="fill_parent"
        android:layout_weight="1"
        android:flipInterval="30"
        android:persistentDrawingCache="animation">
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:baselineAligned="false"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/taskdescribe_textview_guid1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/textViewSelected"
                android:gravity="center"
                android:text="@string/taskdescribe_describetab"
                android:textColor="@color/white" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:layout_marginLeft="1dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/taskdescribe_textview_guid2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/textViewDefault"
                android:gravity="center"
                android:text="@string/taskdescribe_collectortab"
                android:textColor="@color/white" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:layout_marginLeft="1dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/taskdescribe_textview_guid3"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/textViewDefault"
                android:gravity="center"
                android:text="@string/taskdescribe_buildingmetertab"
                android:textColor="@color/white" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:layout_marginLeft="1dp"
            android:orientation="vertical" >
            
            <TextView 
                android:id="@+id/taskdescribe_textview_guid4" 
                android:layout_width="match_parent" 
                android:layout_height="match_parent" 
                android:background="@color/textViewDefault" 
                android:gravity="center" 
                android:text="@string/taskdescribe_usermetertab"
                android:textColor="@color/white" />
        </LinearLayout>

    </LinearLayout>
    
</LinearLayout>
 

TaskDescribeActivity.java

package cn.com.ista.pdachina.ui;

import java.lang.reflect.Field;
import java.util.ArrayList;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.animation.Interpolator;
import android.widget.Scroller;
import android.widget.TextView;
import cn.com.ista.pdachina.R;
import cn.com.ista.pdachina.adapter.MyFragmentPagerAdapter;
import cn.com.ista.pdachina.app.AppContext;
import cn.com.ista.pdachina.bean.Task;
import cn.com.ista.pdachina.dao.TaskDao;

public class TaskDescribeActivity extends FragmentActivity {


    private AppContext appContext;// 全局Context
    
    private int taskID;
    private Task task;
    
    private ViewPager viewPager;
    private ArrayList<Fragment> fragmentList;
    private TextView tvDescribeTab, tvCollectorTab, tvBuilldingMeterTab, tvUserMeterTab;
    private int tvDefaultColor, tvSelectedColor;//选中和不选中背景颜色
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO 自动生成的方法存根
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_taskdescribe);
        
        appContext = (AppContext) getApplication();
        initViews();
        initData();
        initViewPager();
    }

    private void initViews() 
    {
        tvDescribeTab = (TextView) findViewById(R.id.taskdescribe_textview_guid1);
        tvCollectorTab = (TextView) findViewById(R.id.taskdescribe_textview_guid2);
        tvBuilldingMeterTab = (TextView) findViewById(R.id.taskdescribe_textview_guid3);
        tvUserMeterTab = (TextView) findViewById(R.id.taskdescribe_textview_guid4);
        
        tvDescribeTab.setOnClickListener(new textViewListener(0));
        tvCollectorTab.setOnClickListener(new textViewListener(1));
        tvBuilldingMeterTab.setOnClickListener(new textViewListener(2));
        tvUserMeterTab.setOnClickListener(new textViewListener(3));
    }

    private void initData()
    {
        Intent intent = getIntent();
        Bundle bundle = intent.getExtras();
        taskID = bundle.getInt("taskID");
        
        task = new TaskDao(appContext).getTaskById(taskID);
        
        Resources res = getResources();
        tvDefaultColor = res.getColor(R.color.textViewDefault);
        tvSelectedColor = res.getColor(R.color.textViewSelected);
    }
    
    private class textViewListener implements View.OnClickListener
    {
        private int index = 0;
        
        public textViewListener(int index)
        {
            this.index = index;
        }

        @Override
        public void onClick(View v) 
        {
            setBackgroundColor(index);
            viewPager.setCurrentItem(index);
        }
        
    }
    private void setBackgroundColor(int index)
    {
        tvDescribeTab.setBackgroundColor(tvDefaultColor);
        tvCollectorTab.setBackgroundColor(tvDefaultColor);
        tvBuilldingMeterTab.setBackgroundColor(tvDefaultColor);
        tvUserMeterTab.setBackgroundColor(tvDefaultColor);
        switch (index) {
        case 0:
            tvDescribeTab.setBackgroundColor(tvSelectedColor);
            break;
        case 1:    
            tvCollectorTab.setBackgroundColor(tvSelectedColor);
            break;
        case 2:
            tvBuilldingMeterTab.setBackgroundColor(tvSelectedColor);
            break;
        case 3:
            tvUserMeterTab.setBackgroundColor(tvSelectedColor);
            break;
        }
    }
    
    /*
     * 初始化ViewPager
     */
    private void initViewPager()
    {
        viewPager = (ViewPager) findViewById(R.id.taskdescribe_viewPager);
        fragmentList = new ArrayList<Fragment>();
        Fragment describeFragment = new  TaskDescribeFragment();
        Fragment collectorFragment = new  CollectorFragment();
        Fragment buildingMeterFragment = new  BuildingMeterFragment();
        Fragment userMeterFragment = new  UserMeterFragment();
        fragmentList.add(describeFragment);
        fragmentList.add(collectorFragment);
        fragmentList.add(buildingMeterFragment);
        fragmentList.add(userMeterFragment);
        
        //给Viewpager设置适配器
        viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentList));
        viewPager.setCurrentItem(0);
        viewPager.addOnPageChangeListener(new MyOnPageChangeListener());
        
        ViewPagerScroller scroller = new ViewPagerScroller(appContext);
        scroller.setScrollDuration(2000);
        scroller.initViewPagerScroll(viewPager);//这个是设置切换过渡时间为2秒
    }
    
    public class MyOnPageChangeListener implements OnPageChangeListener
    {

        @Override
        public void onPageScrollStateChanged(int arg0) {
            
        }

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

        @Override
        public void onPageSelected(int arg0) {
            setBackgroundColor(arg0);
        }
        
    }
    
    /**
     * ViewPager 滚动速度设置
     * 
     */
    @SuppressLint("NewApi")
    public class ViewPagerScroller extends Scroller {
        private int mScrollDuration = 2000; // 滑动速度
     
        /**
         * 设置速度速度
         * @param duration
         */
        public void setScrollDuration(int duration){
            this.mScrollDuration = duration;
        }
         
        public ViewPagerScroller(Context context) {
            super(context);
        }
     
        public ViewPagerScroller(Context context, Interpolator interpolator) {
            super(context, interpolator);
        }
     
        public ViewPagerScroller(Context context, Interpolator interpolator, boolean flywheel) {
            super(context, interpolator, flywheel);
        }
     
        @Override
        public void startScroll(int startX, int startY, int dx, int dy, int duration) {
            super.startScroll(startX, startY, dx, dy, mScrollDuration);
        }
     
        @Override
        public void startScroll(int startX, int startY, int dx, int dy) {
            super.startScroll(startX, startY, dx, dy, mScrollDuration);
        }
      
        public void initViewPagerScroll(ViewPager viewPager) {
            try {
                Field mScroller = ViewPager.class.getDeclaredField("mScroller");
                mScroller.setAccessible(true);
                mScroller.set(viewPager, this);
            } catch(Exception e) {
                e.printStackTrace();
            }
        }
    }
}

color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- TextView背景颜色 -->
    <color name="textViewDefault">#536893</color>
    <color name="textViewSelected">#0A2864</color>
</resources>

MyFragmentPagerAdapter.java

package cn.com.ista.pdachina.adapter;

import java.util.ArrayList;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {

    private ArrayList<Fragment> list;
    
    public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> list) {
        super(fm);
        this.list = list;
    }

    @Override
    public Fragment getItem(int arg0) {
        return list.get(arg0);
    }

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

}

TaskDescribeFragment.java

package cn.com.ista.pdachina.ui;

import cn.com.ista.pdachina.R;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class TaskDescribeFragment extends Fragment {

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    @Nullable
    public View onCreateView(LayoutInflater inflater,
            @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.activity_taskdescribe_describe, container, false);//关联布局文件
        return rootView;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }
}

其它三个Feagment与TaskDescribeFragment类似，不再贴代码