photoView实现图片多点触控效果

compile 'com.commit451:PhotoView:1.2.4' compile 'com.github.bumptech.glide:glide:3.5.2' 

<?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">   <RelativeLayout   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:background="@android:color/white">    <!-- 抽取所有的Viewpager布局-->   <android.support.v4.view.ViewPager    android:id="@+id/viewPager"    android:layout_width="match_parent"    android:layout_height="wrap_content" />    <LinearLayout    android:id="@+id/ll_point"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_alignBottom="@id/viewPager"    android:layout_marginBottom="10dp"    android:layout_marginTop="10dp"    android:gravity="center"    android:orientation="horizontal" />  </RelativeLayout>   </LinearLayout> 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:background="#ffffff">   <com.example.tuhuadmin.imagetouch.HackyViewPager   android:id="@+id/hViewPager"   android:layout_width="match_parent"   android:layout_height="match_parent" /> </RelativeLayout> 

package com.example.tuhuadmin.imagetouch;  import android.content.Intent; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.RelativeLayout;  import com.bumptech.glide.Glide;  import java.util.ArrayList;  public class MainActivity extends AppCompatActivity {   private ViewPager vp;  private LinearLayout ll_point;  private ArrayList<String> mImages;  //用于存放ImageView  private ArrayList<ImageView> imageViewsList;   @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_main);    initViews();   initImageUrl();   getImageData();  }   private void initImageUrl() {   //要显示的图片地址添加到集合里面   mImages = new ArrayList<String>();   mImages.add(Constant.url1);   mImages.add(Constant.url2);   mImages.add(Constant.url4);   mImages.add(Constant.url5);   mImages.add(Constant.url6);    imageViewsList = new ArrayList<>();  }   private void initViews() {   vp = (ViewPager) findViewById(R.id.viewPager);   ll_point = (LinearLayout) findViewById(R.id.ll_point);    //让图片正方形显示   RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, ScreenUtils.getScreenWidth(this));   vp.setLayoutParams(params);   }   public void getImageData() {   if (mImages.size() == 1) {    // 只有一张图片 就不显示圆点   } else {    for (int i = 0; i < mImages.size(); i++) {     View point = new View(this);     //point.setId(i);//设置Id     point.setTag(i);//设置Tag     //设置背景     point.setBackgroundResource(R.drawable.point_selector);     //布局参数     LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(15, 15);     params.rightMargin = 20;//右边距     //把点添加到线性布局     ll_point.addView(point, params);    }    View point = ll_point.getChildAt(0);    point.setEnabled(false);   }   for (int i = 0; i < mImages.size(); i++) {    ImageView iv = new ImageView(this);    //设置iv的宽高    ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ScreenUtils.getScreenWidth(this));    iv.setLayoutParams(params);    //设置iv的填充样式--->可能导致图片变形    iv.setScaleType(ImageView.ScaleType.FIT_XY);    String url = mImages.get(i);    Glide.with(this).load(url).into(iv);     //设置图片的点击事件    //为每一个ImageView设置单独的标记、图片的位置    iv.setTag(i);    iv.setOnClickListener(new View.OnClickListener() {     @Override     public void onClick(View view) {      int position = (int) view.getTag();      Intent intent = new Intent(MainActivity.this, PhotoShowActivity.class);      //传递当前点击的图片的位置、图片路径集合      intent.putExtra("position", position);      intent.putStringArrayListExtra("mImages", mImages);      startActivity(intent);     }    });     // 把图片添加到集合里面    imageViewsList.add(iv);   }    vp.setAdapter(new ViewPagerAdapter(imageViewsList,vp) );   vp.setOnPageChangeListener(new MyOnPageChangeListener());  }   private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {   @Override   public void onPageScrollStateChanged(int arg0) {   }    @Override   public void onPageScrolled(int arg0, float arg1, int arg2) {    }    //页面选择   @Override   public void onPageSelected(int index) {    changePager(index);   }  }   private void changePager(int index) {   int childCount = ll_point.getChildCount();   for (int i = 0; i < childCount; i++) {    View point = ll_point.getChildAt(i);//获取小圆点    if (index == i) {     //当前选择的页面下标     point.setEnabled(false);    } else {     point.setEnabled(true);    }   }  } } 

package com.example.tuhuadmin.imagetouch;  import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.text.TextUtils; import android.view.View; import android.view.ViewGroup;  import com.bumptech.glide.Glide;  import java.util.ArrayList;  import uk.co.senab.photoview.PhotoView; import uk.co.senab.photoview.PhotoViewAttacher;  /**  * Created on 2016/7/19.  * Author:crs  * Description:XXX  */ public class PhotoShowActivity extends Activity {   private int position;  private ArrayList<String> mDatas;  private HackyViewPager hViewPager;   @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_photo_show);    getFrontPageData();   initViews();   }   private void initViews() {   hViewPager = (HackyViewPager) findViewById(R.id.hViewPager);   hViewPager.setAdapter(new ImageAdapter());   //为ViewPager当前page的数字   hViewPager.setCurrentItem(position);  }   public void getFrontPageData() {   //点击图片的位置   position = getIntent().getIntExtra("position", 0);   //获取传递过来的图片地址   mDatas = getIntent().getStringArrayListExtra("mImages");  }    public class ImageAdapter extends PagerAdapter {   @Override   public int getCount() {    return null == mDatas ? 0 : mDatas.size();   }    @Override   public boolean isViewFromObject(View view, Object object) {    return view == object;   }    @Override   public void destroyItem(ViewGroup container, int position, Object object) {    container.removeView((View) object);   }    @Override   public Object instantiateItem(ViewGroup container, int position) {    //创建显示图片的控件    PhotoView photoView = new PhotoView(container.getContext());    //设置背景颜色    photoView.setBackgroundColor(Color.WHITE);    //把photoView添加到viewpager中，并设置布局参数    container.addView(photoView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);    //加载当前PhtotoView要显示的数据    String url = mDatas.get(position);     if (!TextUtils.isEmpty(url)) {     //使用使用Glide进行加载图片进行加载图片     Glide.with(PhotoShowActivity.this).load(url).into(photoView);    }     //图片单击事件的处理    photoView.setOnViewTapListener(new PhotoViewAttacher.OnViewTapListener() {     @Override     public void onViewTap(View view, float x, float y) {      finish();     }    });    return photoView;   }   } } 

package com.example.tuhuadmin.imagetouch;  import android.content.Context; import android.view.Display; import android.view.WindowManager;  /**  * Created on 2016/7/19.  * Author:crs  * Description:XXX  */ public class ScreenUtils {   public static int getScreenWidth(Context context) {   WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);   Display defaultDisplay = wm.getDefaultDisplay();   int width = defaultDisplay.getWidth();   return width;   } } 

