Android 颜色渲染(七) RadialGradient 环形渲染实现水波纹效果

最新推荐文章于 2022-05-31 14:55:25 发布

iteye_1485

最新推荐文章于 2022-05-31 14:55:25 发布

阅读量689

点赞数

文章标签：移动开发

本文介绍了一种使用RadialGradient实现水波纹效果的方法。通过简单的几行代码，在触摸屏幕时即可展示扩散色渲染效果。文章提供了完整的代码示例，包括MainActivity和WaterRipplesView两个类的具体实现。

摘要由CSDN通过智能技术生成

利用环形渲染我们可以做到什么？其实很多都是非常常见的，比如上一篇实现的帮帮糖效果，彩色的热气球,比如这里要讲到的水波纹效果，或者也可以理解为扩散色渲染效果

首先看一下效果图：

轻触屏幕，即可看到对应的效果，可以看到，实现这种效果，利用RadialGradient ,只需简单几行代码:

MainActivity:

package com.tony.testshader;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.view.Menu;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class MainActivity extends Activity  implements OnSeekBarChangeListener{

     private WaterRipplesView waterRipplesView;
     
     
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        
        waterRipplesView = new WaterRipplesView(this);
        setContentView(waterRipplesView);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

  

}

WaterRipplesView:

package com.tony.testshader;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RadialGradient;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
/**
 * 水波纹效果
 * @author tony
 *
 */

 public class WaterRipplesView extends View {

	Shader mBitmapShader = null;
	Bitmap mBitmapPn = null;
	Paint mPaint = null;
	Shader mRadialGradient = null;
	Canvas mCanvas = null;
	ShapeDrawable mShapeDrawable = null;

	public WaterRipplesView(Context context) {
		super(context);

		// 初始化工作
		Bitmap bitmapTemp = ((BitmapDrawable) getResources().getDrawable(
				R.drawable.leaf)).getBitmap();
		DisplayMetrics dm = getResources().getDisplayMetrics();
		// 创建与当前使用的设备窗口大小一致的图片
		mBitmapPn = Bitmap.createScaledBitmap(bitmapTemp, dm.widthPixels,
				dm.heightPixels, true);
		// 创建BitmapShader object
		mBitmapShader = new BitmapShader(mBitmapPn, Shader.TileMode.REPEAT,
				Shader.TileMode.MIRROR);
		mPaint = new Paint();
	}

	public WaterRipplesView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);

		// 将图片裁剪为椭圆型
		// 创建ShapeDrawable object，并定义形状为椭圆
		mShapeDrawable = new ShapeDrawable(new OvalShape());// OvalShape:椭圆
		// 设置要绘制的椭圆形的东西为ShapeDrawable图片
		mShapeDrawable.getPaint().setShader(mBitmapShader);
		// 设置显示区域
		mShapeDrawable.setBounds(0, 0, mBitmapPn.getWidth(),
				mBitmapPn.getHeight());
		// 绘制ShapeDrawable
		mShapeDrawable.draw(canvas);
		if (mRadialGradient != null) {
			mPaint.setShader(mRadialGradient);
			canvas.drawCircle(0, 0, 1000, mPaint);
		}

	}

	// @覆写触摸屏事件
	public boolean onTouchEvent(MotionEvent event) {
		// @设置alpha通道（透明度）
		mPaint.setAlpha(400);
		mRadialGradient = new RadialGradient(event.getX(), event.getY(), 48,
				new int[] { Color.WHITE, Color.TRANSPARENT },null, Shader.TileMode.REPEAT);
		// @重绘
		postInvalidate();
		return true;
	}

}