Android Studio中实现图片倒影效果

最新推荐文章于 2023-09-28 03:01:01 发布

Pillar~

最新推荐文章于 2023-09-28 03:01:01 发布

阅读量1.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/Pillar1066527881/article/details/51013930

Android 专栏收录该内容

64 篇文章

订阅专栏

本文介绍了一种在Android应用中实现图片倒影效果的方法。通过使用Matrix进行图片翻转，创建倒影位图，并结合LinearGradient实现渐变效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、效果图：

 

2、代码：

package demo.cd.com.reflectionimageactivity;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    private ImageView imgView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgView=(ImageView)findViewById(R.id.imgView);

        Bitmap bm=((BitmapDrawable)getResources().getDrawable(R.mipmap.img)).getBitmap();
        imgView.setImageBitmap(createReflectedImage(bm));
    }

    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), Bitmap.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, Shader.TileMode.MIRROR);
        shaderPaint.setShader(shader);
        shaderPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        //画布画出反转图片大小区域，然后把渐变效果加到其中，就出现了图片的倒影效果。
        canvas.drawRect(0, height + 1, width, finalReflection.getHeight(), shaderPaint);
        return finalReflection;
    }
}

3、分析：
他是怎么样实现的呢？其实很简单！
第一：利用Matrix矩阵来实现图片的旋转。
第二：利用旋转后的图片创建一个位图reflectionImage，宽度不变，高度是原始图片的一般（自己可以随意设置），就是效果图中倒影的大小
第三：创建一个能包含原始图片和倒影图片的位图finalReflection（宽度一样，高度是原始图片的高度加上倒影图片的高度）
第四：用刚创建的位图finalReflection创建一个画布
第五：把原始图片和倒影图片添加到画布上去
第六：创建线性渐变LinearGradient对象，实现倒影图片所在的区域是渐变效果
来源：http://blog.youkuaiyun.com/sjf0115/article/details/7357962