int getCount():返回頁面數(shù)目
Object instantiateItem(ViewGroup,int position):創(chuàng)建position位置的頁面視圖，加入到ViewGroup中，并返回該視圖的Key。Key可以是該視圖，也可以是其他唯一與該視圖對應(yīng)的對象：
boolean isViewFromObject(View,Object)：判斷Object所代表的Key是否對應(yīng)指定的View。
void destroyItem(ViewGroup,int position,Object)：從ViewGroup里刪除position位置的View。

我們先用LayoutInflater將前面為每個(gè)頁面建立的界面加載進(jìn)來，并放在一個(gè)ArrayList之類的容器里面。然后在PagerAdapter的這四個(gè)方法里，我們操作的，就是與這些頁面對應(yīng)的View。

使用ViewPager組件實(shí)現(xiàn)圖片切換
上面說的這些步驟可能聽起來挺空洞的，下面我們來看這個(gè)使用ViewPager組件實(shí)現(xiàn)圖片切換的實(shí)例：
在很多App中，尤其是第一次安裝啟動(dòng)后，都會出現(xiàn)幾個(gè)圖片進(jìn)行一些app的介紹和說明，圖片可以隨著滑動(dòng)而切換。

我們這里利用 ViewPager組件來演示如何實(shí)現(xiàn)這一點(diǎn)。

1、創(chuàng)建一個(gè)app工程，默認(rèn)創(chuàng)建一個(gè)主 Activity

2、設(shè)置該Activity的布局文件activity_main.xml內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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/viewPager" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" />
     
  <RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"
    android:orientation="vertical" > 
  
    <LinearLayout 
      android:id="@+id/tagView" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true"
      android:layout_marginBottom="20dp" 
      android:gravity="center_horizontal" 
      android:orientation="horizontal" > 
    </LinearLayout> 
  </RelativeLayout> 
 
</FrameLayout>

因?yàn)槲覀兿Ｍ偾袚Q圖片上，能有一些點(diǎn)點(diǎn)形狀的圖標(biāo)（或者數(shù)字）顯示當(dāng)前圖片。所以這里的activity采用了FrameLayout布局（可以實(shí)現(xiàn)view重疊放置）。

第一個(gè)控件就是ViewPager （注意ViewPager 是在support.v4包中的，新的andorid中并沒有移植該組件）。

第二個(gè)控件是放置一個(gè)RelativeLayout，其中放置一個(gè)LinearLayout（位于屏幕的底部位置），該LinearLayout采用水平布局，用來放置小的圖標(biāo)。

3、準(zhǔn)備圖片

準(zhǔn)備5張用于切換顯示的圖片，如 pic1.jpg、pic2.jpg、pic3.jpg、pic4.jpg、pic5.jpg，再準(zhǔn)備兩個(gè)小圖標(biāo)圖片page_current.png、page_not_current.png。

將這些圖片放到drawable-hdpi目錄下（或相應(yīng)尺寸的drawable目錄下）。

4、編寫activity的代碼

package com.example.showviewpager;
 
import java.util.ArrayList;
 
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
 
public class MainActivity extends Activity {
 
  private static final int VIEW_NUM = 5;
  private ViewPager viewPager;
  private ImageView[] tagImageViews = new ImageView[VIEW_NUM];
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    addTagImage();
    initViewPager();
  }
 
  private void addTagImage() {
    LinearLayout layout = (LinearLayout)findViewById(R.id.tagView);
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
     LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    params.setMargins(15, 0, 0, 0);
    for (int i = 0; i < VIEW_NUM; i++) {
      ImageView tagImageView = new ImageView(this);
      tagImageView.setLayoutParams(params);
      tagImageViews[i] = tagImageView;
      if (i == 0) {
        tagImageView.setBackgroundResource(R.drawable.page_current);
      } else {
        tagImageView.setBackgroundResource(R.drawable.page_not_current);
      }
 
      layout.addView(tagImageView);
    }
  }
   
  private void initViewPager() {
    viewPager = (ViewPager) findViewById(R.id.viewPager);
    viewPager.setAdapter(new MyAdapter());
    viewPager.setOnPageChangeListener(new OnPageChangeListener() {
      @Override
      public void onPageSelected(int arg0) {
        for (int i = 0; i < tagImageViews.length; i++) {
          if (i == arg0 % VIEW_NUM) {
            tagImageViews[i].setBackgroundResource(R.drawable.page_current);
          } else {
            tagImageViews[i].setBackgroundResource(R.drawable.page_not_current);
          }
        }
      }
       
      @Override
      public void onPageScrolled(int arg0, float arg1, int arg2) {
         
      }
       
      @Override
      public void onPageScrollStateChanged(int arg0) {
         
      }
    });
    viewPager.setCurrentItem(0);
  }
   
  class MyAdapter extends PagerAdapter{
    private ArrayList<View> viewList;
    public MyAdapter(){
      viewList = new ArrayList<View>();
      viewList.add(createPagerImageView(R.drawable.pic1));
      viewList.add(createPagerImageView(R.drawable.pic2));
      viewList.add(createPagerImageView(R.drawable.pic3));
      viewList.add(createPagerImageView(R.drawable.pic4));
      viewList.add(createPagerImageView(R.drawable.pic5));
    }
     
    private View createPagerImageView(int resid){
      LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
      LinearLayout layout = new LinearLayout(MainActivity.this);
      layout.setLayoutParams(params);
      layout.setOrientation(LinearLayout.VERTICAL);
      ImageView imageView = new ImageView(MainActivity.this);
      imageView.setLayoutParams(params);
      imageView.setScaleType(ScaleType.CENTER_CROP);
      imageView.setImageResource(resid);
      layout.addView(imageView);
      return layout;
    }
     
    @Override
    public int getCount() {
      return Integer.MAX_VALUE;
    }
 
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
      return arg0 == arg1;
    }
     
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
      ((ViewPager) container).addView(viewList.get(position % VIEW_NUM),0);
      return viewList.get(position % VIEW_NUM);
    }
 
    @Override
    public void destroyItem(View container, int position, Object object) {
      ((ViewPager) container).removeView(viewList
          .get(position % VIEW_NUM));
    }
     
  }
 
  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  }
 
  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_settings) {
      return true;
    }
    return super.onOptionsItemSelected(item);
  }
}

5、如果需要不顯示activity的標(biāo)題欄，可修改manifest中的activity中的配置,設(shè)置樣式為：

android:theme="@android:style/Theme.Black.NoTitleBar"

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.example.showviewpager"
  android:versionCode="1"
  android:versionName="1.0" >
 
  <uses-sdk
    android:minSdkVersion="16"
    android:targetSdkVersion="21" />
 
  <application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
      android:name=".MainActivity"
      android:label="@string/app_name"
      android:theme="@android:style/Theme.Black.NoTitleBar" >
      <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
    </activity>
  </application>
 
</manifest>

其它配置文件、代碼等都是采用eclipse創(chuàng)建的默認(rèn)設(shè)置。

您可能感興趣的文章: