建站
咨詢
售后
建站咨詢
新聞中心
概述
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的從江網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
我相信很多用過英語應(yīng)用的同學(xué)都看多一個(gè)放大鏡的效果，就是選中一段文字后，會(huì)有一個(gè)放大鏡，這個(gè)究竟怎么實(shí)現(xiàn)的呢，我們今天來分析分析。
源碼分析
- 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è)置為將要放大的圖片，然后就是簡(jiǎn)單的位置移動(dòng)問題了。放大鏡的半徑和放大倍數(shù)都可以在代碼里面修改，代碼都有注釋，應(yīng)該很好理解了。
不過，一個(gè)問題如果只有一種解決方法的話，那未免有點(diǎn)令人沮喪，想玩點(diǎn)另類的都不行。玩程序就得玩出個(gè)性，玩出激情。哈哈，廢話太多，切回正題。再來看看放大鏡的另外一種實(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);
- }
- }
這里使用的是Path類，將canvas剪切出一塊圓形區(qū)域，在其上繪制放大的部分。
工程下載地址http://download.csdn.net/detail/hustpzb/4523274
當(dāng)前題目：Android放大鏡效果實(shí)現(xiàn)
當(dāng)前URL：http://www.5511xx.com/article/djpjhsj.html
