ImageView倒影效果的两种方法

简介:

http://lws0402.iteye.com/blog/1397793


第一种:
写个图片的工具类,在Activity中用java代码调用ImageView组件的setImageBitmap(Bitmap bitmap)方法。
下面是图片工具类:

import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.Drawable;

public class ImageUtils {

	/** 
	  * 从SDCard上读取图片 
	  * @param pathName 
	  * @return */
	public static Bitmap getBitmapFromSDCard(String pathName) {
		return BitmapFactory.decodeFile(pathName);
	}

	/** 
	  * 缩放图片 
	  * @param bitmap 
	  * @param width 
	  * @param height 
	  * @return */
	public static Bitmap zoomBitmap(Bitmap bitmap, int width, int height) {
		int w = bitmap.getWidth();
		int h = bitmap.getHeight();
		Matrix matrix = new Matrix();
		matrix.postScale((float) width / w, (float) height / h);
		return Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, true);
	}

	/** 
	  * 将Drawable转化为Bitmap 
	  * @param drawable 
	  * @return 
	  */
	public static Bitmap drawableToBitmap(Drawable drawable) {
		int width = drawable.getIntrinsicWidth();
		int height = drawable.getIntrinsicHeight();
		Bitmap bitmap = Bitmap.createBitmap(width, height, drawable
				.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
				: Bitmap.Config.RGB_565);
		Canvas canvas = new Canvas(bitmap);
		drawable.setBounds(0, 0, width, height);
		drawable.draw(canvas);
		return bitmap;
	}

	/** 
	  * 获得圆角图片 
	  * @param bitmap 
	  * @param roundPx 
	  * @return 
	  */
	public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, float roundPx) {
		Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
				.getHeight(), Config.ARGB_8888);
		Canvas canvas = new Canvas(output);
		final Paint paint = new Paint();
		final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
		final RectF rectF = new RectF(rect);
		canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
		paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
		canvas.drawBitmap(bitmap, rect, rect, paint);
		return output;
	}

	/** 
	  * 获得带倒影的图片 
	  * @param bitmap 
	  * @return 
	  */
	public static Bitmap getReflectionImageWithOrigin(Bitmap bitmap) {
		
		// 原始图片和反射图片中间的间距
		final int reflectionGap = 0;
		int width = bitmap.getWidth();
		int height = bitmap.getHeight();
		
		// 反转  
		Matrix matrix = new Matrix();
		
		// 第一个参数为1表示x方向上以原比例为准保持不变,正数表示方向不变。   
        // 第二个参数为-1表示y方向上以原比例为准保持不变,负数表示方向取反。
		matrix.preScale(1, -1);
		Bitmap reflectionImage = Bitmap.createBitmap(bitmap, 0, height / 2,
				width, height / 2, matrix, false);
		Bitmap bitmapWithReflection = Bitmap.createBitmap(width,
				(height + height / 2), Config.ARGB_8888);
		Canvas canvas = new Canvas(bitmapWithReflection);
		canvas.drawBitmap(bitmap, 0, 0, null);
		Paint defaultPaint = new Paint();
		canvas.drawRect(0, height, width, height + reflectionGap, defaultPaint);
		canvas.drawBitmap(reflectionImage, 0, height + reflectionGap, null);
		Paint paint = new Paint();
		LinearGradient shader = new LinearGradient(0, bitmap.getHeight(), 0,
				bitmapWithReflection.getHeight() + reflectionGap, 0x70ffffff,
				0x00ffffff, TileMode.CLAMP);
		paint.setShader(shader);
		paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
		canvas.drawRect(0, height, width, bitmapWithReflection.getHeight()
				+ reflectionGap, paint);
		return bitmapWithReflection;
	}
}

在Activity中这样调用,先获取XML文件中定义的Imageview对象
Java代码 
  1. image = (ImageView) findViewById(R.id.movie);
image = (ImageView) findViewById(R.id.movie);

然后将获取到的Imageview对象转化为Bitmap类型
Java代码 
  1. Bitmap imageBit = ((BitmapDrawable) image.getDrawable()).getBitmap();
Bitmap imageBit = ((BitmapDrawable) image.getDrawable()).getBitmap();

接着调用图片工具类中的方法,返回一个Bitmap对象,将这个Bitmap对象放置在ImageView中
Java代码 
  1. Bitmap m = ImageUtils.getReflectionImageWithOrigin(imageBit);
  2. image.setImageBitmap(m);  
