Android ViewPager 的使用总结

在一个窗口里面添加tab便签,完成便签切换来实现页面的切换,这样的好处是可以在同一个窗口里面有多个页面,这些页面共享同一个窗口的资源,同使用多个窗口来实现这个功能来得更加流畅!!

主要产生的类文件有activity,n个view,adapter,自定义的ViewPager,n+1个布局文件

demo所用到文件

步骤:

创建activity

package com.example.myviewpager;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
/**
 * 主窗口
 * @author cgx
 *
 */
public class MainActivity extends Activity implements OnClickListener {

 private Context mContext;
 private MyViewPager mPager;// 页面内容
 private MyViewPagerAdapter pagerAdapter = null;
 private TextView t1, t2, t3;// 页卡头标
 private List<View> pageList = new ArrayList<View>();
 private View1 mView1;
 private View2 mView2;
 private View3 mView3;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 mContext = this;
 initViews();
 initEvents();
 initViewPager();
 }

 private void initViews() {
 // TODO Auto-generated method stub

 t1 = (TextView) findViewById(R.id.text1);
 t2 = (TextView) findViewById(R.id.text2);
 t3 = (TextView) findViewById(R.id.text3);
 mPager = (MyViewPager) findViewById(R.id.vPager);
 // 设置ViewPager不允许滑动
 //mPager.setCanScroll(false);
 //一开始进入窗口的时候,默认第一个便签被选中
 t1.setBackgroundColor(Color.parseColor("#FFFF00"));
 t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
 t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
 }

 private void initEvents() {
 // TODO Auto-generated method stub
 t1.setOnClickListener(this);
 t2.setOnClickListener(this);
 t3.setOnClickListener(this);
 }

 private void initViewPager() {
 // TODO Auto-generated method stub

 pageList.clear();

 if (mView1 == null) {
  mView1 = new View1(mContext);
 }

 if (mView2 == null) {
  mView2 = new View2(mContext);
 }

 if (mView3 == null) {
  mView3 = new View3(mContext);
 }

 pageList.add(mView1.getView());
 pageList.add(mView2.getView());
 pageList.add(mView3.getView());

 pagerAdapter = new MyViewPagerAdapter(pageList);
 // 缓存页面,如果想全部都缓存的话,参数等于页卡数减一,系统默认参数为1,保存两个
 mPager.setOffscreenPageLimit(2);
 mPager.setAdapter(pagerAdapter);
 // 设置Page改变监听器
 mPager.setOnPageChangeListener(onPageChangeListener);
 }

 /**
 * SimpleOnPageChangeListener.该监听是当我们的viewpager页面切换的时候会触发 在里面我们会去改变 tab的聚焦情况
 * 。 因为实现上viewpager与actionbar是独立的,需要我们手动同步 。
 */
 ViewPager.SimpleOnPageChangeListener onPageChangeListener = new ViewPager.SimpleOnPageChangeListener() {
 @Override
 public void onPageSelected(int position) {
  /**
  * setSelectedNavigationItem 方法用于设置ActionBar的聚焦tab .
  * 在接下来我们判断了SLidingMenu的手势力模式, 如果ViewPager已经滑到了最左边,则我们把手势设置成全屏的,
  * 这样更往左滑动的时候,就会打开Menu .
  */
  initTab(position);
 }

 // 初始化便签颜色
 private void initTab(int position) {
  // TODO Auto-generated method stub
  if (position == 0) {
  t1.setBackgroundColor(Color.parseColor("#FFFF00"));
  t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t3.setBackgroundColor(Color.parseColor("#FFFFFF"));

  } else if (position == 1) {
  t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t2.setBackgroundColor(Color.parseColor("#FFFF00"));
  t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
  } else {
  t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t3.setBackgroundColor(Color.parseColor("#FFFF00"));
  }
 }
 };

 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 switch (v.getId()) {

 case R.id.text1:// 点击第一个便签
  mPager.setCurrentItem(0, false);
  break;
 case R.id.text2:// 点击第二个便签
  mPager.setCurrentItem(1, false);
  break;
 case R.id.text3:// 点击第三个便签
  mPager.setCurrentItem(2, false);
  break;
 default:
  break;
 }
 }

}

