android实现图片预览

最新推荐文章于 2024-06-12 10:03:19 发布
最新推荐文章于 2024-06-12 10:03:19 发布
阅读量1.3w 收藏 4
点赞数 1
分类专栏： android

代码是拿别人的改的 ，原来的有些BUG ，项目加载的都是网络图片 还没弄左右滑动效果

 


yi 工具类

[java] package com.lin.image; 
 
 
import android.content.Context; 
import android.graphics.Bitmap; 
import android.graphics.Matrix; 
import android.graphics.PointF; 
import android.graphics.Rect; 
import android.util.FloatMath; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.widget.ImageView; 
 
public class MyImageView extends ImageView { 
    private    Matrix mMatrix; 
    private float bWidth;// 图片宽度  
    private float bHeight; 
     
    private int dWidth;//屏幕宽度  
    private int  dHeight;//屏幕高度  
    private float initScale; 
    private float mScale; 
    private float scale; 
    ImageState mapState = new ImageState(); 
    private float oldDist; 
    PointF mStart = new PointF(); 
    private Bitmap mBitmap; 
    float[] values = new float[9]; 
     
    Matrix initMatrix; 
    Matrix mSavedMatrix; 
     
    public MyImageView(Context context) { 
        super(context); 
         this.setScaleType(ScaleType.MATRIX); 
    } 
    public void init(MotionEvent event){ 
        mStart.set(event.getX(), event.getY()); 
        mSavedMatrix.set(mMatrix); 
         
    } 
    float rate=1.0f; 
     // 刷新界面  
    public void setView() { 
        //rate=rate/10*9;  
        // UserUtils.log(TAG, "set view", "set view");  
        //mMatrix.postScale(scale,scale,0,0);  
        this.setImageMatrix(mMatrix); 
         
        Rect rect = this.getDrawable().getBounds(); 
        this.getImageMatrix().getValues(values); 
        bWidth = rect.width() * values[0]; 
        bHeight = rect.height() * values[0]; 
 
        mapState.left = values[2]; 
        mapState.top = values[5]; 
        mapState.right = mapState.left + bWidth; 
        mapState.bottom = mapState.top + bHeight; 
    } 
    private float s=0.9f; 
    public void setScale(){ 
     
        float sX = dWidth / 2; 
        float sY = dHeight / 2; 
 
       mMatrix.postScale(s, s, sX, sY); 
       setView(); 
    } 
    public void setScreenSize(Context context, int width, int height,Bitmap bitmap) { 
         mBitmap =bitmap; 
        dWidth = width; 
        dHeight = height; 
        setImageBitmap(mBitmap); 
//        gd = new GestureDetector(context, new LearnGestureListener());  
 
        bWidth = mBitmap.getWidth(); 
        bHeight = mBitmap.getHeight(); 
        // mView = (ImageView) findViewById(R.id.imageView);  
        float xScale = (float) dWidth / bWidth; 
        float yScale = (float) dHeight / bHeight; 
        mScale = xScale <= yScale ? xScale : yScale; 
      scale = mScale < 1 ? mScale : 1; 
        initScale = scale; 
        mMatrix = new Matrix(); 
        mSavedMatrix = new Matrix(); 
        System.out.println("dwidth==="+dHeight+"  bHeight===="+bHeight); 
        // 平移  
        mMatrix.postTranslate((dWidth - bWidth) / 2, (dHeight - bHeight) / 2); 
 
        float sX = dWidth / 2; 
        float sY = dHeight / 2; 
         
        mSavedMatrix.set(mMatrix); 
       mMatrix.postScale(scale, scale, sX, sY); 
        setView(); 
    } 
     
