先来个效果图看看。

他是怎么样实现的呢?其实很简单!

第一:利用Matrix矩阵来实现图片的旋转。

第二:利用旋转后的图片创建一个位图reflectionImage,宽度不变,高度是原始图片的一般(自己可以随意设置),就是效果图中倒影的大小

第三:创建一个能包含原始图片和倒影图片的位图finalReflection(宽度一样,高度是原始图片的高度加上倒影图片的高度)

第四:用刚创建的位图finalReflection创建一个画布

第五:把原始图片和倒影图片添加到画布上去

第六:创建线性渐变LinearGradient对象,实现倒影图片所在的区域是渐变效果

 

具体实现:

 

[java] ​​ view plain​​​​copy​​​​print​​​​?​​
1. package xiaosi.reflection;
2.
3. import android.app.Activity;
4. import android.graphics.Bitmap;
5. import android.graphics.Bitmap.Config;
6. import android.graphics.Canvas;
7. import android.graphics.Color;
8. import android.graphics.LinearGradient;
9. import android.graphics.Matrix;
10. import android.graphics.Paint;
11. import android.graphics.PorterDuff.Mode;
12. import android.graphics.PorterDuffXfermode;
13. import android.graphics.Shader.TileMode;
14. import android.graphics.drawable.BitmapDrawable;
15. import android.os.Bundle;
16. import android.widget.ImageView;
17.
18. public class ReflectionImageActivity extends Activity
19. {
20. /** Called when the activity is first created. */
21. @Override
22. public void onCreate(Bundle savedInstanceState)
23. {
24. super.onCreate(savedInstanceState);
25. setContentView(R.layout.main);
26. ImageView imageView2 = (ImageView) findViewById(R.id.picture);
27. Bitmap bmp = ((BitmapDrawable) getResources().getDrawable(R.drawable.a)).getBitmap();
28. imageView2.setImageBitmap(createReflectedImage(bmp));
29. }
30.
31. public static Bitmap createReflectedImage(Bitmap originalImage)
32. {
33. int width = originalImage.getWidth();
34. int height = originalImage.getHeight();
35. Matrix matrix = new Matrix();
36. // 实现图片翻转90度
37. matrix.preScale(1, -1);
38. // 创建倒影图片(是原始图片的一半大小)
39. Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height / 2, width, height / 2, matrix, false);
40. // 创建总图片(原图片 + 倒影图片)
41. Bitmap finalReflection = Bitmap.createBitmap(width, (height + height / 2), Config.ARGB_8888);
42. // 创建画布
43. Canvas canvas = new Canvas(finalReflection);
44. canvas.drawBitmap(originalImage, 0, 0, null);
45. //把倒影图片画到画布上
46. canvas.drawBitmap(reflectionImage, 0, height + 1, null);
47. Paint shaderPaint = new Paint();
48. //创建线性渐变LinearGradient对象
49. LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, finalReflection.getHeight() + 1, 0x70ffffff,
50. 0x00ffffff, TileMode.MIRROR);
51. shaderPaint.setShader(shader);
52. shaderPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
53. //画布画出反转图片大小区域,然后把渐变效果加到其中,就出现了图片的倒影效果。
54. canvas.drawRect(0, height + 1, width, finalReflection.getHeight(), shaderPaint);
55. return finalReflection;
56. }
57. }