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

原创 2014年01月21日 12:32:07
现在教大家做一款在市场上非常火的的应用,撕美女衣服。其实原理很简单:
1.准备两张一样的图片,一张是穿有衣服的,另一张是没有穿衣服的。
2.通过FrameLayout进行布局,穿衣服的放上面,没穿衣服的图片放下面。
3.通过触摸事件进行判断,手指划过的地方,让穿衣服的图片变成透明,就显示到了下面没穿衣服的图片。

这样效果就形成了。先让大家看一下效果图:

撕衣服之前:

撕衣服之后:

下面请看代码吧。
首先是MainActivity里的代码:

package net.loonggg.tornclothes;

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.widget.ImageView;

public class MainActivity extends Activity {
	private static final int RADIUS = 10;
	private ImageView afterIv, beforeIv;
	private Canvas canvas;
	private Paint paint;
	private Bitmap beforeBitmap;
	private Bitmap afterBitmap;
	private Bitmap updateBitmap;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		afterIv = (ImageView) findViewById(R.id.iv_after);
		beforeIv = (ImageView) findViewById(R.id.iv_before);

		// 通过这种方法读取的bitmap是只读的,不可修改
		beforeBitmap = BitmapFactory.decodeResource(getResources(),
				R.drawable.g6_up);
		afterBitmap = BitmapFactory.decodeResource(getResources(),
				R.drawable.g6_back);

		// 因为上边获得的图片是只读的,所以重新创建一个一模一样的图片,来操作这个图片
		updateBitmap = Bitmap.createBitmap(beforeBitmap.getWidth(),
				beforeBitmap.getHeight(), beforeBitmap.getConfig());
		canvas = new Canvas(updateBitmap);
		paint = new Paint();
		paint.setStrokeWidth(5);
		paint.setColor(Color.BLACK);
		canvas.drawBitmap(beforeBitmap, new Matrix(), paint);

		afterIv.setImageBitmap(afterBitmap);
		beforeIv.setImageBitmap(updateBitmap);

		beforeIv.setOnTouchListener(new View.OnTouchListener() {

			@Override
			public boolean onTouch(View v, MotionEvent event) {
				switch (event.getAction()) {
				case MotionEvent.ACTION_MOVE:
					int touchX = (int) event.getX();
					int touchY = (int) event.getY();

					// 这个判断是计算边界,因为超过了边界为负值时会报错
					if (touchX >= RADIUS
							& touchX <= beforeIv.getWidth() - RADIUS
							& touchY >= RADIUS
							& touchY <= beforeIv.getHeight() - RADIUS) {
						/**
						 * 计算圆,挖空一个半径为RADIUS的实心圆
						 */
						for (int radius = 0; radius <= RADIUS; radius++) {
							for (double angle = 0; angle <= 360; angle++) {
								double newX = touchX + radius * Math.cos(angle);
								double newY = touchY + radius * Math.sin(angle);
								updateBitmap.setPixel((int) newX, (int) newY,
										Color.TRANSPARENT);
							}
						}
						beforeIv.setImageBitmap(updateBitmap);
					}
					break;

				default:
					break;
				}
				return true;
			}
		});
	}

}
然后就是布局文件的代码:

<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" >

    <ImageView
        android:id="@+id/iv_after"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/iv_before"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</FrameLayout>
到这里就完了,非常简单吧!哈哈……学会了吧!

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

android撕衣服应用介绍

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

Android之Canvas撕衣服

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

android(40)(撕衣服,bitmap的使用)

1.撕衣服: public class MainActivity extends Activity { private ImageView iv; // 可以修改的位图 pri...
  • u014756517
  • u014756517
  • 2015年12月07日 17:32
  • 183

Android 仿美女撕衣服效果

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

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

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

Android撕衣服效果,擦除图片效果

  • 2015年04月08日 15:20
  • 6.51MB
  • 下载

撕衣服代码IOS

  • 2015年10月20日 20:26
  • 932KB
  • 下载

撕开美女衣服源代码

  • 2013年12月20日 13:12
  • 1.6MB
  • 下载

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

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

关于衣服,学习一下

说起各衣服和衣服各部分名称,我还真是不会描述。从网上淘来学习一下。   服装分类: ⑴按组合:整件装、套装、外套、背心、裙、裤。 ⑵按用途:内衣、外衣。外衣因穿着场所不同,又分:社交服、日常服、职业服...
  • qq_32467939
  • qq_32467939
  • 2016年01月23日 09:58
  • 159
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:撕美女衣服应用的原理及做法
举报原因:
原因补充:

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