Android滑動效果進階篇（六） 倒影效果

上篇介紹了使用Animation實現3D動畫旋轉翻頁效果，現在介紹圖片倒影實現，先看效果圖

本示例主要通過自定義Gallery和ImageAdapter（繼承自BaseAdapter）實現

1、倒影繪制

ImageAdapter繼承自 BaseAdapter，詳細實現可見 Android 滑動效果入門篇（二）—— Gallery 這裡重點介紹倒影原理及實現

倒影原理：

倒影效果是主要由原圖+間距+倒影三部分組成，高度大約為原圖的3/2（原圖為1、倒影為1/2）

原圖，就是我們 看到了最開始的圖片

間距，是原圖與倒影之間的間隙，如：reflectionGap = 4;

倒影，是原圖下半部分1/2高度 ，通過矩陣變換matrix.preScale(1, -1); 獲取倒立圖片，然後再加上線性遮罩和陰影實現

倒影實現：

/** 反射倒影 */ 
public boolean createReflectedImages() {     
    final int reflectionGap = 4;     
    int index = 0;     
    for (Map<String, Object> map : list) {     
        Integer id = (Integer) map.get("image");     
        Bitmap originalImage = BitmapFactory.decodeResource(mContext.getResources(), id);   // 獲取原始圖片     
        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);          // 創建倒影圖片（高度為原圖3/2）     
         
        Canvas canvas = new Canvas(bitmapWithReflection);   // 繪制倒影圖（原圖 + 間距 + 倒影）     
        canvas.drawBitmap(originalImage, 0, 0, null);       // 繪制原圖     
        Paint paint = new Paint();     
        canvas.drawRect(0, height, width, height + reflectionGap, paint);       // 繪制原圖與倒影的間距     
        canvas.drawBitmap(reflectionImage, 0, height + reflectionGap, null);    // 繪制倒影圖     
         
        paint = new Paint();     
        LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, bitmapWithReflection.getHeight() + reflectionGap, 0x70ffffff, 0x00ffffff, TileMode.CLAMP);     
        paint.setShader(shader);    // 線性漸變效果     
        paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));     // 倒影遮罩效果     
        canvas.drawRect(0, height, width, bitmapWithReflection.getHeight() + reflectionGap, paint);     // 繪制倒影的陰影效果     
         
        ImageView imageView = new ImageView(mContext);     
        imageView.setImageBitmap(bitmapWithReflection);     // 設置倒影圖片     
        imageView.setLayoutParams(new myGallery.LayoutParams(180, 240));     
        imageView.setScaleType(ScaleType.MATRIX);     
        mImages[index++] = imageView;     
    }     
    return true;     
}