首页 > 其他分享 >Android实现图片的倒影效果

Android实现图片的倒影效果

时间:2022-12-05 15:37:24浏览次数:41  
标签:原图 倒影 Mode Bitmap PorterDuff PorterDuffXfermode new Android 图片


原理:

原图和倒影图分解成两个Bitmap, 倒影的Bitmap设计为原图的高度一半,宽度一致。然后创建一个可变空的Bitmap, 宽度跟原图保持一致,宽度为原图的1.5倍(宽度包括原图和倒影图的宽度之和),然后用Canvas关联这个可变空的Bitmap,在Canvas上将原图和倒影图依次绘制上去就行,为了更接近倒影的效果,需要设计渐变等效果。

主要逻辑如下:

package com.jackie.revertbitmap;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
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.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
private ImageView mRevertImageView;
private Bitmap mSourceBitmap; //原图
private Bitmap mRevertBitmap; //倒立图

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

mRevertImageView = (ImageView)findViewById(R.id.im_revert);
mSourceBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.source);
mRevertImageView.setBackground(new BitmapDrawable(getResources(), revertBitmap()));
}

private Bitmap revertBitmap() {
//1.倒立图
Matrix matrix = new Matrix();
matrix.preScale(1, -1); //以X轴向下翻转
int width = mSourceBitmap.getWidth();
int height = mSourceBitmap.getHeight();

//生成倒立图,宽度和原图一致,高度为原图的一半
mRevertBitmap = Bitmap.createBitmap(mSourceBitmap, 0, height / 2, width, height / 2, matrix, false);

//2.要生成原图加上倒立图,先生成一个可变空的Bitmap, 高度为原图高度的1.5倍(包括原图和倒立图的高度)
int gap = 10; //间隙空白
Bitmap bitmap = Bitmap.createBitmap(width, height + height / 2, Bitmap.Config.ARGB_8888);
Paint paint = new Paint();
Canvas canvas = new Canvas(bitmap);
canvas.drawBitmap(mSourceBitmap, 0, 0, paint); //绘制原图
canvas.drawBitmap(mRevertBitmap, 0, height + gap, paint); //绘制倒立图

//3.画笔使用LinearGradient 线性渐变渲染
LinearGradient lg = new LinearGradient(0, height + gap, width, bitmap.getHeight(), 0xabff0000, 0x00ffff00, Shader.TileMode.MIRROR);
paint.setShader(lg);

//4.指定画笔的Xfermode 即绘制的模式(不同的模式,绘制的区域不同)
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP));

//5.在倒立图区,绘制矩形渲染图层
canvas.drawRect(0, height + gap, width, bitmap.getHeight(), paint);
paint.setXfermode(null);
return bitmap;
}

//缩放图片
private Bitmap resizeImage(Bitmap bitmap, int width, int height) {
int originWidth = bitmap.getWidth();
int originHeight = bitmap.getHeight();

float scaleWidth = width / originWidth;
float scaleHeight = height / originHeight;

Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
Bitmap resizeBitmap = Bitmap.createBitmap(bitmap, 0, 0, originWidth, originHeight, matrix, true);
return resizeBitmap;
}
}

PorterDuffXfermode 定义的模式如下:
private static final Xfermode[] sModes = {
 new PorterDuffXfermode(PorterDuff.Mode.CLEAR),     //所绘制不会提交到画布上
 new PorterDuffXfermode(PorterDuff.Mode.SRC),       //显示上层绘制图片
 new PorterDuffXfermode(PorterDuff.Mode.DST),      //显示下层绘制图片
 new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER), //正常绘制显示,上下层绘制叠盖
 new PorterDuffXfermode(PorterDuff.Mode.DST_OVER), //上下层都显示。下层居上显示
 new PorterDuffXfermode(PorterDuff.Mode.SRC_IN),   //取两层绘制交集。显示上层
 new PorterDuffXfermode(PorterDuff.Mode.DST_IN),   //取两层绘制交集。显示下层
 new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT),  //取上层绘制非交集部分
 new PorterDuffXfermode(PorterDuff.Mode.DST_OUT),  //取下层绘制非交集部分
 new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP), //取下层非交集部分与上层交集部分
 new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP), //取上层非交集部分与下层交集部分
 new PorterDuffXfermode(PorterDuff.Mode.XOR),      //滤色效果
 new PorterDuffXfermode(PorterDuff.Mode.DARKEN),   //滤色效果
 new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN),  //滤色效果
 new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY), //滤色效果
 new PorterDuffXfermode(PorterDuff.Mode.SCREEN)    //滤色效果
};

效果图如下:

Android实现图片的倒影效果_线性渐变


标签:原图,倒影,Mode,Bitmap,PorterDuff,PorterDuffXfermode,new,Android,图片
From: https://blog.51cto.com/u_11407799/5912424

相关文章

  • Android基础面试题
    1. 转屏时候Activity的生命周期1.1新建一个Activity,并把各个生命周期打印出来1.2运行Activity,得到如下信息onCreate-->onStart-->onResume-->1.3按crtl+f12切换成横屏......
  • Android实现水波纹外扩效果
    微信曾经推出了一个查找附近好友的功能,大致功能是这样的:屏幕上有一个按钮,长按按钮的时候,会有一圈圈水波纹的动画向外扩散,松手后,动画结束。现在简单来实现这样的一个动画功能......
  • Android Location服务之Geocoder
    提到Android基于位置的服务,就不得不提android.location包,location包提供了很便捷的API来实现基于位置的服务。主要包括Geocoder和LocationManager。今天就先来介绍一下Geoco......
  • Android Activity
    Activity的四种状态  Activity的生命周期  eg:打开MainActivity.java ,  继承Activity单击鼠标右键产生菜单项(Generate),之后选择重写方法菜单项(Overri......
  • Android ViewPager2 + TabLayout + BottomNavigationView
    AndroidViewPager2+TabLayout+BottomNavigationView实际案例本篇主要介绍一下ViewPager2+TabLayout+BottomNavigationView的结合操作概述相信大家都看......
  • c#中使用Aspose.Word组件,将数据和图片导出至Word
    上一篇分享的是导出Excel的示例,今天分享将数据导出至Word,以及如何读取Word文档中的图片。用的组件包括2个,分别是Aspose.Word和Spire.Doc。这2个组件,都可以从Nuget中下载获......
  • 图片
    importrequestsimportosfrombs4importBeautifulSoupimporttimeua={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGe......
  • Android中的intentservice
    在Android的应用中,往往需要在执行主界面的操作时,如果要执行耗时的操作,那么应该是另外开线程的,或者是用async或者handler,今天发现其实也可以用android中的一个Intents......
  • 华为4g模块 linux驱动程序,定制Android之4G-LTE模块驱动
    定制Android之4G-LTE模块驱动一.        简介本文讲述在Android内核中,添加中国移动4G-LTE制式华为MU909模块驱动,实现通过4G上网业务,电话业务,短信业务。CPU:Sams......
  • Android 五种布局管理器及布局管理器的嵌套
    一、相对布局管理器RelativeLayout android:gravity  各子组件摆放方式android:ignoreGravity  哪个组件不受前面组件影响   相对参考组件位置androi......