    /** 计算移动距离 */ 
    private float spacing(MotionEvent event) { 
        float x = event.getX(0) - event.getX(1); 
        float y = event.getY(0) - event.getY(1); 
        return FloatMath.sqrt(x * x + y * y); 
    } 
    float backScale; 
    //缩放  
    public void zoom(MotionEvent event) { 
 
        float newDist = spacing(event); 
        if((mapState.right-mapState.left)>4*dWidth&&newDist>oldDist) 
            return; 
        Log.e("lin","oldDist="+oldDist+",newDist=="+newDist); 
        if (newDist > 10f&&Math.abs((newDist-oldDist))>10f) { 
            scale = newDist / oldDist; 
            if (scale < 1) { 
                mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2); 
            } else { 
                mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2); 
            } 
            oldDist=newDist; 
        } 
 
        setView(); 
    } 
     
    /**
     * @return the oldDist
     */ 
    public float getOldDist(MotionEvent event) { 
        this.oldDist = this.spacing(event); 
        if (oldDist > 10f) { 
                mSavedMatrix.set(mMatrix); 
        } 
        backScale=oldDist; 
        Log.e("lin","oldDist="+oldDist); 
        return oldDist; 
    } 
    public void backScale(){ 
         scale = backScale / oldDist; 
         if (scale < 1) { 
          //   mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2);  
         } else { 
             if(mapState.right-mapState.left<=dWidth){ 
                  scale= dWidth/(mapState.right-mapState.left); 
             
                 mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2); 
                    float h=(dHeight-(mapState.bottom-mapState.top))/2; 
                    float w=(dWidth-(mapState.right-mapState.left))/2; 
                     mMatrix.postTranslate(w-mapState.left,h-mapState.top); 
             } 
         } 
         setView(); 
    } 
    public void backDrag(){ 
        if (mapState.left >= 0 || mapState.right <= dWidth 
               ||mapState.top >= 0 || mapState.bottom <= dHeight) { 
            float h=(dHeight-(mapState.bottom-mapState.top))/2; 
            float w=(dWidth-(mapState.right-mapState.left))/2; 
             mMatrix.postTranslate(w-mapState.left,h-mapState.top); 
             setView(); 
        } 
    } 
    //拖动  
    public void drag(MotionEvent event){ 
        //Log.i  
        Log.e("lin","left="+mapState.left+",right="+mapState.right 
                +",top="+mapState.top+",bottom="+mapState.bottom); 
 
        mMatrix.set(mSavedMatrix); 
        if ((mapState.left <= 0 || mapState.right >= dWidth) 
                && (mapState.top <= 0 || mapState.bottom >= dHeight)) { 
            mMatrix.postTranslate(event.getX() - mStart.x, event.getY() 
                    - mStart.y); 
        } else if (mapState.top <= 0 || mapState.bottom >= dHeight) { 
            mMatrix.postTranslate(0, event.getY() - mStart.y); 
        } else if (mapState.left <= 0 || mapState.right >= dWidth) { 
            mMatrix.postTranslate(event.getX() - mStart.x, 0); 
        } 
        else{ 
              mMatrix.postTranslate(event.getX() - mStart.x, event.getY()-mStart.y); 
        } 
        //mStart.x=event.getX();  
       // mStart.y=event.getY();  
        setView(); 
         
    } 
    private class ImageState { 
        private float left; 
        private float top; 
        private float right; 
        private float bottom; 
    } 
} 
package com.lin.image;


import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.Rect;
import android.util.FloatMath;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;

public class MyImageView extends ImageView {
 private    Matrix mMatrix;
    private float bWidth;// 图片宽度
    private float bHeight;
   
    private int dWidth;//屏幕宽度
    private int  dHeight;//屏幕高度
    private float initScale;
    private float mScale;
    private float scale;
    ImageState mapState = new ImageState();
    private float oldDist;
    PointF mStart = new PointF();
    private Bitmap mBitmap;
    float[] values = new float[9];
   
    Matrix initMatrix;
    Matrix mSavedMatrix;
   
 public MyImageView(Context context) {
  super(context);
      this.setScaleType(ScaleType.MATRIX);
 }
    public void init(MotionEvent event){
        mStart.set(event.getX(), event.getY());
        mSavedMatrix.set(mMatrix);
       
    }
 float rate=1.0f;
  // 刷新界面
    public void setView() {
     //rate=rate/10*9;
        // UserUtils.log(TAG, "set view", "set view");
     //mMatrix.postScale(scale,scale,0,0);
        this.setImageMatrix(mMatrix);
       
        Rect rect = this.getDrawable().getBounds();
        this.getImageMatrix().getValues(values);
        bWidth = rect.width() * values[0];
        bHeight = rect.height() * values[0];

        mapState.left = values[2];
        mapState.top = values[5];
        mapState.right = mapState.left + bWidth;
        mapState.bottom = mapState.top + bHeight;
    }
    private float s=0.9f;
    public void setScale(){
   
        float sX = dWidth / 2;
        float sY = dHeight / 2;

       mMatrix.postScale(s, s, sX, sY);
       setView();
    }
    public void setScreenSize(Context context, int width, int height,Bitmap bitmap) {
      mBitmap =bitmap;
     dWidth = width;
        dHeight = height;
        setImageBitmap(mBitmap);
//        gd = new GestureDetector(context, new LearnGestureListener());

        bWidth = mBitmap.getWidth();
        bHeight = mBitmap.getHeight();
        // mView = (ImageView) findViewById(R.id.imageView);
        float xScale = (float) dWidth / bWidth;
        float yScale = (float) dHeight / bHeight;
        mScale = xScale <= yScale ? xScale : yScale;
      scale = mScale < 1 ? mScale : 1;
        initScale = scale;
        mMatrix = new Matrix();
        mSavedMatrix = new Matrix();
        System.out.println("dwidth==="+dHeight+"  bHeight===="+bHeight);
        // 平移
        mMatrix.postTranslate((dWidth - bWidth) / 2, (dHeight - bHeight) / 2);

        float sX = dWidth / 2;
        float sY = dHeight / 2;
       
        mSavedMatrix.set(mMatrix);
       mMatrix.postScale(scale, scale, sX, sY);
        setView();
    }
   
