Android实现图片的倒影效果

效果以下:
java

主要代码以下:
canvas

public static Bitmap createReflectedImage(Bitmap originalImage) {
    final int reflectionGap = 4;
    int width = originalImage.getWidth(); 
    int height = originalImage.getHeight();
    Matrix matrix = new Matrix(); 
    matrix.preScale(1, -1);
    Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 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(originalImage, 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, 
            originalImage.getHeight(), 0, bitmapWithReflection.getHeight() 
                    + reflectionGap, 0×70ffffff, 0×00ffffff, 
            TileMode.MIRROR);
    paint.setShader(shader);
    paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
    canvas.drawRect(0, height, width, bitmapWithReflection.getHeight() 
            + reflectionGap, paint);
    return bitmapWithReflection; 
}

解释一下:spa

Matrix matrix = new Matrix(); 
matrix.preScale(1, -1);

实现图片的反转,见Android利用Matrix简单处理图片.net

Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, 
            height / 2, width, height / 2, matrix, false);

建立反转后的图片Bitmap对象,图片高是原图的一半。code

Bitmap bitmapWithReflection = Bitmap.createBitmap(width, 
            (height + height / 2), Config.ARGB_8888);

建立标准的Bitmap对象,宽和原图一致,高是原图的1.5倍。对象

Canvas canvas = new Canvas(bitmapWithReflection);
canvas.drawBitmap(originalImage, 0, 0, null);

建立画布对象,将原图画于画布,起点是原点位置。blog

Paint defaultPaint = new Paint(); 
canvas.drawRect(0, height, width, height + reflectionGap, defaultPaint);
canvas.drawBitmap(reflectionImage, 0, height + reflectionGap, null);

将反转后的图片画到画布中。图片

LinearGradient shader = new LinearGradient(0, 
            originalImage.getHeight(), 0, bitmapWithReflection.getHeight() 
                    + reflectionGap, 0×70ffffff, 0×00ffffff,

建立线性渐变LinearGradient 对象。ip

canvas.drawRect(0, height, width, bitmapWithReflection.getHeight() 
            + reflectionGap, paint);

画布画出反转图片大小区域,而后把渐变效果加到其中,就出现了图片的倒影效果。get

附件:http://www.oschina.net/code/snippet_157182_8946

相关文章
相关标签/搜索