【Android开发】范例2-实现放大镜效果

简介:
利用之前学过的图形图像绘画技术和图片添加特效技术,我们来实现一个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;
		}
    	
		
    }
}  


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

转载请注明出处:http://blog.csdn.net/acmman/article/details/45624465

相关文章
|
5天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
7天前
|
Android开发 Swift iOS开发
探索安卓与iOS开发的差异和挑战
【10月更文挑战第37天】在移动应用开发的广阔舞台上,安卓和iOS这两大操作系统扮演着主角。它们各自拥有独特的特性、优势以及面临的开发挑战。本文将深入探讨这两个平台在开发过程中的主要差异,从编程语言到用户界面设计,再到市场分布的不同影响,旨在为开发者提供一个全面的视角,帮助他们更好地理解并应对在不同平台上进行应用开发时可能遇到的难题和机遇。
|
9天前
|
XML 存储 Java
探索安卓开发之旅:从新手到专家
【10月更文挑战第35天】在数字化时代,安卓应用的开发成为了一个热门话题。本文旨在通过浅显易懂的语言,带领初学者了解安卓开发的基础知识,同时为有一定经验的开发者提供进阶技巧。我们将一起探讨如何从零开始构建第一个安卓应用,并逐步深入到性能优化和高级功能的实现。无论你是编程新手还是希望提升技能的开发者,这篇文章都将为你提供有价值的指导和灵感。
|
7天前
|
存储 API 开发工具
探索安卓开发:从基础到进阶
【10月更文挑战第37天】在这篇文章中,我们将一起探索安卓开发的奥秘。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和建议。我们将从安卓开发的基础开始,逐步深入到更复杂的主题,如自定义组件、性能优化等。最后,我们将通过一个代码示例来展示如何实现一个简单的安卓应用。让我们一起开始吧!
|
8天前
|
存储 XML JSON
探索安卓开发:从新手到专家的旅程
【10月更文挑战第36天】在这篇文章中,我们将一起踏上一段激动人心的旅程,从零基础开始,逐步深入安卓开发的奥秘。无论你是编程新手,还是希望扩展技能的老手,这里都有适合你的知识宝藏等待发掘。通过实际的代码示例和深入浅出的解释,我们将解锁安卓开发的关键技能,让你能够构建自己的应用程序,甚至贡献于开源社区。准备好了吗?让我们开始吧!
20 2
|
9天前
|
Android开发
布谷语音软件开发:android端语音软件搭建开发教程
语音软件搭建android端语音软件开发教程!
|
15天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
28 5
|
13天前
|
JSON Java Android开发
探索安卓开发之旅:打造你的第一个天气应用
【10月更文挑战第30天】在这个数字时代,掌握移动应用开发技能无疑是进入IT行业的敲门砖。本文将引导你开启安卓开发的奇妙之旅,通过构建一个简易的天气应用来实践你的编程技能。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你宝贵的学习资源。我们将一步步地深入到安卓开发的世界中,从搭建开发环境到实现核心功能,每个环节都充满了发现和创造的乐趣。让我们开始吧,一起在代码的海洋中航行!
|
15天前
|
缓存 数据库 Android开发
安卓开发中的性能优化技巧
【10月更文挑战第29天】在移动应用的海洋中,性能是船只能否破浪前行的关键。本文将深入探讨安卓开发中的性能优化策略,从代码层面到系统层面,揭示如何让应用运行得更快、更流畅。我们将以实际案例和最佳实践为灯塔,引领开发者避开性能瓶颈的暗礁。
33 3
|
12天前
|
移动开发 Java Android开发
探索Android与iOS开发的差异性与互联性
【10月更文挑战第32天】在移动开发的大潮中,Android和iOS两大平台各领风骚。本文将深入浅出地探讨这两个平台的开发差异,并通过实际代码示例,展示如何在各自平台上实现相似的功能。我们将从开发环境、编程语言、用户界面设计、性能优化等多个角度进行对比分析,旨在为开发者提供跨平台开发的实用指南。
34 0