    /** 计算移动距离 */
    private float spacing(MotionEvent event) {
        float x = event.getX(0) - event.getX(1);
        float y = event.getY(0) - event.getY(1);
        return FloatMath.sqrt(x * x + y * y);
    }
    float backScale;
    //缩放
    public void zoom(MotionEvent event) {

        float newDist = spacing(event);
     if((mapState.right-mapState.left)>4*dWidth&&newDist>oldDist)
      return;
        Log.e("lin","oldDist="+oldDist+",newDist=="+newDist);
        if (newDist > 10f&&Math.abs((newDist-oldDist))>10f) {
            scale = newDist / oldDist;
            if (scale < 1) {
                mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2);
            } else {
                mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2);
            }
            oldDist=newDist;
        }

        setView();
    }
   
    /**
     * @return the oldDist
     */
    public float getOldDist(MotionEvent event) {
        this.oldDist = this.spacing(event);
        if (oldDist > 10f) {
                mSavedMatrix.set(mMatrix);
        }
        backScale=oldDist;
        Log.e("lin","oldDist="+oldDist);
        return oldDist;
    }
    public void backScale(){
      scale = backScale / oldDist;
         if (scale < 1) {
          //   mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2);
         } else {
          if(mapState.right-mapState.left<=dWidth){
            scale= dWidth/(mapState.right-mapState.left);
         
           mMatrix.postScale(scale, scale, dWidth / 2, dHeight / 2);
                float h=(dHeight-(mapState.bottom-mapState.top))/2;
                float w=(dWidth-(mapState.right-mapState.left))/2;
             mMatrix.postTranslate(w-mapState.left,h-mapState.top);
          }
         }
    setView();
    }
    public void backDrag(){
        if (mapState.left >= 0 || mapState.right <= dWidth
               ||mapState.top >= 0 || mapState.bottom <= dHeight) {
        float h=(dHeight-(mapState.bottom-mapState.top))/2;
        float w=(dWidth-(mapState.right-mapState.left))/2;
     mMatrix.postTranslate(w-mapState.left,h-mapState.top);
     setView();
        }
    }
    //拖动
    public void drag(MotionEvent event){
     //Log.i
      Log.e("lin","left="+mapState.left+",right="+mapState.right
       +",top="+mapState.top+",bottom="+mapState.bottom);

        mMatrix.set(mSavedMatrix);
        if ((mapState.left <= 0 || mapState.right >= dWidth)
                && (mapState.top <= 0 || mapState.bottom >= dHeight)) {
            mMatrix.postTranslate(event.getX() - mStart.x, event.getY()
                    - mStart.y);
        } else if (mapState.top <= 0 || mapState.bottom >= dHeight) {
            mMatrix.postTranslate(0, event.getY() - mStart.y);
        } else if (mapState.left <= 0 || mapState.right >= dWidth) {
            mMatrix.postTranslate(event.getX() - mStart.x, 0);
        }
        else{
           mMatrix.postTranslate(event.getX() - mStart.x, event.getY()-mStart.y);
        }
        //mStart.x=event.getX();
       // mStart.y=event.getY();
        setView();
       
    }
    private class ImageState {
        private float left;
        private float top;
        private float right;
        private float bottom;
    }
}

 

 

二， Activity[java] package com.lin.image; 
 
import android.app.Activity; 
import android.graphics.Bitmap; 
import android.graphics.drawable.BitmapDrawable; 
import android.os.Bundle; 
import android.util.Log; 
import android.view.MotionEvent; 
 
