Android进阶2之图片倒影效果


先来个效果图看看。

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

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

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

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

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

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

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


具体实现:

[java]  view plain copy
  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, 00null);  
  45.         //把倒影图片画到画布上  
  46.         canvas.drawBitmap(reflectionImage, 0, height + 1null);  
  47.         Paint shaderPaint = new Paint();  
  48.         //创建线性渐变LinearGradient对象  
  49.         LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, finalReflection.getHeight() + 10x70ffffff,  
  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.     }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值