android实现长图加载效果

所属分类: 软件编程 / Android 阅读数: 57
收藏 0 赞 0 分享

长图加载要用到一个关键的类BitmapRegionDecoder,长图加载会使用到bitmap内存复用, 比如view大小是440*654,图片的宽高是440*12000,那么这个时候就要获取图片的宽和高, 跟view的宽和高进行对比,获取到一个缩小比例,那么会得到宽一个比例,高一个比例,用大的比例作为缩放因子,然后配合手势滑动滑动长图

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapRegionDecoder;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Scroller;
 
import java.io.IOException;
import java.io.InputStream;
 
 
public class BigView extends View implements GestureDetector.OnGestureListener, View.OnTouchListener {
  private static final String TAG = "BigView";
  private Scroller mScroller;
  private GestureDetector mGestureDetector;
  private BitmapFactory.Options mOptions;
  private Rect mRect;
  private int mImageWidth;
  private int mImageHeight;
  private BitmapRegionDecoder mDecoder;
  private int mViewWidth;
  private int mViewHeight;
  private float mScale;
  private Bitmap bitmap;
 
  public BigView(Context context) {
    this(context, null, 0);
  }
 
  public BigView(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs, 0);
  }
 
  public BigView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //指定要加载的矩形区域
    mRect = new Rect();
    //解码图片的配置
    mOptions = new BitmapFactory.Options();
    //手势
    mGestureDetector = new GestureDetector(context, this);
    setOnTouchListener(this);
    // 滑动帮助
    mScroller = new Scroller(context);
  }
 
  /**
   * 由使用者输入一张图片 输入流
   *
   * @param is
   */
  public void setImage(InputStream is) {
    //先读取原图片的 宽、高
    mOptions.inJustDecodeBounds = true;
    BitmapFactory.decodeStream(is, null, mOptions);
    mImageWidth = mOptions.outWidth;
    mImageHeight = mOptions.outHeight;
    //复用 内存复用
    mOptions.inMutable = true;
    //设置像素格式为 rgb565
    mOptions.inPreferredConfig = Bitmap.Config.RGB_565;
    mOptions.inJustDecodeBounds = false;
    //创建区域解码器 用于区域解码图片
    try {
      mDecoder = BitmapRegionDecoder.newInstance(is, false);
    } catch (IOException e) {
      e.printStackTrace();
    }
    requestLayout();
  }
 
  /**
   * 测量 view的大小
   *
   * @param widthMeasureSpec
   * @param heightMeasureSpec
   */
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    //获得测量的view的大小
    mViewWidth = getMeasuredWidth();
    mViewHeight = getMeasuredHeight();
    //如果解码器是null 表示没有设置过要现实的图片
    if (null == mDecoder) {
      return;
    }
    //确定要加载的图片的区域
    mRect.left = 0;
    mRect.top = 0;
    mRect.right = mImageWidth;