public class ImageScaleActivity extends Activity { 
    /** Called when the activity is first created. */ 
      MyImageView image; 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        image=new MyImageView(this); 
        Bitmap bmp=((BitmapDrawable)getResources().getDrawable(R.drawable.totallist)).getBitmap(); 
        image.setScreenSize(this,getWindowManager().getDefaultDisplay().getWidth(), 
            getWindowManager().getDefaultDisplay().getHeight(),bmp); 
        setContentView(image); 
    } 
    private static final int DRAG=10; 
    private static final int  NULL=0; 
    private static final int SCALE=11; 
    private int mode; 
    private float mStartX; 
    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
        // TODO Auto-generated method stub  
        switch (event.getAction()) { 
        case  MotionEvent.ACTION_DOWN: 
            Log.i("lin","down"); 
            mode=DRAG; 
 
             mStartX = event.getRawX(); 
            image.init(event); 
            break; 
        case MotionEvent.ACTION_MOVE: 
            if(mode==SCALE) 
                image.zoom(event); 
            if(mode==DRAG){ 
                    image.drag(event); 
                      return true; 
            } 
            break; 
        case MotionEvent.ACTION_UP: 
            Log.i("lin","up"); 
            if(mode==SCALE){ 
                image.backScale(); 
                mode=NULL; 
            } 
            else if(mode==DRAG){ 
                image.backDrag(); 
            } 
            break; 
        case MotionEvent.ACTION_POINTER_1_DOWN: 
            Log.i("lin","down1"); 
            break; 
        case MotionEvent.ACTION_POINTER_2_DOWN: 
            Log.i("lin","down2"); 
            image.getOldDist(event); 
            mode=SCALE; 
            break; 
        case MotionEvent.ACTION_POINTER_2_UP: 
            Log.i("lin","up2"); 
 
        default: 
            break; 
        } 
 
        return super.onTouchEvent(event); 
    } 
    private float calculate(float x1,  float x2) { 
 
        float pz = x1 - x2;// 计算两点间的距离  
        return pz; 
    } 
} 
package com.lin.image;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;

public class ImageScaleActivity extends Activity {
    /** Called when the activity is first created. */
   MyImageView image;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        image=new MyImageView(this);
        Bitmap bmp=((BitmapDrawable)getResources().getDrawable(R.drawable.totallist)).getBitmap();
        image.setScreenSize(this,getWindowManager().getDefaultDisplay().getWidth(),
         getWindowManager().getDefaultDisplay().getHeight(),bmp);
        setContentView(image);
    }
    private static final int DRAG=10;
    private static final int  NULL=0;
    private static final int SCALE=11;
    private int mode;
    private float mStartX;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
     // TODO Auto-generated method stub
     switch (event.getAction()) {
     case  MotionEvent.ACTION_DOWN:
      Log.i("lin","down");
      mode=DRAG;

          mStartX = event.getRawX();
            image.init(event);
      break;
     case MotionEvent.ACTION_MOVE:
      if(mode==SCALE)
       image.zoom(event);
      if(mode==DRAG){
                    image.drag(event);
                      return true;
      }
      break;
     case MotionEvent.ACTION_UP:
      Log.i("lin","up");
      if(mode==SCALE){
       image.backScale();
       mode=NULL;
      }
      else if(mode==DRAG){
       image.backDrag();
      }
      break;
     case MotionEvent.ACTION_POINTER_1_DOWN:
      Log.i("lin","down1");
      break;
     case MotionEvent.ACTION_POINTER_2_DOWN:
      Log.i("lin","down2");
      image.getOldDist(event);
      mode=SCALE;
      break;
        case MotionEvent.ACTION_POINTER_2_UP:
         Log.i("lin","up2");

  default:
   break;
  }

     return super.onTouchEvent(event);
    }
    private float calculate(float x1,  float x2) {

        float pz = x1 - x2;// 计算两点间的距离
        return pz;
    }
}
截图

 

 
 