第二种
继承ImageView类
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class ReflectImageView extends ImageView {

	private Bitmap originalBitmap;

	public ReflectImageView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public ReflectImageView(Context context) {
		this(context, null, 0);
	}

	public ReflectImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		DoReflection(((BitmapDrawable) getDrawable()).getBitmap());
	}

	@Override
	public void setImageBitmap(Bitmap bm) {
		DoReflection(bm);

	}

	/** 显示倒影效果的setImageBitmap函数 */
	public void setImageBitmap(Bitmap bm, boolean isFlected) {
		if (isFlected) {
			super.setImageBitmap(bm);
		}
	}

	@Override
	public void setImageResource(int resId) {

		originalBitmap = BitmapFactory.decodeResource(getResources(), resId);
		DoReflection(originalBitmap);
	}

	private void DoReflection(Bitmap bitmap) {
		final int reflectionGap = 0;
		int width = bitmap.getWidth();
		int height = bitmap.getHeight();
		Matrix matrix = new Matrix();
		matrix.preScale(1, -1);
		Bitmap reflectionImage = Bitmap.createBitmap(bitmap, 0, height / 2,
				width, height / 2, matrix, false);
		Bitmap bitmap4Reflection = Bitmap.createBitmap(width,
				(height + height / 2), Config.ARGB_8888);
		Canvas canvasRef = new Canvas(bitmap4Reflection);
		Paint deafaultPaint = new Paint();
		deafaultPaint.setAntiAlias(true);
		canvasRef.drawBitmap(bitmap, 0, 0, null);
		canvasRef.drawRect(0, height, width, height + reflectionGap,
				deafaultPaint);
		canvasRef.drawBitmap(reflectionImage, 0, height + reflectionGap, null);
		Paint paint = new Paint();
		LinearGradient shader = new LinearGradient(0, bitmap.getHeight(), 0,
				bitmap4Reflection.getHeight() + reflectionGap, 0x70ffffff,
				0x00ffffff, TileMode.CLAMP);
		paint.setShader(shader);
		paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
		canvasRef.drawRect(0, height, width, bitmap4Reflection.getHeight()
				+ reflectionGap, paint);
		this.setImageBitmap(bitmap4Reflection, true);
	}

}

然后在xml文件里面配置

<com.hello.ReflectImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@+drawable/button1" />

相关文章
|
存储 安全 Shell
【Shell 命令集合 系统设置 】⭐⭐⭐Linux 更改用户密码 passwd命令 使用指南
【Shell 命令集合 系统设置 】⭐⭐⭐Linux 更改用户密码 passwd命令 使用指南
301 0
Flutter Getx 路由 until 方法帮助你跳转指定路由
不少同学都会问我,这样一个场景,当我点击商品列表,进入商品页,点击购买,支付成功后,想返回商品页,或者我的中心的订单列表。怎么做,这中间跨度了 n 个路由。 我不只一次的推荐 GetX 的 until 方法,和 offNamedUntil 方法。 我写了个 demo 今天我们就一起来看下这两个方法如何使用。
2022 0
Flutter Getx 路由 until 方法帮助你跳转指定路由
|
编解码 安全 搜索推荐
还没适配 Android 12 的要抓紧了(下)
还没适配 Android 12 的要抓紧了(下)
2046 0
还没适配 Android 12 的要抓紧了(下)
|
移动开发 缓存 Dart
Pad大屏&Flutter多引擎适配之路
# 背景 在电商场景中iPad的大屏拥有比普通手机相比更大的屏幕,对于购物体验而言,如能充分利用好iPad的大屏体验,无疑提高用户购买体验,但一直以来在混合栈应用特别是Flutter混合栈中,在iPad大屏适配和Flutter多引擎适配都是个老大难问题。本文会介绍闲鱼在这iPad适配中的各个疑难点。 # 分屏模式 华为,oppo等厂商折叠屏的方案。界面会在展开和折叠时展示不同的视图样式。op
Pad大屏&Flutter多引擎适配之路
|
Java Android开发
Android 对adb命令的拦截
Android 对adb命令的拦截
201 2
|
Android开发
Android 中ProgressDialog进度条对话框的使用(使用子线程模拟更新进度)
Android 中ProgressDialog进度条对话框的使用(使用子线程模拟更新进度)
386 0
|
传感器 Java 定位技术
Android 12 蓝牙适配 Java版(上)
Android 12 蓝牙适配 Java版(上)
720 0
|
XML Java 数据安全/隐私保护
Android 输入框(EditText)的输入限制,数字英文邮箱,可见\隐藏切换,踩过的坑!
最近做到了登录注册模块的各种输入判定,监听等等,因为需求上的需要,还是搞了好一会儿,今天在这总结一下。 常规的输入框输入需求有纯数字,字母,混合输入,邮箱,键盘默认打开数字键盘,密码可见性,键盘的收起弹出等等。