Android利用Xfermode剪裁圆角

 更新时间:2022年05月19日 17:16:53   作者:码仔时光  
这篇文章主要为大家详细介绍了Android利用Xfermode剪裁圆角,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

通常的图片圆角一般是对单独的图片进行切圆角操作,但是像下图的效果就没那么合适了,虽然对单张图片切圆角也能实现,但更为繁琐、不简洁,因为数据内容是动态的,要根据数据源分很多种情况判断哪张图片该切哪个角。

所以,我在想能不能就在外层容器的四个角切圆角而不用管内部图片的圆角情况呢?答案显然是能!主要思路就是自定义一个layout,在dispatchDraw的时候将数据图片的canvas与圆角bitmap混合,设置Xfermode为PorterDuff.Mode.DST_IN使交集部分展示即可达到图示的效果

关键代码(根据后台数据生成里面的每个item相关代码没有贴,根据业务场景改变即可):

public class HotCityView extends LinearLayout {
    private LinearLayout ll_item_container1, ll_item_container2;
    private int itemH, itemSpace;
    private int padding;
    private Paint clipPaint;
    private RectF clipRect;
    private Bitmap maskBitmap;
    private int cornerSize;

    public HotCityView(@NonNull Context context) {
        this(context, null);
    }

    public HotCityView(@NonNull Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public HotCityView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        setOrientation(VERTICAL);

        inflate(context, R.layout.m_layout_hot_city, this);

        padding = (int) getResources().getDimension(R.dimen.list_lr_margin1);
        setPadding(padding, 0, padding, 0);

        itemH = PixelUtil.dp2px(109);
        itemSpace = (int) getResources().getDimension(R.dimen.hot_item_space);
        cornerSize = PixelUtil.dp2px(8);

        ll_item_container1 = findViewById(R.id.m_hot_city_item_container1);
        ll_item_container2 = findViewById(R.id.m_hot_city_item_container2);

        clipPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        clipPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        if (clipRect == null || getMeasuredWidth() == 0) {
            clipRect = new RectF(padding, 0, getMeasuredWidth() - padding, getMeasuredHeight());

            maskBitmap = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_4444);
            Canvas c = new Canvas(maskBitmap);
            //在蒙版上画需要覆盖的图形
            c.drawRoundRect(clipRect, cornerSize, cornerSize, clipPaint);
        }

        //保存还没有绘制之前的图层
        int layerId = canvas.saveLayer(clipRect, clipPaint, Canvas.ALL_SAVE_FLAG);
        //绘制底部图层
        super.dispatchDraw(canvas);

        //设置混合模式,实现view的四个圆角
        clipPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        canvas.drawBitmap(maskBitmap, 0, 0, clipPaint);
        clipPaint.setXfermode(null);
        //恢复之前的图层,要不然背景是黑色的
        canvas.restoreToCount(layerId);
    }


    //这种方式也可以实现裁剪效果,但是需要5.0以上
    private void clipRoundView() {
        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {
            ViewOutlineProvider viewOutlineProvider = new ViewOutlineProvider() {
                @Override
                public void getOutline(View view, Outline outline) {
                    //修改outline为特定形状
                    outline.setRoundRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), cornerSize);
                }
            };
            //重新设置形状
            setOutlineProvider(viewOutlineProvider);
            //添加背景或者是ImageView的时候失效,添加如下设置
            setClipToOutline(true);
        }
    }
}

附各种Xfermode的效果(这张图太经典了,按照命名规则其实很容易理解,无需记住,到用的时候查阅即可):

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android 自定义AlertDialog对话框样式

    Android 自定义AlertDialog对话框样式

    实际的项目开发当中,经常需要根据实际的需求来自定义AlertDialog。最近在开发一个WIFI连接的功能,点击WIFI需要弹出自定义密码输入框,具体代码大家参考下本文
    2017-09-09
  • RecyclerView自定义分割线

    RecyclerView自定义分割线

    这篇文章主要为大家详细介绍了RecyclerView自定义分割线的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • Android SlidingMenu使用和示例详解

    Android SlidingMenu使用和示例详解

    这篇文章主要介绍了Android SlidingMenu使用和示例详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-12-12
  • Android监听滑动控件实现状态栏颜色切换

    Android监听滑动控件实现状态栏颜色切换

    这篇文章给大家分享一个平时在滑动页面经常遇到的效果:滑动过程动态修改状态栏颜色,文中有详细的示例代码,对我们的学习或工作有一定的帮助,感兴趣的小伙伴自己动手试试吧
    2023-08-08
  • Android自定义多节点进度条显示的实现代码(附源码)

    Android自定义多节点进度条显示的实现代码(附源码)

    这篇文章主要介绍了Android自定义多节点进度条显示的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • Android 如何使用SQLite保存数据

    Android 如何使用SQLite保存数据

    对于重复数据或结构化数据(例如联系信息),将数据保存到数据库是理想选择,SQL 数据库的主要原则之一是架构,即数据库组织方式的正式声明,本篇文章介绍在 Android 上使用 SQLite 数据库,感兴趣的朋友一起看看吧
    2024-03-03
  • Android开发之DiffUtil的使用详解

    Android开发之DiffUtil的使用详解

    这篇文章文给大家介绍了DiffUtil的使用,相信大家每位Android开发者们都知道谷歌最近更新了Support Library 24.2.0,而DiffUtil就是在这个版本添加的一个工具类。下面就跟着小编一起来看看,有需要的可以参考借鉴。
    2016-09-09
  • Android 内存泄漏的几种可能总结

    Android 内存泄漏的几种可能总结

    本文主要介绍 Android 内存泄漏的几种可能进行总结,这里整理了八种可以性,并一一介绍,有需要的小伙伴可以参考下
    2016-09-09
  • Android通过ViewModel保存数据实现多页面的数据共享功能

    Android通过ViewModel保存数据实现多页面的数据共享功能

    这篇文章主要介绍了Android通过ViewModel保存数据实现多页面的数据共享功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • Flutter之Timer实现短信验证码获取60s倒计时功能的代码

    Flutter之Timer实现短信验证码获取60s倒计时功能的代码

    这篇文章主要介绍了Flutter之Timer实现短信验证码获取60s倒计时功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07

最新评论