本文小編為大家詳細介紹“Android中如何實現(xiàn)放大鏡效果”,內容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“Android中如何實現(xiàn)放大鏡效果”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設,光澤企業(yè)網(wǎng)站建設,光澤品牌網(wǎng)站建設,網(wǎng)站定制,光澤網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,光澤網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
源碼分析
public class ShaderView extends View { private final Bitmap bitmap; private final ShapeDrawable drawable; // 放大鏡的半徑 private static final int RADIUS = 80; // 放大倍數(shù) private static final int FACTOR = 3; private final Matrix matrix = new Matrix(); public ShaderView(Context context) { super(context); Bitmap bmp = BitmapFactory.decodeResource(getResources(),R.drawable.demo); 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(); // 這個位置表示的是,畫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(); return true; } @Override public void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawBitmap(bitmap, 0, 0, null); drawable.draw(canvas); } }
基本原理就是使用ShapeDrawable構造一個圓形的drawable,然后它的paint的shader設置為將要放大的圖片,然后就是簡單的位置移動問題了。放大鏡的半徑和放大倍數(shù)都可以在代碼里面修改,代碼都有注釋,應該很好理解了。
不過,一個問題如果只有一種解決方法的話,那未免有點令人沮喪,想玩點另類的都不行。再來看看放大鏡的另外一種實現(xiàn)吧
public class PathView extends View { private final Path mPath = new Path(); private final Matrix matrix = new Matrix(); private final 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.demo); } @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); } }
讀到這里,這篇“Android中如何實現(xiàn)放大鏡效果”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。