使用Xfermode实现图片各种形状的抠图

最新推荐文章于 2021-06-02 16:58:48 发布

过自己想过的生活

最新推荐文章于 2021-06-02 16:58:48 发布

阅读量2.8k

点赞数

分类专栏： Android 文章标签： android Xfermode使用抠图 android图片处理

本文链接：https://blog.csdn.net/u011043551/article/details/74366311

版权

一般来说如果想实现一个图片只显示特定的区域或者显示特定的形状，那么可以通过使用Android中的Path或者Xfermode来实现，当然对于一些特定的简单的形状也是可以通过使用shape的标签在xml中实现的，在这里我就不叙述shape和Path的用法了，本篇博客将直接讲述如何使用Xfermode来实现图片的抠图，这个功能在App上还是经常要用到的！！先来看一下效果图吧：

1、圆角矩形

这里写图片描述

2、圆形

这里写图片描述

3、椭圆

这里写图片描述

4、心形

这里写图片描述

大致的效果就展示到这里，其实还有很多模式，我在这里只是选择了使用DST_IN这个模式，具体有哪些模式，不同的模式可以产生什么效果，我在这里附上一幅图：
这里写图片描述

相信你在其他的博客上也曾见过类似的图，其实这些图我们可以从google的官网上直接查看的！！！
并且google还把使用xfermode的关键代码实例都给我们：

 Paint paint = new Paint();
 canvas.drawBitmap(destinationImage, 0, 0, paint);//绘制底层的图

 PorterDuff.Mode mode = // choose a mode
 paint.setXfermode(new PorterDuffXfermode(mode));//相当于绘制遮挡层的图

 canvas.drawBitmap(sourceImage, 0, 0, paint);

现在看一下我的代码吧：
布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/colorPrimaryDark">

    <ImageView
        android:id="@+id/show_result"
        android:src="@drawable/tttt"
        android:layout_width="350dp"
        android:layout_height="350dp"
        android:layout_gravity="center_horizontal"
        android:padding="10dp"/>

    <GridLayout
        android:useDefaultMargins="true"
        android:layout_width="wrap_content&#