本文小編為大家詳細(xì)介紹“Android中如何實(shí)現(xiàn)放大鏡效果”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“Android中如何實(shí)現(xiàn)放大鏡效果”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
創(chuàng)新互聯(lián)自2013年起,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元阜寧做網(wǎng)站,已為上家服務(wù),為阜寧各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575源碼分析
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(); // 這個(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è)置為將要放大的圖片,然后就是簡單的位置移動問題了。放大鏡的半徑和放大倍數(shù)都可以在代碼里面修改,代碼都有注釋,應(yīng)該很好理解了。
不過,一個(gè)問題如果只有一種解決方法的話,那未免有點(diǎn)令人沮喪,想玩點(diǎn)另類的都不行。再來看看放大鏡的另外一種實(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中如何實(shí)現(xiàn)放大鏡效果”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文名稱:Android中如何實(shí)現(xiàn)放大鏡效果-創(chuàng)新互聯(lián)
分享鏈接:http://aaarwkj.com/article40/hseho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、小程序開發(fā)、面包屑導(dǎo)航、網(wǎng)站排名、品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容