`

水波纹效果实现

阅读更多
水波纹效果实现

先看下效果图:
[img]

[/img]

点击图片后效果:
[img]

[/img]

工程结构图:
[img]

[/img]

AnimActivity:
/*
 * Copyright (C) 2010 Zhang YangJing
 * 
 * zhangyangjing@gmail.com
 * 
 */

package com.example.plasma;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;


public class AnimActivity extends Activity {
	@Override
    public void onCreate(Bundle savedInstanceState){
		super.onCreate(savedInstanceState);
		setContentView(new PlasmaView(this));
	}
}

class PlasmaView extends View implements View.OnTouchListener{	
	private Bitmap mBitmap;
	long time;
	long fps;

    public PlasmaView(Context context) {
        super(context);        
        Bitmap bmp = BitmapFactory.decodeResource(this.getResources(),R.drawable.mm);
        mBitmap = Bitmap.createBitmap(bmp.getWidth(), bmp.getHeight(), Bitmap.Config.RGB_565);
        AnimRender.setBitmap(bmp);
        this.setOnTouchListener(this);
    }

    @Override 
    protected void onDraw(Canvas canvas) {
    	long ct = System.currentTimeMillis();
    	if(ct - time > 1000){
    		Log.v("Fps:" + String.valueOf(fps));
    		time = ct;
    		fps = 0;
    	}
    	//fps++;
    	fps += 20;
    	
        AnimRender.render(mBitmap);    	
        canvas.drawBitmap(mBitmap, 0, 0, null);
        postInvalidate();
    }

	@Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		AnimRender.drop((int)event.getX(), (int)event.getY(), 1200);
		return false;
	}
}

class AnimRender{
	public static native void setBitmap(Bitmap src);
    public static native void render(Bitmap dst);
    public static native void drop(int x, int y, int height);
   
    static {
        System.loadLibrary("plasma");
    }
}


log
package com.example.plasma;

import android.util.Config;

public class Log {
	public final static String LOGTAG = "ad";

	private static final boolean DEBUG = true;
	//private static final boolean DEBUG = false;
	static final boolean LOGV = DEBUG ? Config.LOGD : Config.LOGV;

	public static void v(String msg) {
		if (LOGV) {
			android.util.Log.v(LOGTAG, msg);
		}
	}

	public static void e(String msg) {
		android.util.Log.e(LOGTAG, msg);
	}
	
	public static void d(String msg) {
		android.util.Log.d(LOGTAG, msg);
	}
}


main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<cn.zyj.water.AnimSurface
 	android:id="@+id/surfaceview"	
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    />
</LinearLayout>


配置文件:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.example.plasma"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".AnimActivity"
        		  android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

	<uses-sdk android:minSdkVersion="4"/>
</manifest> 
  • 大小: 30.5 KB
  • 大小: 34 KB
  • 大小: 29.2 KB
分享到:
评论
1 楼 fenfatuqiangzhong 2012-07-30  
兄弟,我运行了你的代码之后,发现图片显示失真了,我现在也在研究水波纹,希望可以不吝指导!

相关推荐

    Android开发中的水波纹效果实现

    首先,要实现水波纹效果,你需要使用`android:background="?attr/selectableItemBackground"`属性或者`android:foreground="?attr/selectableItemBackgroundBorderless"`(无边框效果)。这两个属性会自动创建一个...

    Android按钮水波纹

    4. **自定义动画**:如果你想要更个性化的水波纹效果,比如改变波纹颜色、速度、形状等,可以通过自定义`RippleDrawable`或者使用第三方库如`androidx.core.graphics.drawable.RippleDrawable`来实现。 5. **性能...

    水波纹效果Shader

    2. **水波纹效果实现** - **时间参数(Time)**:关键在于引入时间变量,使波动效果随时间变化而动态。 - **纹理坐标(UV)**:用于映射波动到屏幕上,与屏幕空间坐标相联系。 - **数学函数**:如正弦(sin)和...

    Android 点击出现水波纹效果

    但这仅仅是基础版本,如果需要自定义更复杂的水波纹效果,我们则需要利用自定义View或者Android的` RippleDrawable`类来实现。 1. **RippleDrawable**:从Android Lollipop(API 21)开始,Android引入了...

    安卓水波纹效果

    "任玉刚"是一位知名的Android技术专家,他在Android开发领域有着深厚的造诣,他的水波纹效果实现方式因此备受推崇。 水波纹效果主要由两部分组成:中心扩散和边缘回缩。当用户触碰屏幕时,就像在平静的水面投下一颗...

    WEB高德地图实现水波纹扩散

    【标题】"WEB高德地图实现水波纹扩散"是一个技术实践项目,旨在展示如何在网页上利用高德地图API创建动态的水波纹效果,同时确保这种效果能够随着地图的缩放而自适应调整。这个Dome(演示示例)提供了一种创新的方式...

    Unity3D水波纹效果

    在Unity2018.3.0f2版本中,开发者可以利用内置的图形渲染工具和脚本系统来实现水波纹效果。这种效果可以通过多种技术实现,例如使用Shader(着色器)编程或者现成的插件。Shader是直接影响物体在屏幕上显示外观的...

    windows 鼠标点击 水波纹 效果

    水波纹效果通常是基于图像处理和数学算法实现的。当鼠标点击发生时,程序会在点击位置生成一个中心点,然后以该点为中心向外扩散,模拟水波的传播。这种效果可以通过二维坐标系统和数学公式(如高斯函数或Bézier...

    百度地图自定义水波纹(雷达)效果覆盖物

    6. **移除覆盖物**:如果需要移除水波纹效果,可以调用`map.removeOverlay`方法,传入覆盖物实例即可。 在`mapCustomCover`这个压缩包文件中,可能包含了实现以上步骤的示例代码,包括JavaScript文件和可能的CSS...

    Flex水波纹效果project

    Flex水波纹效果项目是一种基于Adobe Flex技术实现的动态视觉效果,主要应用于用户界面设计,为用户提供更加生动、直观的交互体验。Flex是基于ActionScript 3.0和MXML的开源框架,它允许开发者创建丰富的互联网应用...

    真实flash水波纹效果

    【真实Flash水波纹效果】是一种在Flash平台上实现的视觉特效,它能够模拟水面波动的动态效果,使得用户在互动时能感受到逼真的水波荡漾。这种效果通常由ActionScript编程语言配合Flash图形和动画工具来创建,通过...

    基于canvas使用three.js制作的立体水波纹效果

    在本文中,我们将深入探讨如何使用three.js库创建一个基于Canvas的立体水波纹效果。three.js是一个流行的JavaScript 3D库,它使得在Web浏览器中进行三维图形编程变得简单。我们将讨论涉及到的关键技术和算法,以及...

    opengl 实现水波纹

    在水波纹效果中,我们需要根据顶点的波动来计算每个像素的颜色。这可能涉及到颜色的混合、反射和折射计算。例如,使用环境光、漫射光和镜面光模型来模拟光照在水面的反射。 3. **纹理映射(Texture Mapping)**:...

    制作flash水波纹效果

    在我们的案例中,我们将利用ActionScript,Flash的内置编程语言,来实现动态的水波纹效果。 制作水波纹效果主要涉及以下几个步骤: 1. **新建Flash文档**:打开Flash软件,选择合适的舞台尺寸和帧频,新建一个...

    C#水波纹特效 C#wpf水波纹特效 水波纹源码

    在WPF中,开发者可以利用`Storyboard`、`DoubleAnimation`等动画机制来实现水波纹效果。通过定义动画的关键帧,让一个形状或图像在时间和空间上发生变化,模拟水波纹的扩散和衰减。此外,WPF的`VisualBrush`和`...

    android 自定义按钮实现水波纹效果

    本文将深入探讨如何在Android中实现一个带有水波纹效果的自定义按钮。水波纹效果,也称为涟漪效果,通常用于触摸反馈,能为用户界面增添生动而现代的视觉体验。 首先,我们需要创建一个新的自定义按钮类,继承自`...

    react native 实现水波纹效果

    react native 实现水波纹效果,效果非常棒哦

    wpf水波纹效果

    这个"wpf水波纹效果"的代码资源显然是一个实现这种效果的示例,其中可能包含了一些高级开发者封装的类来简化实现过程。 在WPF中,我们可以利用其强大的图形渲染能力,特别是使用PathGeometry、VisualBrush和...

    点击水波纹效果

    为了适应不同设备和屏幕尺寸,开发者可能还需要考虑响应式设计,确保水波纹效果在不同分辨率和比例的屏幕上都能正常工作。此外,优化性能也很重要,避免过多的重绘和回流,尤其是在处理大量用户交互时。 总的来说,...

Global site tag (gtag.js) - Google Analytics