Android之Canvas撕衣服

原创 2016年07月06日 14:53:33

前几篇都涉及到了Canvas,Paint,Bitmap的结合使用,这里就不多说了~

现在我要写的是撕衣服的这个项目~

其实这个项目只是涉及到了一张图片到另一张图片的变换偷笑

先看效果图:


布局文件也是俩张图片,一张穿了衣服的图片在没穿衣服的图片上面~

布局代码:

<RelativeLayout 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"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/after"
        android:layout_centerInParent="true"/>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/pre" 
        android:id="@+id/iv"/>

</RelativeLayout>
MainActivity:

public class MainActivity extends Activity {

	private ImageView iv;
	private Bitmap baseBitmap,copyBitmap;
	private Canvas canvas;
	private Paint paint;
	private Matrix matrix;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		iv=(ImageView) findViewById(R.id.iv);
		baseBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.pre);
		copyBitmap=Bitmap.createBitmap(baseBitmap.getWidth(), baseBitmap.getHeight(), baseBitmap.getConfig());
		canvas=new Canvas(copyBitmap);
		matrix=new Matrix();
		paint=new Paint();
		canvas.drawBitmap(baseBitmap, matrix, paint);
	    iv.setImageBitmap(copyBitmap);
		//imageView所在区域被触摸的时候回调
		iv.setOnTouchListener(new OnTouchListener() {
			
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				// TODO Auto-generated method stub
				switch (event.getAction()) {
				case MotionEvent.ACTION_DOWN:
					//按下  1次
					
					break;
				case MotionEvent.ACTION_MOVE:
					//移动  0-N次
					//getX和getY是以控件左上角为原点的
					//getRawX和getRawY是以屏幕左上角为原点的
					int moveX=(int)event.getX();
					int moveY=(int)event.getY();
//					event.getRawX();
//					event.getRawY();
					//针对单个像素点去说的
					try {
						for(int i=-20;i<21;i++){
							for(int j=-20;j<21;j++){
								copyBitmap.setPixel(moveX+i, moveY+j, Color.TRANSPARENT);
							}
						}
						//TRANSPARENT是透明
						//copyBitmap.setPixel(moveX, moveY, Color.TRANSPARENT);
						iv.setImageBitmap(copyBitmap);
					} catch (Exception e) {
						// TODO: handle exception
					}
					break;
				case MotionEvent.ACTION_UP:
					//抬起  1次
					break;
				default:
					break;
				}
				return true;//方法被消费
			}
		});
		
	}


}

源码下载


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33642117/article/details/51838890

Android 仿美女撕衣服效果

因为我写demo的时候不是用一整屏幕来放置当前图片View的,且资源图也不小,所以用到了bitmap缩放 代码注释比较详尽,直接上了 package com.stone.guaguaka.view...
  • jjwwmlp456
  • jjwwmlp456
  • 2016-01-28 15:17:15
  • 1595

撕美女衣服应用的原理及做法

现在教大家做一款在市场上非常火的的应用,撕美女衣服。其实原理很简单: 1.准备两张一样的图片,一张是穿有衣服的,另一张是没有穿衣服的。 2.通过FrameLayout进行布局,穿衣服的放上面,没穿衣服...
  • loongggdroid
  • loongggdroid
  • 2014-01-21 12:32:07
  • 8328

android撕衣服应用介绍

/**  * 主要原理就是利用canvas绘制一层透明色,让后将穿完整衣服的那个图片绘制上。他们之前的层次模型为PorterDuff.Mode.DST_OUT;  * View的draw的时候先绘制没...
  • linghu_java
  • linghu_java
  • 2015-04-03 10:12:42
  • 1387

Android应用《撕开美女衣服》的实现过程及源代码

现在很多Android市场中都能找到关于美女的应用,比如 撕开美女衣服、吹裙子等。 这些应用的下载量挺大的,作为Android的开发人员或者一名技术人员我们不能只局限在欣赏应用的层面,很多时候需要我们...
  • lxq_xsyu
  • lxq_xsyu
  • 2013-12-20 13:20:06
  • 6362

19、撕衣服(其实就是两张图片叠在一起)

--------------------------main.java----------------------------- package com.example.jiu; ...
  • u010919133
  • u010919133
  • 2015-03-18 21:34:45
  • 583

Android之Canvas撕衣服

前几篇都涉及到了Canvas,Paint,Bitmap的结合使用,这里就不多说了~ 现在我要写的是撕衣服的这个项目~ 其实这个项目只是涉及到了一张图片到另一张图片的变换 先看效果图: 布局文件也是...
  • qq_33642117
  • qq_33642117
  • 2016-07-06 14:53:33
  • 583

<em>Android</em>安卓开发源码案例教程美女<em>撕衣服</em>Demo

<em>Android</em>安卓开发源码案例教程美女<em>撕衣服</em>Demo 对新手有些帮助的 综合评分:5 收藏评论(1)举报 所需: 3 积分/C币 下载个数: 30 开通VIP 立即下载 ...
  • 2018年04月05日 00:00

canvas 刮刮乐 撕衣服 源代码

html> html lang="en"> head>     meta charset="UTF-8">     title>$Title$title> head> body> can...
  • ITzhongzi
  • ITzhongzi
  • 2017-03-10 22:17:21
  • 221

55.模拟撕衣服游戏编辑图片

撕衣服游戏的原理:原本有2个图片,一个原图片,一个被撕了衣服以后的图片。两个图片放在一起,原图片放在上面,收滑动的时候上面图片的像素点设置成透明,下面的图片自然露出来了。 布局文件 activity_...
  • augfun
  • augfun
  • 2017-02-17 02:43:18
  • 845

android开发笔记之多媒体—撕衣服(开心一下)

效果图:看到是不是很激动呢,在这里讲一下原理,其实很简单,就是两张图片叠在一下,当鼠标触摸的时候改变上面那张图片的透明度就可以了。核心代码:public class MainActivity exte...
  • qq_22063697
  • qq_22063697
  • 2016-05-14 21:24:37
  • 604
收藏助手
不良信息举报
您举报文章:Android之Canvas撕衣服
举报原因:
原因补充:

(最多只允许输入30个字)