package com.example.tuhuadmin.imagetouch;  /**  * Created on 2016/7/19.  * Author:crs  * Description:XXX  */ public interface Constant {   String url1 = "http://pic.yesky.com/uploadImages/2016/181/06/L3JL486FYCL7.jpg";  String url2 = "http://pic.yesky.com/uploadImages/2016/181/07/9MXS11F0HOC2.jpg";  String url5 = "http://xm.fjsen.com/images/attachement/jpg/site2/20160629/38c986e7161c18dd5a6c1d.jpg";  String url4 = "http://pimg.damai.cn/perform/project/281/28183_n.jpg";  String url6 = "http://i3.hunantv.com/p1/20110905/1702374043.jpg";  } 

package com.example.tuhuadmin.imagetouch;  import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView;  import java.util.ArrayList;  /**  * Created on 2016/7/19.  * Author:crs  * Description:XXX  */ public class ViewPagerAdapter extends PagerAdapter {   ArrayList<ImageView> mImages;  ViewPager vp;   public ViewPagerAdapter(ArrayList<ImageView> mImages, ViewPager vp) {   this.mImages = mImages;   this.vp = vp;  }   @Override  public int getCount() {   return null == mImages ? 0 : mImages.size();  }   @Override  public boolean isViewFromObject(View arg0, Object arg1) {   return arg0 == arg1;  }   @Override  public void destroyItem(ViewGroup container, int position, Object object) {   ImageView iv = mImages.get(position);   vp.removeView(iv);  }   @Override  public Object instantiateItem(ViewGroup container, int position) {   ImageView iv = mImages.get(position);   vp.addView(iv);   return mImages.get(position);  }  }