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类似，不再贴代码

Android Viewpager+Fragment实现滑动标签页的更多相关文章

  1. ViewPager + Fragment实现滑动标签页

    http://blog.csdn.net/lizhenmingdirk/article/details/13631813; tab与frg的区别: http://www.cnblogs.com/tia ...

  2. Android ViewPager + Fragment实现滑动页面

    效果: PagerData类: package com.cloud.viewpagerdemo; import java.io.Serializable; class PagerData implem ...

  3. 【Android进阶】使用Andbase快速开发框架实现常见侧滑栏和滑动标签页组合效果

    最近闲来无事,在网上寻找源代码看,突然发现了一个国内技术牛人开发的快速开发框架Andbase,花了一天时间研究了下源码和怎么使用,现将开发常见的侧滑栏和滑动标签页组合效果的使用介绍个大家,希望可以减少 ...

  4. Android ViewPager Fragment使用懒加载提升性能

     Android ViewPager Fragment使用懒加载提升性能 Fragment在如今的Android开发中越来越普遍,但是当ViewPager结合Fragment时候,由于Androi ...

  5. Android ViewPager 打造炫酷欢迎页

    Android ViewPager 打造炫酷欢迎页 ViewPager是Android扩展v4包中的类,这个类可以让用户切换当前的View.对于这个类的应用场景,稍加修改就可以应用到多个环境下.比如: ...

  6. Android - ViewPager+Fragment初始化问题

    Android应用开发中,经常会用到ViewPager + Fragment,虽然效果不错,但随之而来的还有一些问题,下面就说说其中的初始化问题. ViewPager初始化时会预加载前后的2个页面,即 ...

  7. 安卓开发之使用viewpager+fragment实现滚动tab页

    闲着.用viewpager+fragment实现了个滚动tab..轻拍,以后会陆续发先小东西出来..爱分享,才快乐.demo见附件.. package com.example.demo; import ...

  8. ActionBar+Fragment实现顶部标签页

    用ActionBar的TABS模式,和Fragment实现程序顶部的标签页切换. 一. MainActivity         public class MainActivity extends A ...

  9. Android ViewPager + Fragment的布局

    ViewPager And Fragment 1.之前有篇博客是讲ViewPager的用法的:http://www.cnblogs.com/liangstudyhome/p/3773156.html ...

随机推荐

  1. POJ 1056

    #include <iostream> #include <string> #define MAXN 50 using namespace std; struct node { ...

  2. [转]Elasticsearch Java API总汇

    http://blog.csdn.net/changong28/article/details/38445805#comments 3.1 集群的连接 3.1.1 作为Elasticsearch节点 ...

  3. 【Java并发编程】：守护线程与线程阻塞的四种情况

    守护线程 JAVA中有两类线程:User Thread(用户线程).Daemon Thread(守护线程) 用户线程即运行在前台的线程,而守护线程是运行在后台的线程. 守护线程作用是为其他前台线程的运 ...

  4. spring boot整合RabbitMQ（Fanout模式）

    1.Fanout Exchange介绍Fanout Exchange 消息广播的模式,不管路由键或者是路由模式,会把消息发给绑定给它的全部队列,如果配置了routing_key会被忽略. 如上图所示, ...

  5. 《LeetBook》leetcode题解(16):3Sum Closest [M]

    我现在在做一个叫<leetbook>的免费开源书项目,力求提供最易懂的中文思路,目前把解题思路都同步更新到gitbook上了,需要的同学可以去看看 书的地址:https://hk029.g ...

  6. 【转】Spark源码分析之-Storage模块

    原文地址:http://blog.csdn.net/aiuyjerry/article/details/8595991 Storage模块主要负责数据存取,包括MapReduce Shuffle中间结 ...

  7. 极高效内存池实现 (cpu-cache)

    视频请看 : http://edu.csdn.net/course/detail/627 1.内存池的目的 提高程序的效率 减少运行时间 避免内存碎片 2.原理   要解决上述两个问题,最好的方法就是 ...

  8. 移动端模拟hover

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name=& ...

  9. C++的函数对象优于函数指针地方

    转载自:http://blog.csdn.net/huang_xw/article/details/7934156 在C++编程语言中,有很多功能都与C语言相通,比如指针的应用等等.在这里我们介绍的则 ...

  10. golang的并行快速排序

    .nums[]作为core,将nums中大于core的元素放入greater,将不大于core的元素放入less 当nums长度为1时往ch中写入此元素 .分别对less和greater进行1操作(并 ...