热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

photoView实现图片多点触控效果

这篇文章主要为大家详细介绍了photoView实现图片多点触控效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

效果:点击后能够自由缩放、平移;

添加依赖:

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

布局文件:

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
 
  
 
   
   
 
   
  
 
 
 
 
 
  
 

代码实现:

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 mImages; 
 //用于存放ImageView 
 private ArrayList imageViewsList; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
 
  initViews(); 
  initImageUrl(); 
  getImageData(); 
 } 
 
 private void initImageUrl() { 
  //要显示的图片地址添加到集合里面 
  mImages = new ArrayList(); 
  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 可能导致图片变形 
   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 

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 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 &#63; 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 mImages; 
 ViewPager vp; 
 
 public ViewPagerAdapter(ArrayList mImages, ViewPager vp) { 
  this.mImages = mImages; 
  this.vp = vp; 
 } 
 
 @Override 
 public int getCount() { 
  return null == mImages &#63; 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); 
 } 
 
} 

代码下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 解决微信电脑版无法刷朋友圈问题:使用安卓远程投屏方案
    在工作期间想要浏览微信和朋友圈却不太方便?虽然微信电脑版目前不支持直接刷朋友圈,但通过远程投屏技术,可以轻松实现在电脑上操作安卓设备的功能。 ... [详细]
  • 本文详细介绍了 Java 中 org.apache.xmlbeans.SchemaType 类的 getBaseEnumType() 方法,提供了多个代码示例,并解释了其在不同场景下的使用方法。 ... [详细]
  • 本文深入探讨了 com.example.android.sunshine.data.TestUtilities 中 validateThenCloseCursor() 方法的使用方法及其代码示例,旨在帮助开发者更好地理解和应用该方法。 ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 本文详细介绍了Git分布式版本控制系统中远程仓库的概念和操作方法。通过具体案例,帮助读者更好地理解和掌握如何高效管理代码库。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
author-avatar
夜灬哭味
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有