android实现长图加载效果
时间:2022-07-27
本文章向大家介绍android实现长图加载效果,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
长图加载要用到一个关键的类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);
}
}
如果是面试关键二点,第一个要说出来这个类,第二个要知道使用了内存复用.
以上就是本文的全部内容,希望对大家的学习有所帮助。
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 小米正式开源 SQL 智能优化与改写工具 SOAR
- 【SpringBoot-1】面向小白编程:从0开始创建一个SpringBoot项目
- 【SpringBoot-3】Lombok使用详解
- 【JMeter系列-3】JMeter元件详解之配置元件
- 【JMeter-4】JMeter元件详解之逻辑控制器
- 【JMeter-4】JMeter关联:JMeter正则表达式提取器与JSON提取器
- 【JMeter系列-5】JMeter操作Mysql数据库
- 【JMeter系列-6】JMeter BeanShell Sampler与JMeter BeanShell断言
- 【JMeter系列-7】Linux下执行测试
- 【JMeter系列-8】JMeter自定义日志与日志分析
- 【JMeter系列-9】 JMeter常用内置对象
- 【JMeter系列-10】JMeter websocket接口测试
- [Mysql-2] 远程连接数据库错误:host 'xxx.xxx' is blocked
- Linux超能力BPF技术介绍及学习分享(技术创作101训练营)
- 已创建好的vue项目引入vuex