图片倒影控件ReflectionImage

 
ReflectionImage是从android.widget.ImageView继承而来,使用方法和其他的Android控件一样 

实现思路是从某个网站上剽窃过来的。 

实现起来很简单,详细的解释写到注释里面,总体思路就是在Canvas里面重新把原始图片画一次,反转图片用Matrix来做,透明处理实际上是加了一层渐变的蒙板. 

源码如下： 

Java代码  

1. import android.content.Context;  
2. import android.graphics.Bitmap;  
3. import android.graphics.BitmapFactory;  
4. import android.graphics.Canvas;  
5. import android.graphics.LinearGradient;  
6. import android.graphics.Matrix;  
7. import android.graphics.Paint;  
8. import android.graphics.PorterDuffXfermode;  
9. import android.graphics.Bitmap.Config;  
10. import android.graphics.PorterDuff.Mode;  
11. import android.graphics.Shader.TileMode;  
12. import android.graphics.drawable.BitmapDrawable;  
13. import android.util.AttributeSet;  
14. import android.widget.ImageView;  
15. public class ReflectionImage extends ImageView {  
16.     //是否为Reflection模式  
17.     private boolean mReflectionMode = true;  
18.     public ReflectionImage(Context context) {  
19.         super(context);  
20.     }  
21.     public ReflectionImage(Context context, AttributeSet attrs) {  
22.         super(context, attrs);  
23.         //取得原始图片的bitmap并重画  
24.         Bitmap originalImage = ((BitmapDrawable)this.getDrawable()).getBitmap();  
25.         DoReflection(originalImage);  
26.     }  
27.     public ReflectionImage(Context context, AttributeSet attrs,  
28.             int defStyle) {  
29.         super(context, attrs, defStyle);  
30.         Bitmap originalImage = ((BitmapDrawable)this.getDrawable()).getBitmap();  
31.         DoReflection(originalImage);  
32.     }  
33.     public void setReflectionMode(boolean isRef) {  
34.         mReflectionMode = isRef;  
35.     }  
36.     public boolean getReflectionMode() {  
37.         return mReflectionMode;  
38.     }  
39.     //偷懒了,只重写了setImageResource,和构造函数里面干了同样的事情  
40.     @Override  
41.     public void setImageResource(int resId) {  
42.         Bitmap originalImage = BitmapFactory.decodeResource(  
43.                 getResources(), resId);  
44.         DoReflection(originalImage);  
45.         //super.setImageResource(resId);  
46.     }  
47.     private void DoReflection(Bitmap originalImage) {  
48.         final int reflectionGap = 4;                            //原始图片和反射图片中间的间距  
49.         int width = originalImage.getWidth();  
50.         int height = originalImage.getHeight();  
51.           
52.         //反转  
53.         Matrix matrix = new Matrix();  
54.         matrix.preScale(1, -1);  
55.       //reflectionImage就是下面透明的那部分,可以设置它的高度为原始的3/4,这样效果会更好些  
56.         Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0,  
57.                 0, width, height, matrix, false);  
58.         //创建一个新的bitmap,高度为原来的两倍  
59.         Bitmap bitmapWithReflection = Bitmap.createBitmap(width, (height + height), Config.ARGB_8888);  
60.         Canvas canvasRef = new Canvas(bitmapWithReflection);  
61.           
62.         //先画原始的图片  
63.         canvasRef.drawBitmap(originalImage, 0, 0, null);  
64.         //画间距  
65.         Paint deafaultPaint = new Paint();  
66.         canvasRef.drawRect(0, height, width, height + reflectionGap, deafaultPaint);  
67.           
68.         //画被反转以后的图片  
69.         canvasRef.drawBitmap(reflectionImage, 0, height + reflectionGap, null);  
70.         // 创建一个渐变的蒙版放在下面被反转的图片上面  
71.         Paint paint = new Paint();  
72.         LinearGradient shader = new LinearGradient(0,  
73.                 originalImage.getHeight(), 0, bitmapWithReflection.getHeight()  
74.                         + reflectionGap, 0x80ffffff, 0x00ffffff, TileMode.CLAMP);  
75.         // Set the paint to use this shader (linear gradient)  
76.         paint.setShader(shader);  
77.         // Set the Transfer mode to be porter duff and destination in  
78.         paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));  
79.         // Draw a rectangle using the paint with our linear gradient  
80.         canvasRef.drawRect(0, height, width, bitmapWithReflection.getHeight()  
81.                 + reflectionGap, paint);  
82.       //调用ImageView中的setImageBitmap  
83.         this.setImageBitmap(bitmapWithReflection);  
84.     }  
85. }  

android 圆角与倒影 
http://lipeng88213.iteye.com/blog/1201993  
http://www.devdiv.com/article-2516-1.html