1.撕衣服的案例逻辑：

      是两者图片重叠在一起，上面我们看到的是美女穿衣服的图片，下面重叠（看不到的）是美女没有穿衣服的图片。当我们用手滑动画面，上面美女穿衣服的图片就会变成透明，这样的话下面美女没有穿衣服的图片就会显示出来。

2.根据工程实例，进行分析：

（1）首先我们分析布局文件，activity_main.xml，这里需要两张图片重叠覆盖，这里我们最好在根目录使用FrameLayout（帧布局），如下：

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     tools:context="com.himi.clothers.MainActivity" >

     <ImageView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:layout_gravity="center"

         android:src="@drawable/after19" />

     <ImageView

         android:id="@+id/iv"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:layout_gravity="center"

         android:src="@drawable/pre19" />

 </FrameLayout>

注意这里两个ImageView的顺序不能颠倒，程序是顺序执行的，这样保证最后显示给用户的是美女穿衣服的图片（pre19.jpg）

布局效果如下：

（2）MainActivity.java，如下：

 package com.himi.clothers;

 import android.app.Activity;

 import android.graphics.Bitmap;

 import android.graphics.BitmapFactory;

 import android.graphics.Canvas;

 import android.graphics.Color;

 import android.graphics.Matrix;

 import android.graphics.Paint;

 import android.os.Bundle;

 import android.view.MotionEvent;

 import android.view.View;

 import android.view.View.OnTouchListener;

 import android.widget.ImageView;

 public class MainActivity extends Activity {

     private ImageView iv;

     private Bitmap alertBitmap;//原图的拷贝,可以修改

     private Canvas canvas;

     private Paint paint;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         iv = (ImageView) findViewById(R.id.iv);

         //创建原图的位图

         Bitmap srcBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.pre19);

         //创建原图的副本(拷贝)

         alertBitmap = Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());

         //创建画布

         canvas = new Canvas(alertBitmap);

         //创建画笔

         paint = new Paint();

         //使用画笔绘画          参数1：原图 ,   参数2:变化矩阵,   参数3:画笔

         canvas.drawBitmap(srcBitmap, new Matrix(), paint);

         //更新UI

         iv.setImageBitmap(alertBitmap);

         iv.setOnTouchListener(new OnTouchListener() {

             public boolean onTouch(View v, MotionEvent event) {

                 switch (event.getAction()) {

                 case MotionEvent.ACTION_MOVE:

                     // 每次操作一个像素点,太慢了

                     // alertBitmap.setPixel((int)event.getX(),

                     // (int)event.getY(), Color.TRANSPARENT);

                     // 我们希望每次触摸到屏幕点附近一个区域都可以实现这样的效果,使用双重for 循环即可  (区域是矩形)

                     for (int i = -3; i < 4; i++) {

                         for (int j = -3; j < 4; j++) {

                       // event.getX()、event.getY()坐标必须大于0,如果这里面event.getX()+i<0，就会报出IllegalArgumentException异常

                             try {

                                 alertBitmap.setPixel((int) event.getX() + i,

                                         (int) event.getY() + j,

                                         Color.TRANSPARENT);

                             } catch (Exception e) {

                                 // TODO: handle exception

                             }

                         }

                     }

                     break;

                 }

                 // 更新UI,前面更改画面(画面参数发生变化),记得最后一定要重新刷新显示,这样才能看出更改后的画面

                 iv.setImageBitmap(alertBitmap);

                 return true;

             }

         });

     }

 }

手机程序中显示的图片、修改图片都是原图的拷贝，也就是说重启系统或者重启应用程序，图片还是原样。

得到原图拷贝和修改拷贝的逻辑思路：

（1）首先我们利用BitmapFactory.decodeResource这个API，把我们要把这些图片资源（png/jpg/bmp……）变成 Bitmap 位图对象：

         Bitmap srcBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.pre19);  

（2）上面得到srcBitmap是原图Bitmap的位图对象，这个是不能修改的（修改只能是拷贝），接下来就是临摹出原图srcBitmap的拷贝alertBitmap，如下：

         alertBitmap = Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());

（3）利用上面获得的拷贝alertBitmap，获取对应的画布Canvas（画布），这里获得的画布对应着alertBitmap。

         canvas = new Canvas(alertBitmap);

（4）上面创建完画布，接下来创建画笔：

         paint = new Paint();

（5）接着画布对象canvas利用上面创建的画笔绘画，如下：

        canvas.drawBitmap(srcBitmap, new Matrix(), paint);

（6）绘画完毕，只是设置完了参数，要是显示给用户看，要更新UI，如下：

            iv.setImageBitmap(alertBitmap);  // 注意显示的是原图的拷贝alertBitmap（修改的是alertBitmap）

