热门标签 | 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); 
 } 
 
} 

代码下载

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


推荐阅读
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
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社区 版权所有