android常用控件ViewPager(一) ViewPager基本应用

来源:互联网 发布:淘宝售前客服术语大全 编辑:程序博客网 时间:2024/05/16 13:49

ViewPager这个控件主要是用来实现屏幕之间的滑动切换(当然这样的控件也可以完全自己打造)它是google SDk中自带的一个附加包的一个类。现在很多应用都运用了ViewPager这样的效果。本篇先介绍ViewPager的基本功能。

ViewPager的基本应用

  ViewPager作为与ListView一类的数据容器类控件在使用上也是通过适配器来完成。在一个简单的ViewPager中,只需要实现它的PagerAdapter适配器就好。在一般使用中,ViewPager总是配合着Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用,具体实现在下一章给出。
  在使用ViewPager的时候需要使用到两个组件类分别是PagerTitleStrip类和PagerTabStrip类。根据官方的文档对这两个组件的解释分别是:
1、PagerTitleStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个非交互的指示器。
2、PagerTabStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个可交互的指示器。
这里的交互是指是否可以被点击。

建立一个ViewPager

一、布局文件 。在布局文件中,我们只需要将ViewPager引入即可。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.viewpagedemo.MainActivity">    <android.support.v4.view.ViewPager        android:id="@+id/viewpager"        android:layout_width="wrap_content"        android:layout_height="300dp"        android:layout_gravity="center" >        <android.support.v4.view.PagerTitleStrip            android:id="@+id/pagertab"            android:layout_width="wrap_content"            android:layout_height="20dp"            android:layout_gravity="top"/>    </android.support.v4.view.ViewPager></RelativeLayout>

这里引入可一个ViewPager并且引入了子控件PagerTitleStrip。
二、写适配器函数

 PagerAdapter pagerAdapter = new PagerAdapter() {            @Override            public boolean isViewFromObject(View arg0, Object arg1) {                // TODO Auto-generated method stub                Log.d("HK","isViewFromObject called");                return arg0 == arg1;            }            @Override            public int getCount() {                // TODO Auto-generated method stub                return viewList.size();            }            @Override            public void destroyItem(ViewGroup container, int position,                                    Object object) {                // TODO Auto-generated method stub                Log.d("HK","destroyItem called");                container.removeView(viewList.get(position));            }            @Override            public Object instantiateItem(ViewGroup container, int position) {                // TODO Auto-generated method stub                container.addView(viewList.get(position));                Log.d("HK","instantiateItem called");                return viewList.get(position);            }            @Override            public CharSequence getPageTitle(int position) {                // TODO Auto-generated method stub                Log.d("HK","getPageTitle called");                return titleList.get(position);            }        };

在适配其中,可以看到我们重写了适配器的相关函数。对于PagerAdapter 我们至少需要重写4个函数。分别为:
isViewFromObject(View arg0, Object arg1):
public int getCount(): 返回需要滑动View的个数。
public void destroyItem(ViewGroup container, int position, Object object):从当前container中删除指定位置(position)的View。
public Object instantiateItem(ViewGroup container, int position):根据position创建页面。适配器通过这个函数为container提供内容。
  在这里我们还重写了getPageTitle,这个是为PagerTitleStrip提供内容。
  对于PagerTabStrip 只需要把子控件换成

    <android.support.v4.view.PagerTabStrip              android:id="@+id/pagertab"              android:layout_width="match_parent"              android:layout_height="wrap_content"               android:layout_gravity="top"/>  

即可。
本例子代码在GITHUB可下载。
GIT:https://github.com/everyhappy/ViewPagerDemo1

0 0