Android进阶2之图片倒影效果

最新推荐文章于 2022-04-29 14:24:47 发布

AndyLizh

最新推荐文章于 2022-04-29 14:24:47 发布

阅读量1k

点赞数

文章标签： Matrix 位图图片 canvas

先来个效果图看看。

他是怎么样实现的呢？其实很简单！

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

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

第三：创建一个能包含原始图片和倒影图片的位图finalReflection（宽度一样，高度是原始图片的高度加上倒影图片的高度）

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

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

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

具体实现：

[java]view plaincopy 
   
 package xiaosi.reflection;  
   
 import android.app.Activity;  
 import android.graphics.Bitmap;  
 import android.graphics.Bitmap.Config;  
 import android.graphics.Canvas;  
 import android.graphics.Color;  
 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.os.Bundle;  
 import android.widget.ImageView;  
   
 public class ReflectionImageActivity extends Activity  
 {  
     /** Called when the activity is first created. */  
     @Override  
     public void onCreate(Bundle savedInstanceState)  
     {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  
         ImageView imageView2 = (ImageView) findViewById(R.id.picture);  
         Bitmap bmp = ((BitmapDrawable) getResources().getDrawable(R.drawable.a)).getBitmap();  
         imageView2.setImageBitmap(createReflectedImage(bmp));  
     }  
   
     public static Bitmap createReflectedImage(Bitmap originalImage)  
     {  
         int width = originalImage.getWidth();  
         int height = originalImage.getHeight();  
         Matrix matrix = new Matrix();  
         // 实现图片翻转90度  
         matrix.preScale(1, -1);  
         // 创建倒影图片（是原始图片的一半大小）  
         Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height / 2, width, height / 2, matrix, false);  
         // 创建总图片（原图片 + 倒影图片）  
         Bitmap finalReflection = Bitmap.createBitmap(width, (height + height / 2), Config.ARGB_8888);  
         // 创建画布  
         Canvas canvas = new Canvas(finalReflection);  
         canvas.drawBitmap(originalImage, 0, 0, null);  
         //把倒影图片画到画布上  
         canvas.drawBitmap(reflectionImage, 0, height + 1, null);  
         Paint shaderPaint = new Paint();  
         //创建线性渐变LinearGradient对象  
         LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, finalReflection.getHeight() + 1, 0x70ffffff,  
                 0x00ffffff, TileMode.MIRROR);  
         shaderPaint.setShader(shader);  
         shaderPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));  
         //画布画出反转图片大小区域，然后把渐变效果加到其中，就出现了图片的倒影效果。  
         canvas.drawRect(0, height + 1, width, finalReflection.getHeight(), shaderPaint);  
         return finalReflection;  
     }  
 } 