当前位置: 代码迷 >> Android >> [Android]倒影成效的ImagView by sodino
  详细解决方案

[Android]倒影成效的ImagView by sodino

热度:44   发布时间:2016-05-01 20:21:43.0
[Android]倒影效果的ImagView by sodino

效果图如下:

?

?

?

?

?

package lab.sodino.reflection;import android.content.Context;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.PorterDuff.Mode;import android.graphics.PorterDuffXfermode;import android.graphics.Shader.TileMode;import android.graphics.drawable.BitmapDrawable;import android.util.AttributeSet;import android.widget.ImageView;public class ReflectionImage extends ImageView {        // 是否为Reflection模式        private boolean mReflectionMode = true;        public ReflectionImage(Context context) {                super(context);        }        public ReflectionImage(Context context, AttributeSet attrs) {                super(context, attrs);                measure(0, 0);                // 取得原始图片的bitmap并重画                Bitmap originalImage = ((BitmapDrawable) this.getDrawable()).getBitmap();                DoReflection(originalImage);        }        public ReflectionImage(Context context, AttributeSet attrs, int defStyle) {                super(context, attrs, defStyle);                Bitmap originalImage = ((BitmapDrawable) this.getDrawable()).getBitmap();                DoReflection(originalImage);        }        public void setReflectionMode(boolean isRef) {                mReflectionMode = isRef;        }        public boolean getReflectionMode() {                return mReflectionMode;        }        // 偷懒了,只重写了setImageResource,和构造函数里面干了同样的事情        @Override        public void setImageResource(int resId) {                Bitmap originalImage = BitmapFactory.decodeResource(getResources(), resId);                DoReflection(originalImage);                // super.setImageResource(resId);        }        private void DoReflection(Bitmap originalImage) {                // 原始图片和反射图片中间的间距                final int reflectionGap = 4;                int width = originalImage.getWidth();                int height = originalImage.getHeight();                // 反转                Matrix matrix = new Matrix();                // 第一个参数为1表示x方向上以原比例为准保持不变,正数表示方向不变。                // 第二个参数为-1表示y方向上以原比例为准保持不变,负数表示方向取反。                matrix.preScale(1, -0.75f);                // reflectionImage就是下面透明的那部分,可以设置它的高度为原始的3/4,这样效果会更好些                Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, 0, width, height * 3 / 4, matrix, false);                // 创建一个新的bitmap,高度为原来的两倍                Bitmap bitmap4Reflection = Bitmap.createBitmap(width, (height + height * 3 / 4), Config.ARGB_8888);                // 其宽*高 = width * (height + height * 3 / 4)                Canvas canvasRef = new Canvas(bitmap4Reflection);                // 先画原始的图片                canvasRef.drawBitmap(originalImage, 0, 0, null);                // 画间距                Paint deafaultPaint = new Paint();                // defaultPaint不能为null,否则会有空指针异常。                canvasRef.drawRect(0, height, width, height + reflectionGap, deafaultPaint);                // 画被反转以后的图片                canvasRef.drawBitmap(reflectionImage, 0, height + reflectionGap, null);                // 创建一个渐变的蒙版放在下面被反转的图片上面                Paint paint = new Paint();                LinearGradient shader = new LinearGradient(200, originalImage.getHeight(), 10, bitmap4Reflection.getHeight()                                + reflectionGap, 0x80ffffff, 0x00ffffff, TileMode.CLAMP);                paint.setShader(shader);                // Set the Transfer mode to be porter duff and destination in                paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));                // 将蒙板画上                canvasRef.drawRect(0, height, width, bitmap4Reflection.getHeight() + reflectionGap, paint);                // 调用ImageView中的setImageBitmap                this.setImageBitmap(bitmap4Reflection);        }}
?

?

?

?

?

?

?

?

  相关解决方案