文档章节

ViewPager的使用

Carbenson
 Carbenson
发布于 2015/10/22 23:53
字数 1324
阅读 199
收藏 6

在一个窗口里面添加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


© 著作权归作者所有

共有 人打赏支持
Carbenson
粉丝 15
博文 257
码字总数 81635
作品 0
广州
程序员
私信 提问
Android开源控件ViewPager Indicator的使用方法

Android Viewpager Indicator是Android开发中最常用的控件之一,几乎所有的新闻类APP中都有使用,下面介绍其基本使用方法。 1. ViewPager Indicator的Library 查看Viewpager Indicator的Lib...

linsea
2014/03/14
0
0
Fragement+ViewPager+Fragment

求大神指导 该怎么在Fragment中使用ViewPager 并且ViewPager的三个Tab使用3个Fragmengt 也就是 Fragment中嵌套ViewPager ViewPager嵌套Fragment...

lollipop
2015/03/22
294
4
viewpager+viewpager+scrollview+gridview

刚开始有一个父viewpager,后来在viewpager里面放了一个子viewpager还有一个gridview在同一个页面(子viewpager在上并且添加了点击事件,Gridview在下面),出现了滑动还有显示的问题,后来在...

KongSyp
2015/07/11
753
1
根据Fragment布局高度来自动适应的Viewpager

在最近的项目中,要用到ViewPager,但是viewpager是放在recycleview里面,高度是不确定的,只好重写measure方法来根据子布局的高度来动态生成viewpager的高度,但是有个缺点,就是不能根据子...

遇见sunshine
07/04
0
0
ViewPager不能高度自适应?height=wrap_content 无效解决办法

/* http://my.oschina.net/lifj/blog/283346 */ ViewPager用的很多,主要用啦展示广告条。可是高度却不能自适应内容,总是会占满全屏,即使设置android:height="wrap_content"也是没有用的。...

拉风的道长
2014/06/24
0
9

没有更多内容

加载失败,请刷新页面

加载更多

js垃圾回收机制和引起内存泄漏的操作

JS的垃圾回收机制了解吗? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。 JS中最常见的垃圾回收方式是标记清除。 工作原理:是当变量进入环境时,将这个变量标记为“...

Jack088
昨天
17
0
大数据教程(10.1)倒排索引建立

前面博主介绍了sql中join功能的大数据实现,本节将继续为小伙伴们分享倒排索引的建立。 一、需求 在很多项目中,我们需要对我们的文档建立索引(如:论坛帖子);我们需要记录某个词在各个文...

em_aaron
昨天
27
0
"errcode": 41001, "errmsg": "access_token missing hint: [w.ILza05728877!]"

Postman获取微信小程序码的时候报错, errcode: 41001, errmsg: access_token missing hint 查看小程序开发api指南,原来access_token是直接当作parameter的(写在url之后),scene参数一定要...

两广总督bogang
昨天
31
0
MYSQL索引

索引的作用 索引类似书籍目录,查找数据,先查找目录,定位页码 性能影响 索引能大大减少查询数据时需要扫描的数据量,提高查询速度, 避免排序和使用临时表 将随机I/O变顺序I/O 降低写速度,占用磁...

关元
昨天
13
0
撬动世界的支点——《引爆点》读书笔记2900字优秀范文

撬动世界的支点——《引爆点》读书笔记2900字优秀范文: 作者:挽弓如月。因为加入火种协会的读书活动,最近我连续阅读了两本论述流行的大作,格拉德威尔的《引爆点》和乔纳伯杰的《疯传》。...

原创小博客
昨天
35
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部