為了實現圖片的左右滑動以及放大縮小的功能，用到了兩個元件ViewPager和PhotoView。

PhotoView是開源專案，它也是通過繼承ImageView然後擴充功能，實現圖片放大縮小等功能；而載入網路圖片用到了ImageLoader這個開源元件。

工欲善其事必先利其器，本案例通過Android Studio開發，所以首先需要引入包：

在Module的build.gradle檔案中新增如下兩個依賴;第一個是引入ImageLoader這個開源元件，第二個則是PhotoView。

compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.4'
compile 'com.github.chrisbanes.photoview:library:1.2.3'

(Eclipse的同學就需要下載對應的jar包，將其放入lib資料夾下)

1.首先我將圖片載入在一個GridView中

GridAdapter關鍵程式碼：

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View view;
        ViewHolder holder;
        if(convertView == null){
            holder = new ViewHolder();
            view = LayoutInflater.from(mContext).inflate(mResource,null);
            holder.mImageView = (ImageView) view.findViewById(R.id.img);
            CSApplication.getInstance().imageLoader.displayImage(
                    mImgUrls.get(position),holder.mImageView, DisplayImageOptionsUtil.defaultOptions);
            view.setTag(holder);
        }else{
            view = convertView;
            holder = (ViewHolder)view.getTag();
        }
        return view;
    }


    class ViewHolder{
        ImageView mImageView;
    }

上面程式碼中，CSApplication類初始化了ImageLoader，並配置了引數，然後直接呼叫它的displayImage方法將圖片放入ImageView中；mImgUrls是存放圖片的url地址的列表

2.對GridView新增監聽事件，點選任意位置的圖片，然後顯示該圖片

PhotoviewActivity：顯示圖片的activity

private void setupData(){
    int mCurrentUrl = getIntent().getIntExtra(MainActivity.PHOTO_POSITION,0);
mImgUrls = Arrays.asList
 
(Images.imageThumbUrls);
mAdapter = new PhotoViewAdapter();
mViewPager.setAdapter(mAdapter);
//設定當前需要顯示的圖片
mViewPager.setCurrentItem(mCurrentUrl);
}

在ViewPager的介面卡(PhotoViewAdapter)中:

@Override
public Object instantiateItem(ViewGroup container, int position) {
    View view = container.inflate(PhotoviewActivity.this,
R.layout.item_photo_view,null);
mPhotoView = (PhotoView) view.findViewById(R.id.photo);
//使用ImageLoader載入圖片
CSApplication.getInstance().imageLoader.displayImage(
            mImgUrls.get(position),mPhotoView, DisplayImageOptionsUtil.defaultOptions);
//給圖片增加點選事件
mAttacher = new PhotoViewAttacher(mPhotoView);
mAttacher.setOnViewTapListener(PhotoviewActivity.this);
container.addView(view);
    return view;
}

這樣就可以實現圖片的左右滑動和放大縮小。但是在圖片放大縮小的時候，如果沒有重寫ViewPager的onTouchEvent和onInterceptTouchEvent這兩個方法，就會報錯。java.lang.IllegalArgumentException: pointerIndex out of range

以上就是使用ViewPager和PhotoView實現圖片滑動和放大縮小功能以及可能的注意事項。

以上如有不正確的地方，請指正，謝謝。最後附上原始碼。

原始碼下載