Android放大鏡的實(shí)現(xiàn)代碼
快三個(gè)月了沒寫博客了，因?yàn)楣ぷ髡{(diào)動(dòng)，很多經(jīng)驗(yàn)、心得都沒有時(shí)間記錄下來?，F(xiàn)在時(shí)間稍微充裕了點(diǎn)，我會(huì)盡量抽時(shí)間將之前想寫而沒寫的東西補(bǔ)上。進(jìn)入正題。
去年某個(gè)時(shí)候，我偶然看到一篇文章，講android里面放大鏡的實(shí)現(xiàn)。文章很亂，沒有格式，基本上屬于看不下去的那種。雖然體裁很有意思，但是我也沒有足夠的內(nèi)力把它看完。不過看到一句關(guān)鍵的話，說是使用帶圓形的Drawable。這句話就夠了，他下面寫的一堆東西我也懶得看，于是就自己開始嘗試，然后就做出來了?，F(xiàn)在代碼貼出來分享。
Java代碼
package chroya.demo.magnifier;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.view.MotionEvent;
import android.view.View;
/**
* 放大鏡實(shí)現(xiàn)方式1
* @author chroya
*
*/
public class ShaderView extends View{
private Bitmap bitmap;
private ShapeDrawable drawable;
//放大鏡的半徑
private static final int RADIUS = 80;
//放大倍數(shù)
private static final int FACTOR = 3;
private Matrix matrix = new Matrix();
public ShaderView(Context context) {
super(context);
Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.show);
bitmap = bmp;
BitmapShader shader = new BitmapShader(
Bitmap.createScaledBitmap(bmp, bmp.getWidth()*FACTOR,
bmp.getHeight()*FACTOR, true), TileMode.CLAMP, TileMode.CLAMP);
//圓形的drawable
drawable = new ShapeDrawable(new OvalShape());
drawable.getPaint().setShader(shader);
drawable.setBounds(0, 0, RADIUS*2, RADIUS*2);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
final int x = (int) event.getX();
final int y = (int) event.getY();
//這個(gè)位置表示的是，畫shader的起始位置
matrix.setTranslate(RADIUS-x*FACTOR, RADIUS-y*FACTOR);
drawable.getPaint().getShader().setLocalMatrix(matrix);
//bounds，就是那個(gè)圓的外切矩形
drawable.setBounds(x-RADIUS, y-RADIUS, x+RADIUS, y+RADIUS);
invalidate();
return true;
}
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawBitmap(bitmap, 0, 0, null);
drawable.draw(canvas);
}
}
基本原理就是使用ShapeDrawable構(gòu)造一個(gè)圓形的drawable，然后它的paint的shader設(shè)置為將要放大的圖片，然后就是簡單的位置移動(dòng)問題了。放大鏡的半徑和放大倍數(shù)都可以在代碼里面修改，代碼都有注釋，應(yīng)該很好理解了。
不過，一個(gè)問題如果只有一種解決方法的話，那未免有點(diǎn)令人沮喪，想玩點(diǎn)另類的都不行。
玩程序就得玩出個(gè)性。哈哈，廢話太多，切回正題。
再來看看放大鏡的另外一種實(shí)現(xiàn)吧 ^-^
Java代碼
package chroya.demo.magnifier;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Path;
import android.graphics.Path.Direction;
import android.view.MotionEvent;
import android.view.View;
/**
* 放大鏡實(shí)現(xiàn)方式2
* @author chroya
*
*/
public class PathView extends View{
private Path mPath = new Path();
private Matrix matrix = new Matrix();
private Bitmap bitmap;
//放大鏡的半徑
private static final int RADIUS = 80;
//放大倍數(shù)
private static final int FACTOR = 2;
private int mCurrentX, mCurrentY;
public PathView(Context context) {
super(context);
mPath.addCircle(RADIUS, RADIUS, RADIUS, Direction.CW);
matrix.setScale(FACTOR, FACTOR);
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.show);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mCurrentX = (int) event.getX();
mCurrentY = (int) event.getY();
invalidate();
return true;
}
@Override
public void onDraw(Canvas canvas) {
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剪切出一塊圓形區(qū)域，在其上繪制放大的部分。
兩種方式的效果都一樣，如圖：
放大兩倍的效果。
放大三倍
貌似還缺點(diǎn)什么，是吧？ 嘿嘿，就是放大鏡外面缺個(gè)框。那玩意，我沒資源，所以懶得弄了，有興趣的自己加吧。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Android常用控件Spinner的使用方法,Spinner其實(shí)是一個(gè)列表選擇框,不過Android的列表選擇框并不需要顯示下拉列表,而是相當(dāng)于彈出一個(gè)菜單供用戶選擇,需要的朋友可以參考下2023-10-10
Android系統(tǒng)對話框使用詳解(最詳細(xì))
這篇文章主要介紹了Android系統(tǒng)對話框使用詳解(最詳細(xì)),需要的朋友可以參考下2017-10-10
源碼淺析Android中內(nèi)存泄漏檢測工具Leakcanary的使用
大名鼎鼎的 Leakcanary 想必作為 Android 開發(fā)都多多少少接觸過，新版本的 Leakcanary 也用 Kotlin 重寫了一遍，最近詳細(xì)查看了下源碼，就來和大家簡單分享一下2023-04-04
Android如何讓APP無法在指定的系統(tǒng)版本上運(yùn)行(實(shí)現(xiàn)方法)
這篇文章主要介紹了Android如何讓APP無法在指定的系統(tǒng)版本上運(yùn)行(實(shí)現(xiàn)方法),本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要介紹了Android Spinner列表選擇框的應(yīng)用的相關(guān)資料,這里對spinner的屬性和常用事件和數(shù)據(jù)綁定都做了介紹，需要朋友可以參考下2017-07-07
Android官方的側(cè)滑控件DrawerLayout的示例代碼
這篇文章主要介紹了Android官方的側(cè)滑控件DrawerLayout的示例代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
flutter showModalBottomSheet常用屬性及說明
這篇文章主要介紹了flutter showModalBottomSheet常用屬性及說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Android sdcard實(shí)現(xiàn)圖片存儲(chǔ) 、聯(lián)網(wǎng)下載
這篇文章主要介紹了Android sdcard實(shí)現(xiàn)圖片存儲(chǔ) 、聯(lián)網(wǎng)下載功能，感興趣的小伙伴們可以參考一下2016-02-02
Android自定義ViewGroup實(shí)現(xiàn)選擇面板
ViewGroup是上面提到的所有的父控件的父類；但ViewGroup是一個(gè)抽象類，它里面有一個(gè)抽象方法onLayout，這個(gè)方法的作用就是擺放它所有的子控件（安排位置），因?yàn)槭浅橄箢?，不能直接new對象，所以我們在布局文件中不能直接使用 ViewGroup2022-07-07
android 仿微信demo——微信啟動(dòng)界面實(shí)現(xiàn)
本篇文章主要介紹了微信小程序-閱讀小程序?qū)嵗╠emo），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，希望能給你們提供幫助2021-06-06