android圆角遮罩view

思路

项目开发过程中会用到一些圆角控件,但是每次有想单独添加圆角的控件的时候,又得自定义这个控件,于是想找个一劳永逸的方式来解决这个问题。左思右想,为何不找个方式去给想添加圆角的控件上面加一个遮罩?只要遮罩颜色跟背景颜色相同,同样可以达到圆角控件的效果。不管什么控件往上一盖就是圆角,多省事。
说干就干,首先确定遮罩裁切的方案:


如图,在四个角先画正方形,然后画以正方形边长为半径的扇形,将它们的交集部分切除就行了。
那么问题来了:view绘制的时候如何镂空。查询了相关的博客,找到这篇http://blog.csdn.net/allen315410/article/details/45077165,简单来说呢,就是在canvas上分别绘制源图像与目标图像,然后用PorterDuffXfermode指定彼此重叠的绘制规则。关于PorterDuffXfermode网上有很多相关的例子,我就不多说,直接查询就是。

其中绘制矩形与扇形的时候,是以圆心为原点,x正轴为0°,沿顺时针方向进行绘制。比如你要绘制第二象限部分的扇形,就得填起始角度180°,终止角度270°,扫过的角度为90°。如下图。

效果图

代码

代码见:https://github.com/sanchi3/CircularCoverView

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值