Android-ViewPager(PagerAdapter 实现)

1.回顾

  上篇学习了Fragment 的 使用和学习

2.重点

  (1)ViewPager 认识

  (2)将布局Layout 转为 View对象

  (3)PagerAdapter 实现

  (4)FragmentPagerAdapter 实现

  (5)FragmentStatePagerAdapter 实现

  (6)OnPageChangeListener 监听

3.ViewPager认识

    使视图 界面可以 滑动

 (1) PagerAdapter 数据源 List


 (2) FragmentPagerAdapter  数据源  List  :

        这种方式 将 fragment 全部加载到页面里了,操作的Activity 需要 继承 FragmentActivity


 (3) FragmentStatePagerAdapter  数据源 List

4.布局文件 转 View对象 

  (1)View.infalte() 

          在 Fragment 中使用过;比如

		View view1=View.inflate(this, R.layout.viewpager1,null);
   

  (2)使用 getLatoutInflater()

	View lyInf=getLayoutInflater().from(this).inflate(R.layout.viewpager1,null);
	


5.PagerAdapter 实现 ViewPage

  5.1 效果图

                                                 Android-ViewPager(PagerAdapter 实现)_第1张图片

  5.2 Activity 布局文件实现

    外层是 ViewPager , 里层是 标题

 
        
         
         
       
    
    

   5.3  新添ViewPager 布局文件

    在 Layout 文件夹下 ,新添加 四个 viewpager.xml (普通布局)布局:




    

    


   5.4 PagerAdapter 实现

package com.example.Adapter;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

public class MyPagerAdapter extends PagerAdapter {


	/*
	 * 使用 pagerAdapter  注意几点:
	 * 重写方法的时候是 含有 ViewGroup的方法 :
	 * 适合用在 使用 layout 布局实现
	 * instantiateItem(ViewGroup container, int position)
	 * destroyItem(ViewGroup container, int position, Object object)
	 * 
	 */
	private List views;
	private List titiles;
	
	public MyPagerAdapter(List views,List titles) {
		this.views=views;
		this.titiles=titles;
	}
	
	/**
	 * 返回 页卡 的数量
	 */
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return views.size();
	}

	/**
	 *  判断 是 view 是否来自对象
	 */
	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		// TODO Auto-generated method stub
		return arg0==arg1;
	}
	
	/**
	 * 实例化 一个 页卡 
	 */
     @Override
    public Object instantiateItem(ViewGroup container, int position) {
    	// 添加一个 页卡
    	 
    	 container.addView(views.get(position));
    	 
    	return views.get(position);
    }
	
	/**
	 * 销毁 一个 页卡
	 */
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		// 删除
		container.removeView(views.get(position));
	}

	/**
	 *  重写 标题的 方法
	 */
	@Override
	public CharSequence getPageTitle(int position) {
		// 给页面添加标题
		return titiles.get(position);
	}
	
}



    5.5  Activity 实现 

       (1) 控件初始化

       (2) 准备数据源

       (3)准备适配器

       (4)样式设置

       (5)设置适配器

       (6)ViewPager上的页面通过 view对象操作

       (7)例子:第一个页面上的按钮点击事件

	//页面数据源
	private List views;
	
	//初始化页面
	private ViewPager main_viewpager;
	
	//添加 标题
	private PagerTabStrip main_viewtabpager;
	
	//标题数据源
	private List titles;
	
	private Button btn_one_pager;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	  
		main_viewpager=(ViewPager) findViewById(R.id.main_viewpager);
		main_viewtabpager=(PagerTabStrip) findViewById(R.id.main_viewtabpager);
		
		//准备 标题数据源
		titles=new ArrayList();
		titles.add("第一页面");
		titles.add("第二页面");
		titles.add("第三页面");
		titles.add("第四页面");
	
		
		//准备数据源
		views=new ArrayList();
		View view1=View.inflate(this, R.layout.viewpager1,null);
		View view2=View.inflate(this, R.layout.viewpager2,null);
		View view3=View.inflate(this, R.layout.viewpager3,null);
		View view4=View.inflate(this,R.layout.viewpager4, null);
		views.add(view1);
		views.add(view2);
		views.add(view3);
		views.add(view4);


		//设置 标题样式
		main_viewtabpager.setBackgroundColor(Color.GREEN);
		main_viewtabpager.setDrawFullUnderline(false);
		main_viewtabpager.setTextColor(Color.RED);
		main_viewtabpager.setTabIndicatorColor(Color.BLACK);
		
		//创建 Adapter
		MyPagerAdapter pagerAdapter=new MyPagerAdapter(views,titles);
		
		//添加适配器
		main_viewpager.setAdapter(pagerAdapter);
		
		//通过View1来控制 viewPager上的控件,从而 来 操作
		btn_one_pager=(Button) view1.findViewById(R.id.btn_one_pager);
		btn_one_pager.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Toast.makeText(getApplicationContext(), "VerpagerTestActivity 执行了",Toast.LENGTH_SHORT).show();
				
			}
		});
		
		
	}
	


6.总结

   通过PagerAdapter 实现的 数据源是  List ,而 操作 每个页面上的 控件 通过 每个 view对象 初始化控件 ,来操作;


你可能感兴趣的:(android,ui)