微客导航 » 文章资讯 » Android实现放大镜效果的方法实例（附源码）

Android实现放大镜效果的方法实例（附源码）

2024-03-01 18:57:03 510

前言

应该有很多用过英语应用的同学都看多一个放大镜的效果，就是选中一段文字后，会有一个放大镜，这个究竟怎么实现的呢，我们今天来分析分析。

源码分析

publicclassShaderViewextendsView{
privatefinalBitmapbitmap;
privatefinalShapeDrawabledrawable;
//放大镜的半径
privatestaticfinalintRADIUS=80;
//放大倍数
privatestaticfinalintFACTOR=3;
privatefinalMatrixmatrix=newMatrix();

publicShaderView(Contextcontext){
super(context);
Bitmapbmp=BitmapFactory.decodeResource(getResources(),R.drawable.demo);
bitmap=bmp;
BitmapShadershader=newBitmapShader(Bitmap.createScaledBitmap(bmp,
bmp.getWidth()*FACTOR,bmp.getHeight()*FACTOR,true),TileMode.CLAMP,TileMode.CLAMP);

//圆形的drawable
drawable=newShapeDrawable(newOvalShape());
drawable.getPaint().setShader(shader);
drawable.setBounds(0,0,RADIUS*2,RADIUS*2);
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
finalintx=(int)event.getX();
finalinty=(int)event.getY();

//这个位置表示的是，画shader的起始位置
matrix.setTranslate(RADIUS-x*FACTOR,RADIUS-y*FACTOR);
drawable.getPaint().getShader().setLocalMatrix(matrix);

//bounds，就是那个圆的外切矩形
drawable.setBounds(x-RADIUS,y-RADIUS,x+RADIUS,y+RADIUS);
invalidate();
returntrue;
}

@Override
publicvoidonDraw(Canvascanvas){
super.onDraw(canvas);
canvas.drawBitmap(bitmap,0,0,null);
drawable.draw(canvas);
}
}

基本原理就是使用ShapeDrawable构造一个圆形的drawable，然后它的paint的shader设置为将要放大的图片，然后就是简单的位置移动问题了。放大镜的半径和放大倍数都可以在代码里面修改，代码都有注释，应该很好理解了。

不过，一个问题如果只有一种解决方法的话，那未免有点令人沮丧，想玩点另类的都不行。玩程序就得玩出个性，玩出激情。哈哈，废话太多，切回正题。

再来看看放大镜的另外一种实现吧

publicclassPathViewextendsView{
privatefinalPathmPath=newPath();
privatefinalMatrixmatrix=newMatrix();
privatefinalBitmapbitmap;

//放大镜的半径
privatestaticfinalintRADIUS=80;

//放大倍数
privatestaticfinalintFACTOR=2;
privateintmCurrentX,mCurrentY;

publicPathView(Contextcontext){
super(context);
mPath.addCircle(RADIUS,RADIUS,RADIUS,Direction.CW);
matrix.setScale(FACTOR,FACTOR);

bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.demo);
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
mCurrentX=(int)event.getX();
mCurrentY=(int)event.getY();

invalidate();
returntrue;
}

@Override
publicvoidonDraw(Canvascanvas){
super.onDraw(canvas);

//底图
canvas.drawBitmap(bitmap,0,0,null);

//剪切
canvas.translate(mCurrentX-RADIUS,mCurrentY-RADIUS);
canvas.clipPath(mPath);

//画放大后的图
canvas.translate(RADIUS-mCurrentX*FACTOR,RADIUS-mCurrentY*FACTOR);
canvas.drawBitmap(bitmap,matrix,null);
}
}

这里使用的是Path类，将canvas剪切出一块圆形区域，在其上绘制放大的部分。

源码下载：点击这里

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

返回顶部
3162201930
czq8825@qq.com

Android实现放大镜效果的方法实例（附源码）

热门推荐

随机推荐