简单实现Android放大镜效果

 更新时间:2017年12月25日 15:13:59   作者:光仔December  
这篇文章主要教大家简单实现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, 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, 0,0, 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 WebView调用本地相册的方法

    Android WebView调用本地相册的方法

    这篇文章主要为大家详细介绍了Android WebView调用本地相册的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android自定义View实现黑客帝国数字雨效果

    Android自定义View实现黑客帝国数字雨效果

    这篇文章主要给大家介绍了关于Android自定义View实现黑客帝国数字雨效果的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-08-08
  • Android开发:微信授权登录与微信分享完全解析

    Android开发:微信授权登录与微信分享完全解析

    本篇文章主要介绍了Android微信授权登录与微信分享,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • Ubuntu中为Android实现Application Frameworks层增加硬件访问服务

    Ubuntu中为Android实现Application Frameworks层增加硬件访问服务

    本文主要介绍Android实现 Application Frameworks层增加硬件访问服务,这里对实现增加硬件访问服务的功能做出了详细的工作流程,并提供示例代码,有需要的小伙伴参考下
    2016-08-08
  • 基于Flutter制作一个图像滤镜

    基于Flutter制作一个图像滤镜

    很多时候,我们需要一些特效功能,比如给图片做个滤镜什么的,那么如果在flutter中,如果要实现这样的滤镜功能应该怎么处理呢?一起来看看吧
    2023-06-06
  • Android实现文件存储并读取的示例代码

    Android实现文件存储并读取的示例代码

    本篇文章主要介绍了Android实现文件存储的示例代码,文件内容可以分别存储在手机内存和外存中,并且都可以读去取出来,有兴趣的可以了解一下。
    2017-01-01
  • Android辅助权限的介绍和配置完整记录

    Android辅助权限的介绍和配置完整记录

    这篇文章主要给大家介绍了关于Android辅助权限的介绍和配置的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • Android入门计算器编写代码

    Android入门计算器编写代码

    这篇文章主要为大家详细介绍了Android入门计算器编写代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • android studio实验: UI设计 ListView及事件响应

    android studio实验: UI设计 ListView及事件响应

    这篇文章主要介绍了android studio实验: UI设计 ListView及事件响应,主要是ListView及其事件响应方法 弹出菜单PopupMenu及其事件响应方法,下面来看看具文章体的介绍吧
    2021-12-12
  • Android获取LinearLayout的宽度和高度示例代码

    Android获取LinearLayout的宽度和高度示例代码

    这篇文章主要介绍了android获取LinearLayout的宽度和高度,如果想直接获取在布局文件中定义的组件的宽度和高度,可以直接使用View.getLayoutParams().width和View.getLayoutParams().height,本文结合示例代码介绍的非常详细,需要的朋友可以参考下
    2023-08-08

最新评论