//    Log.e(TAG,"缩放因子="+(mViewWidth*1.0f/mImageWidth*1.0f));
//    Log.e(TAG,"缩放因子="+(mViewHeight*1.0f/mImageHeight*1.0f));
    //获得缩放因子
    mScale = mViewWidth / (float) mImageWidth;
 
    // 需要加载的高 * 缩放因子 = 视图view的高
    // x * mScale = mViewHeight
    mRect.bottom = (int) (mViewHeight / mScale);
    Log.e(TAG,"l="+mRect.left);
    Log.e(TAG,"t="+mRect.top);
    Log.e(TAG,"r="+mRect.right);
    Log.e(TAG,"b="+mRect.bottom);
  }
 
  /**
   * 把图片画上去
   *
   * @param canvas
   */
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 如果解码器是null 表示没有设置过要现实的图片
    if (null == mDecoder) {
      return;
    }
    //复用上一张bitmap
    Log.e(TAG,"复用上一张bitmap="+bitmap);
    mOptions.inBitmap = bitmap;
    //解码指定区域
    bitmap = mDecoder.decodeRegion(mRect, mOptions);
    //使用矩阵 对图片进行 缩放
    Matrix matrix = new Matrix();
    matrix.setScale(mScale, mScale);
    //画出来
 
    canvas.drawBitmap(bitmap, matrix, null);
  }
 
 
  /**
   * 手指按下屏幕的回调
   * @param e
   * @return
   */
  @Override
  public boolean onDown(MotionEvent e) {
    //如果滑动还没有停止 强制停止
    if (!mScroller.isFinished()){
      mScroller.forceFinished(true);
    }
    //继续接收后续事件
    return true;
  }
 
  @Override
  public void onShowPress(MotionEvent e) {
 
  }
 
  @Override
  public boolean onSingleTapUp(MotionEvent e) {
    return false;
  }
 
 
  @Override
  public void onLongPress(MotionEvent e) {
 
  }
 
  /**
   * 手指 不离开屏幕 拖动
   * @param e1 手指按下去 的事件 -- 获取开始的坐标
   * @param e2 当前手势事件 -- 获取当前的坐标
   * @param distanceX x轴 方向移动的距离
   * @param distanceY y方向移动的距离
   * @return
   */
  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    // 手指从下往上 图片也要往上 distanceY是负数, top 和 bottom 在减
    // 手指从上往下 图片也要往下 distanceY是正数, top 和 bottom 在加
    //改变加载图片的区域
    mRect.offset(0, (int) distanceY);
    //bottom大于图片高了, 或者 top小于0了
    if (mRect.bottom > mImageHeight){
      mRect.bottom = mImageHeight;
      mRect.top = mImageHeight-(int) (mViewHeight / mScale);
    }
    if (mRect.top < 0){
      mRect.top = 0;
      mRect.bottom = (int) (mViewHeight / mScale);
    }
    //重绘
    invalidate();
    return false;
  }
 
  /**
   * 手指离开屏幕 滑动 惯性
   * @param e1
   * @param e2
   * @param velocityX 速度 每秒x方向 移动的像素
   * @param velocityY y
   * @return
   */
  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
    /**
     * startX: 滑动开始的x坐标
     * startY: 滑动开始的y坐标
     * 两个速度
     * minX: x方向的最小值
     * max 最大
     * y
     */
    //计算器
    mScroller.fling(0,mRect.top,
        0,(int)-velocityY,
        0,0,0,
        mImageHeight - (int) (mViewHeight / mScale));
    return false;
  }
 
  //获取计算结果并且重绘
  @Override
  public void computeScroll() {
    //已经计算结束 return
    if (mScroller.isFinished()){
      return;
    }
    //true 表示当前动画未结束
    if (mScroller.computeScrollOffset()){
      //
      mRect.top = mScroller.getCurrY();
      mRect.bottom = mRect.top+ (int) (mViewHeight / mScale);
      invalidate();
    }
  }
 
  @Override
  public boolean onTouch(View v, MotionEvent event) {
    //交由手势处理
    return mGestureDetector.onTouchEvent(event);
  }
}

如果是面试关键二点,第一个要说出来这个类,第二个要知道使用了内存复用.

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

更多精彩内容其他人还在看

Android 自定义球型水波纹带圆弧进度效果(实例代码)

最近小编接到一个这样的需求,需要实现一个圆形水波纹,带进度,两层水波纹需要渐变显示,且外围有一个圆弧进度。今天小编给大家分享实例代码,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

Flutter 实现下拉刷新上拉加载的示例代码

这篇文章主要介绍了Flutter 实现下拉刷新上拉加载的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Windows实现Flutter环境搭建及配置这一篇就够了

这篇文章主要介绍了Windows实现Flutter环境搭建及配置这一篇就够了,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android利用碎片fragment实现底部标题栏(Github模板开源)

Fragment可以作为Activity的组成部分,一个Activity可以有多个Fragment,这篇文章主要介绍了Android利用碎片fragment实现底部标题栏(Github模板开源),需要的朋友可以参考下
收藏 0 赞 0 分享

android studio 的下拉菜单Spinner使用详解

这篇文章主要介绍了android studio 的下拉菜单Spinner使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

解析Android 8.1平台SystemUI 导航栏加载流程

这篇文章主要介绍了Android 8.1平台SystemUI 导航栏加载流程,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android仿微信录音功能

这篇文章主要为大家详细介绍了Android仿微信录音功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android仿微信键盘切换效果

这篇文章主要为大家详细介绍了Android仿微信键盘切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android超清晰6.0权限申请AndPermission

这篇文章主要介绍了Android超清晰6.0权限申请AndPermission,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android仿微信录制语音功能

这篇文章主要介绍了Android仿微信录制语音功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多