备注：setPixel：该函数将指定坐标处的像素设为指定的颜色

这里用户体验是，手指滑动，美女的身体是以矩形范围变透明的，如下：

这样的用户体验是不好，不自然的，我们希望是美女的身体是以圆形范围变透明的：

（3）如何实现美女的身体是以圆形范围变透明的？

加一个逻辑判断皆可：

修改MainActivity，如下：

 package com.himi.clothers;

 import android.app.Activity;

 import android.graphics.Bitmap;

 import android.graphics.BitmapFactory;

 import android.graphics.Canvas;

 import android.graphics.Color;

 import android.graphics.Matrix;

 import android.graphics.Paint;

 import android.os.Bundle;

 import android.view.MotionEvent;

 import android.view.View;

 import android.view.View.OnTouchListener;

 import android.widget.ImageView;

 public class MainActivity extends Activity {

     private ImageView iv;

     private Bitmap alertBitmap;//原图的拷贝,可以修改

     private Canvas canvas;

     private Paint paint;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         iv = (ImageView) findViewById(R.id.iv);

         //创建原图的位图

         Bitmap srcBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.pre19);

         //创建原图的副本(拷贝)

         alertBitmap = Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());

         //创建画布

         canvas = new Canvas(alertBitmap);

         //创建画笔

         paint = new Paint();

         //使用画笔绘画          参数1：原图 ,   参数2:变化矩阵,   参数3:画笔

         canvas.drawBitmap(srcBitmap, new Matrix(), paint);

         //更新UI

         iv.setImageBitmap(alertBitmap);

         iv.setOnTouchListener(new OnTouchListener() {

             public boolean onTouch(View v, MotionEvent event) {

                 switch (event.getAction()) {

                 case MotionEvent.ACTION_MOVE:

                     // 每次操作一个像素点,太慢了

                     // alertBitmap.setPixel((int)event.getX(),

                     // (int)event.getY(), Color.TRANSPARENT);

                     // 我们希望每次触摸到屏幕点附近一个区域都可以实现这样的效果,使用双重for 循环即可  (区域是矩形)

                     for (int i = -3; i < 4; i++) {

                         for (int j = -3; j < 4; j++) {

                             if (Math.sqrt(i * i + j * j) <= 3) {

                                 // event.getX()、event.getY()坐标必须大于0,如果这里面event.getX()+i<0，就会报出IllegalArgumentException异常

                                 try {

                                     alertBitmap.setPixel(

                                             (int) event.getX() + i,

                                             (int) event.getY() + j,

                                             Color.TRANSPARENT);

                                 } catch (Exception e) {

                                     // TODO: handle exception

                                 }

                             }

                         }

                     }

                     break;

                 }

                 // 更新UI,前面更改画面(画面参数发生变化),记得最后一定要重新刷新显示,这样才能看出更改后的画面

                 iv.setImageBitmap(alertBitmap);

                 return true;

             }

         });

     }

 }

最新文章

  1. webform简单、复合控件
  2. [1]IP地址查询
  3. winform 控件（1）
  4. Java类路径
  5. Hadoop2 实战系列之1 -- Hortonworks Sandbox的安装和使用
  6. 【RMQ问题】求数组区间最大值,NYOJ-1185-最大最小值
  7. 关于 error: LNK1123: failure during conversion to COFF: file invalid or corrupt 错误的解决方案【Qt】【 VS2010】
  8. 第一篇：R语言数据可视化概述(基于ggplot2)
  9. IPv6绝不仅仅是对IPv4地址长度的增加
  10. C#创建、读写、增加、删除XML操作
  11. 行为型---状态者模式（State Pattern）
  12. nodejs前后分离
  13. （Bash博弈）51nod1067 Bash游戏 V2
  14. 剑指Offer_编程题_8
  15. vi常用快捷键
  16. ES基本操作
  17. 一、spring boot 1.5.4入门(web+freemarker)
  18. Android 编程下代码之（QQ消息列表滑动删除）
  19. Python Cookbook 笔记--12章并发编程
  20. c# 获取某个进程的CPU使用百分百（类似任务管理器中显示CPU）

热门文章

  1. Objective-C Runtime（二）消息传递机制
  2. bzoj4557 [JLoi2016]侦察守卫——DP
  3. nodejs URL 详解
  4. ol 与ul 的区别
  5. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 10. 使用EF Core
  6. 利用ASP .NET Core的静态文件原理实现远程访问Nlog日志内容及解决遇到的坑
  7. poj 1733 Parity game【hash+带权并查集】
  8. git 项目切换分支 命令
  9. 黑客攻防技术宝典web实战篇：解析应用程序习题
  10. .net mvc中一种简单的工作流的设计