自定义MyViewPager

package com.example.myviewpager;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * 自定义滑动翻页可控,可通过设置isCanScroll参数来控制是否允许滑动切换页面
 */
public class MyViewPager extends ViewPager {
 /** 是否允许滑动翻页 ,默认可滑动*/
 private boolean isCanScroll = true;

 public MyViewPager(Context context, AttributeSet attrs) {
 super(context, attrs);
 }

 public MyViewPager(Context context) {
 super(context);
 }

 public boolean isCanScroll() {
 return isCanScroll;
 }

 /** 设置是否可以滑动翻页 */
 public void setCanScroll(boolean isCanScroll) {
 this.isCanScroll = isCanScroll;
 }

 @Override
 public void scrollTo(int x, int y) {
 super.scrollTo(x, y);
 }

 // 设置禁止滑动的关键
 @Override
 public boolean onTouchEvent(MotionEvent arg0) {
 if (!isCanScroll)
  return true;
 return super.onTouchEvent(arg0);
 }

 @Override
 public boolean onInterceptTouchEvent(MotionEvent arg0) {

 return super.onInterceptTouchEvent(arg0);
 }

 @Override
 public void setCurrentItem(int item, boolean smoothScroll) {
 super.setCurrentItem(item, smoothScroll);
 }

 @Override
 public void setCurrentItem(int item) {
 super.setCurrentItem(item);
 }

}

适配器:

package com.example.myviewpager;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
/**
 * viewpager适配器
 * */
public class MyViewPagerAdapter extends PagerAdapter{

  private List<View> mListViews; 

  public MyViewPagerAdapter(List<View> mListViews) {
    this.mListViews = mListViews;//构造方法,参数是我们的页卡,这样比较方便
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object)  {
    container.removeView(mListViews.get(position));//删除页卡
  } 

  @Override
  public Object instantiateItem(ViewGroup container, int position) { //这个方法用来实例化页卡
    container.addView(mListViews.get(position), 0);//添加页卡
    return mListViews.get(position);
  } 

  @Override
  public int getCount() {
    return mListViews.size();//返回页卡的数目
  } 

  @Override
  public boolean isViewFromObject(View arg0, Object arg1) {
    return arg0==arg1;//官方提示这样写
  }

}

第一个view

package com.example.myviewpager;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;

/**
 * 第一个
 * @author cgx
 *
 */
public class View1 {

 private Context mContext;
 private View rootView;
 public View1(Context mContext) {
 // TODO Auto-generated constructor stub
 this.mContext=mContext;
 //加载布局
 rootView = LayoutInflater.from(mContext).inflate(
  R.layout.view1_layout, null);
 }

 public View getView(){
 return rootView;
 }

}

activity布局文件

<LinearLayout 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"
  android:orientation="vertical"
  >
 <LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF" >

    <TextView
      android:id="@+id/text1"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="页卡1"
      android:textColor="#000000"
      android:textSize="20sp" />

    <TextView
      android:id="@+id/text2"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="页卡2"
      android:textColor="#000000"
      android:textSize="20sp" />

    <TextView
      android:id="@+id/text3"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="页卡3"
      android:textColor="#000000"
      android:textSize="20sp" />
  </LinearLayout>
   <com.example.myviewpager.MyViewPager
    android:id="@+id/vPager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_weight="1.0"
    android:background="#000000"
    android:flipInterval="30"
     />

</LinearLayout>

View1的布局

<?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:background="#123456" >
</LinearLayout>

由于用于演示,所以view的布局只是用不同的背景色来区分,开发中具体要展示的布局可以直接在view的布局文件里面改。demo中的view都是参考第一个来写的,类似

总结。

实际开发中,虽然官方提供了很多api,真正等到要自己用的时候,还是自己在依照习惯再包装一层,成为自己的工具,这样以后就可以直接用了,上面的例子是我在实习期间总结的,鄙陋之处敬请原谅,也欢迎大家指出,一起学习(^_^)

代码链接:http://pan.baidu.com/s/1pJAF6Gz

以上就是对Android ViewPager 的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

(0)

