photoView实现图片多点触控效果

概述本文实例为大家分享了PhotoView实现图片多点触控效果展示的具体代码，供大家参考，具体内容如下

本文实例为大家分享了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);    }   }  } } 

PhotoShowActivity中代码实现:

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;   }   } } 

ScreenUtils中代码：WindowManager类的使用     WINDOW_SERVICE  display(屏幕参数工具类)

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;   } } 

Constant接口中存储字符串常量:

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";  } 

VIEwPagerAdapter：

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,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);  }  } 

代码下载

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的photoView实现图片多点触控效果全部内容，希望文章能够帮你解决photoView实现图片多点触控效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。