简单实现Android放大镜效果

简单实现Android放大镜效果,第1张

概述利用之前学过的图形图像绘画技术和图片添加特效技术,我们来实现一个Android放大镜的简单应用。

利用之前学过的图形图像绘画技术和图片添加特效技术,我们来实现一个AndroID放大镜的简单应用。

最终效果如图


具体实现:

用来显示自定义的绘图类的布局文件
res/layout/main.xml:

<?xml version="1.0" enCoding="utf-8"?>  <FrameLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"   xmlns:tools="http://schemas.androID.com/tools"   androID:layout_wIDth="fill_parent"   androID:layout_height="fill_parent"   androID:ID="@+ID/frameLayout1"   androID:orIEntation="vertical"   >    </FrameLayout> 

打开MainActivity,在文件中创建名为MyVIEw的内部类,继承androID.vIEw.VIEw类,并添加构造方法和重写onDraw(Canvas canvas)方法,在里面进行作图:

MainActivity:

package com.example.test;    import androID.app.Activity; 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.os.Bundle; import androID.vIEw.MotionEvent; import androID.vIEw.VIEw; import androID.Widget.FrameLayout;   public class MainActivity extends Activity {      @OverrIDe    public voID onCreate(Bundle savedInstanceState) {      super.onCreate(savedInstanceState);      setContentVIEw(R.layout.main);         //获取布局文件中添加的帧布局管理器     FrameLayout fl=(FrameLayout)findVIEwByID(R.ID.frameLayout1);     //将自定义的MyVIEw视图添加到帧布局     fl.addVIEw(new MyVIEw(this));   }      public class MyVIEw extends VIEw{     private Bitmap bitmap;//源图像,也就是背景图像     private ShapeDrawable drawable;     private final int RADIUS=57;//放大镜的半径     private final int FACTOR=2;//放大倍数     private Matrix matrix=new Matrix();     private Bitmap bitmap_magnifiter;//放大镜位图     private int m_left=0;//放大镜的左边距     private int m_top=0;//放大镜的顶边距          public MyVIEw(Context context) {       super(context);              //获取要显示的源图像       Bitmap bitmap_source=BitmapFactory.decodeResource(getResources(),R.drawable.backgroud);       bitmap=bitmap_source;       BitmapShader shader=new BitmapShader(Bitmap.createScaledBitmap(           bitmap_source,bitmap_source.getWIDth()*FACTOR,bitmap_source.getHeight()*FACTOR,true),TileMode.CLAMP,TileMode.CLAMP);//创建BitmapShader对象       /* 注:Bitmap.createScaledBitmap() 方 法根据给定的 Bitmap 创建 一个新的,缩放后的 Bitmap。        * Shader.TileMode类型的参数包括CLAMP、MIRROR和REPEAT3个可选值,其中,CLAMP为使用        * 边界颜色来填充剩余的空间;MIRROR为采用镜像方式;REPEAT为采用重复方式*/              //圆形的drawable       drawable=new ShapeDrawable(new ovalShape());       drawable.getPaint().setShader(shader);       drawable.setBounds(0,RADIUS*2,RADIUS*2);//设置圆的外切矩形       bitmap_magnifiter=BitmapFactory.decodeResource(getResources(),R.drawable.magnifiter);//获取放大镜图像       m_left=RADIUS-bitmap_magnifiter.getWIDth()/2;//计算放大镜默认的左边距       m_top=RADIUS-bitmap_magnifiter.getHeight()/2;//计算放大镜默认的右边距     }       @OverrIDe     protected voID onDraw(Canvas canvas) {       canvas.drawBitmap(bitmap,null);//绘制背景图像       canvas.drawBitmap(bitmap_magnifiter,m_left,m_top,null);//绘制放大镜图像       drawable.draw(canvas);//绘制放大后的图像       super.onDraw(canvas);     }       //重写ontouchEvent方法实现当用户触摸屏幕时,放大触摸点附近的图像     @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);       drawable.setBounds(x-RADIUS,y-RADIUS,x+RADIUS,y+RADIUS);//设置圆的外切矩形       m_left=x-bitmap_magnifiter.getWIDth()/2;//计算放大镜的左边距       m_top=y-bitmap_magnifiter.getHeight()/2;//计算放大镜的右边距       invalIDate();//重绘画布              return true;     }             } } 

  

运行效果如开头图片显示效果一样,测试成功。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的简单实现Android放大镜效果全部内容,希望文章能够帮你解决简单实现Android放大镜效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1143252.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存