相关推荐

  • Android自定义进度条的圆角横向进度条实例详解

    1.本文将向你介绍自定义进度条的写法,比较简单,但还是有些知识点是需要注意的: invalidate()方法 RectF方法的应用 onMeasure方法的应用 2.原理 画3层圆角矩形,底层为黑色,第二层为灰色,最上一层为进度条颜色,示例图如下: 3.效果图   实现圆角进度条还有很多其他方法,比如在Progress控件里填充圆角图片,通过拉伸图片来达到预想的效果,虽然听起来很简单,但实现起来还是有些麻烦的. 4.解说方法 (1)invalidate()方法 invalidate()是用来刷新

  • 浅谈Android中视图动画的属性与使用

    简介 Android动画主要包括视图动画和属性动画,视图动画包括Tween动画和Frame动画,Tween动画又包括渐变动画.平移动画.缩放动画.旋转动画. Tween动画的基本属性 目标 View: 时常 duration; 开始状态 fromXXX; 结束动画 toXXX; 开始时间 startOffset; 重复次数 repeatCount; 时间轴 interpolator(插值器). 代码示例 xml实现 <?xml version="1.0" encoding=&qu

  • Android布局居中的几种做法

    Android的布局文件中,如果想让一个组件(布局或View)居中显示在另一个布局(组件)中,可以由这么几种做法: android:layout_gravity android:gravity android:layout_centerInParent layout_gravity android:layout_gravity ,用来指定当前组件(布局或View)在父组件(布局)中的位置,父布局应该是LinearLayout或者它的后裔. layout_gravity取值可能是: top bot

  • Android6.0 屏幕固定功能详解

    可能大家看到这个标题不知道是什么东西,我先说明下,android6.0在设置->安全->屏幕固定开启后,然后再长按home键出现最近的几个Activity可以选择一个图钉按钮就开启了屏幕固定功能. 屏幕固定开启后,屏幕只能固定在设定的Task上的Activity切换. 一.设置固定屏幕 我们先来看SystemUI/src/com/android/systemui/recents/ScreenPinningRequest.java的代码,这段代码就是长按home键出现几个Activity,然后按

  • Android Studio查看Android 5.x源码的步骤详解

    关于Android Studio的好处我就不用说了,下面两点就足矣让你转投Android Studio了: 1.Android Studio是Google官方指定的,目前官网已经去掉了ADT, 大家可以在Android开发者官网 中进行查看,目前只有Android Studio提供下载了. 2.Google也表示ADT不再进行维护了. 转投Android Studio时大势所趋,网上关于如何使用Android Studio的帖子也是满天飞,所以我就不再啰嗦夸奖Android Studio了. 这

  • Android实现音频条形图效果(仿音频动画无监听音频输入)

    音频条形图 如下图所示就是这次的音频条形图: 由于只是自定义View的用法,我们就不去真实地监听音频输入了,随机模拟一些数字即可. 如果要实现一个如上图的静态音频条形图,相信大家应该可以很快找到思路,也就是绘制一个个的矩形,每个矩形之间稍微偏移一点距离即可.如下代码就展示了一种计算坐标的方法. for (int i = 0; i < mRectCount; i++) { // 矩形的绘制是从左边开始到上.右.下边(左右边距离左边画布边界的距离,上下边距离上边画布边界的距离) canvas.dra

  • Android string-array数据源简单使用

    在Android中,用string-array是一种简单的提取XML资源文件数据的方法. 例子如下: 把相应的数据放到values文件夹的arrays.xml文件里 <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="city"> <item>厦门市</item> <item>福州市&l

  • Android this与Activity.this的区别

    写语句的时候有两种情况: Toast.makeText(AlarmActivity.this,"闹钟取消", Toast.LENGTH_SHORT); <pre name="code" class="java">Toast.makeText(this,"闹钟5秒后启动", Toast.LENGTH_SHORT); 用英文在google搜what's difference between this and Activ

  • Android ViewPager 的使用总结

    在一个窗口里面添加tab便签,完成便签切换来实现页面的切换,这样的好处是可以在同一个窗口里面有多个页面,这些页面共享同一个窗口的资源,同使用多个窗口来实现这个功能来得更加流畅!! 主要产生的类文件有activity,n个view,adapter,自定义的ViewPager,n+1个布局文件 demo所用到文件 步骤: 创建activity package com.example.myviewpager; import java.util.ArrayList; import java.util.L

  • Android ViewPager实现无限循环轮播广告位Banner效果

    现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络.这个广告位banner是典型的android ViewPager实现,但是如果自己实现这样的ViewPager,要解决一系列琐碎的问题,比如: (1)这个广告位ViewPager要支持无限循环轮播,例如,有3张图片,A,B,C,当用户滑到最后C时候再滑就要滑到A,反之亦然. (2)ViewPager要实现自动播放,比如每个若干秒如2秒,自动切换播放到下一张图片. (3)通

  • Android ViewPager撤消左右滑动切换功能实现代码

    最近做项目要求某种情况下ViewPager不能滑动,那么我们只需要重写这个方法就可以禁止ViewPager滑动.下面通过本文给大家ViewPager取消左右滑动切换功能的实例代码,具体代码如下所示: IndexViewPager.Java: <span style="background-color: rgb(255, 255, 255);">import android.content.Context; import android.support.v4.view.Vie

  • Android ViewPager实现左右滑动的实例

    Android ViewPager实现左右滑动的实例 多个标题以及标题下的每个View视图 <com.shizhefei.view.indicator.ScrollIndicatorView android:id="@+id/moretab_indicator" android:layout_width="match_parent" android:layout_height="45dp" /> <View android:la

  • Android ViewPager的事件冲突的解决办法

    Android ViewPager的事件冲突的解决办法 当我昨天做viewpager内图片的滑动时,发现图片没有滑动,反而是viewpager滑动了,后来在网上查了资料,解决的事件冲突的问题. @Override public boolean dispatchTouchEvent(MotionEvent ev) { //处理与Viewpager的事件冲突 if (mCurArrayMode==1){ getParent().requestDisallowInterceptTouchEvent(t

  • Android viewpager 3D画廊的实现方法

    ViewPager有个方法叫做: setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer) 用于设置ViewPager切换时的动画效果. 这里我们只要自定义一个PageTransformer来实现我们需要的动画偏移效果就好了! public class ScrollOffsetTransformer implements PageTransformer { private static final f

  • Android viewpager中动态添加view并实现伪无限循环的方法

    本文实例讲述了Android viewpager中动态添加view并实现伪无限循环的方法.分享给大家供大家参考,具体如下: viewpager的使用,大家都熟悉,它可以实现页面之间左右滑动的切换,这里有一个需求,就是viewpager里面加载的页数不是确定的,而是根据数据的多少来确定的.常见的应用就是在一个新闻的详细页面中,显示与此新闻有关的图片. 下面我们来看一下代码: activity_main.xml <RelativeLayout xmlns:android="http://sch

  • Android ViewPager动态加载问题

    今天做项目时,纠结了很久,动态添加view,刚开始按照其他的adapter处理,但是不会刷新view,来回翻几页,还会view覆盖,最后手动调用adapter的destroyItem和instantiateItem方法,还是不行,最后重写notifyDataSetChanged中removeAllViews和instantiateItem,有点效果,可是还是不理想.最后查询资料要重写PagerAdapter的方法 如下: public int getItemPosition(Object obj

  • Android ViewPager与radiogroup实现关联示例

    Android ViewPager与radiogroup实现关联 效果图展示 Android ViewPager与radiogroup实现关联步骤 1.实例化ViewPager 2.通过LayoutInflater加载布局,返回View结果 3.把生成的每一个View对象添加到List集合中 4.实例化适配器,传递View集合 5.在适配器中继承自PagerAdapter,实现内部的四个方法 getCount(); 返回视图的数量 isViewFromObject(); 是否通过对象加载视图 V

  • Android ViewPager画廊效果详解及实例

    Android ViewPager 画廊效果 从上面的图片可以看到,当添加多张图片的时候,能够在下方形成一个画廊的效果,我们左右拉动图片来看我们添加进去的图片,效果是不是好了很多呢?下面来看看怎么实现吧! 上面的效果类似Android里面ViewPage的效果,但是跟ViewPager有所不同,ViewPager每次只能显示一张图片. 其实我们是利用到了View的clipChildren属性,我们在这里要把ViewPager以及它的父窗体都设置为false,如下: android:clipChi

随机推荐