_7爷
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android-一个大图预览(支持缩放)ImageView
08-13
一个大图预览(支持缩放)ImageView
Android---PhotoViewer实现图片预览
qq_44950283的博客
02-24 1617
PhotoViewer 图片查看器模仿微信朋友圈查看图片的效果。
推荐一款创新的Android图像查看库——FlickableView
最新发布
gitblog_00092的博客
06-12 512
推荐一款创新的Android图像查看库——FlickableView 项目地址:https://gitcode.com/gotokatsuya/FlickableView 在移动应用中，图片查看器是不可或缺的一部分，它为用户提供了一种方便的方式来浏览和互动与图像。今天，我要向大家推荐一个独特的Android开源项目——FlickableView，这是一个功能强大的可滑动、缩放的图片视图，其灵感来源...
Android中点击图片进行图片预览功能的实现（ImagePreview图片预览工具库）
kaolagirl的博客
05-19 7358
因为需求，对于轮播图进行一个点击预览的功能，看了好多的文章，都没有弄出来，还是多亏了昊昊猿博主 点击查看原文 终于把它搞定啦。 这里的话是使用ImagePreview，一个非常好用的图片预览工具库（还可以实现双击放大等功能），它不需要我们创建任何布局，只需要简单的初始化，放入数据，就可以实现图片预览（多图），话不多说，先上效果图： 接下来，就去讲讲如何实现的吧 1.导入依赖包 implementation 'com.github.bumptech.glide:glide:4.9.0' //..
Android 图片预览功能
丿灬安之若死
02-20 3724
哔哩哔哩地址： 代码： 依赖 implementation 'com.ycjiang:ImagePreview:2.3.5' 创建图片初始化类 TestImageLoader package com.anguomob.market.utils; import android.content.Context; import android.graphics.Bitmap; import android.widget.ImageView; import androidx.annot
Android利用Gallery和ImageSwitcher实现在线相册图片预览功能（异步加载图片）
04-14
Android利用Gallery和ImageSwitcher实现在线相册图片预览功能（异步加载图片）
Android使用ViewPager实现图片滑动预览效果
08-29
Android 使用 ViewPager 实现图片滑动预览效果 Android 中的 ViewPager 是一个非常常用的控件，用于实现滑动式的界面切换。今天，我们来学习如何使用 ViewPager 实现图片滑动预览效果。 首先，我们需要在布局文件...
Android图片上传实现预览效果
09-02
本文将详细讲解如何在Android平台上实现图片上传并提供预览效果。 首先，我们要明确实现这个功能需要考虑的几个关键点： 1. **图片选择**：用户可以选择从相册中选取图片或者直接通过摄像头拍摄新照片。为了支持这...
android 视频图片预览
04-28
"android 视频图片预览"这一主题，主要涵盖了以下几个关键知识点： 1. **多媒体文件管理**： 在Android中，管理和访问本地存储的图片和视频文件需要用到`MediaStore`类，它提供了访问设备上所有媒体内容的接口。...
Android仿微信照片选择器实现预览查看图片
01-04
好了下面进入正题，我们先看一下实现效果吧： 下面来介绍一下代码：  本思路就是： 1.先到手机中扫描jpeg和png的图片 2.获取导图片的路径和图片的父路径名也就是文件夹名 3.将图片路径和文件夹名分别添加导...
Android图片预览
12-27
图片点击放大预览
Android开发丶GridView实现可预览的简易图片浏览器
01-08
记录了Android开发学习的历程，本demo为一个可预览的简易图片浏览器，使用了GridView控件，通过点击上方的小图而在下方显示大图，并含有要点整理文档。
android缩略图点击后预览大图
03-02
大图预览 功能描述：一般我们浏览一个应用，别人发布的状态或新闻都会有很多配图， 我们点击图片时可以浏览大图，这张大图一般可以放大，放大到超过屏幕后 * 可以移动 需要从activity的Intent传参数过来 传入参数：url 大图下载地址 smallPath 缩略图存在本地的地址
android 图片选择（九宫格，图片选择，图片预览选择）
03-05
希望csdn能吧这个设置成0积分，安卓选择图片，图片预览。就是仿照微信查看选择图片使用的。喜欢的小伙伴拿去
android图片浏览器，实现简单图片浏览功能-android pictureviewer
12-31
android图片浏览器，实现简单图片浏览功能-android pictureviewer
Android 图片浏览功能简单实现（画廊效果实现，支持放大缩小）
07-31
Android 图片浏览功能简单实现（画廊效果实现，支持放大缩小），博客参考地址：http://blog.csdn.net/qq_31546677/article/details/76472598
Android实现图片预览浏览功能
有 prepare , No out
08-15 3003
1 主xml文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageSwitcher and
Android图片预览功能（可旋转、缩放、左右切换）
yeaper_yeo的博客
03-12 1万+
我们要实现的效果 1、点击图片出现预览界面 2、可对图片进行旋转、缩放 3、能左右滑动，预览其他图片 4、单击预览界面后，回到上一界面 具体如下图：            使用到的第三方库 1、图片加载缓存库 Picasso：https://github.com/square/picasso 2、图片浏览缩放控件 PhotoView：https://git
Android图片加载框架Picasso最全使用教程 三
热门推荐
SmallCheric
04-04 1万+
前面我们对Picasso的用法有了一定得了解,下面就分析一下一些特殊情况下,Picasso的用法
android 图片放大预览
09-01
在Android中，可以通过使用ImageView实现图片放大预览的功能。具体步骤如下： 1. 在布局文件中，添加一个ImageView控件用于显示图片。 2. 在Java代码中，找到对应的ImageView并设置一个点击监听器。 3. 在点击...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值