利用图层的mask属性裁剪图形

迈不过友情╰ 2022-01-07 08:53 218阅读 0赞

![794092-20160614165021588-687934482.png][]

需求如上图。

代码如下

//充值
            UIButton *rechargeButton = [[UIButton alloc] initWithFrame:CGRectMake(20, 10, 80, 30)];
            [rechargeButton setTitle:@"充值" forState:UIControlStateNormal];
            [rechargeButton.titleLabel setFont:[UIFont systemFontOfSize:13]];
            rechargeButton.backgroundColor = rgb(11, 157, 224);
            [bottomView addSubview:rechargeButton];
            CAShapeLayer *maskLayer = [CAShapeLayer layer];
            CGRect rect = rechargeButton.bounds;
            CGSize radii = CGSizeMake(15, 15);
            UIRectCorner corners = UIRectCornerTopLeft | UIRectCornerBottomLeft;
            UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corners cornerRadii:radii];
            maskLayer.path = path.CGPath;
            rechargeButton.layer.mask = maskLayer;

这样我们就可以根据路径，来裁剪到我们想要的形状。

转载于:https://www.cnblogs.com/fanzhiying/p/5584633.html

[794092-20160614165021588-687934482.png]: /images/20211223/9fcc30606df44a4fbbf4f7e49227703a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关简单说 CSS中的mask—好好利用mask-image

说明 CSS中的mask属性允许用户屏蔽或剪裁特定点的图像来实现，部分或完全隐藏某个元素的可见性。好吧，这个概念可能有点不好理解，先看图。 ![53de03ace

痛定思痛。/ 2023年10月11日 16:36/ 0 赞/ 29 阅读

相关 Matlab实用程序--图形应用-图形的隐藏属性

function shili16h0=figure('toolbar','none',... 'position',[200 150 450 300],...

落日映苍穹つ/ 2022年09月12日 12:55/ 0 赞/ 168 阅读

相关计算机图形学实验报告裁剪,计算机图形学实验报告-二维裁剪.doc

计算机图形学实验报告-二维裁剪计算机科学与技术学院 2013－2014学年第一学期《计算机图形学》实验报告班级：学号：姓名：教师：成绩：实验项

灰太狼/ 2022年08月31日 14:15/ 0 赞/ 237 阅读

相关二维图形视见与裁剪

二维图形视见与裁剪一．目的： 1．理解、巩固线段裁剪的含义。 2．掌握Cohen-Sutherland线段裁剪方法。二．要求： 1．在

浅浅的花香味﹌/ 2022年08月18日 14:15/ 0 赞/ 166 阅读

相关 OPENGL—编码裁剪（Cohen-Sutherland）法裁剪图

//编码裁剪（Cohen-Sutherland）法裁剪图 include"stdafx.h" include<Gl/glut.h> includ

红太狼/ 2022年06月15日 11:29/ 0 赞/ 222 阅读

相关 C# 处理图片不规则图形裁剪

最近项目要求实现不规则裁剪功能。本来想用html5的canvas在前端实现的，但是发现有点困难，以下为C\端对图对片的处理。为了让大家知道下面内容是否是自己想要的，我先发效

我会带着你远行/ 2022年05月16日 07:29/ 0 赞/ 179 阅读

相关 Canvas 位图裁剪

一位图裁剪方法 1、将需要从位图上裁剪的部分定义成Canvas的路径。 2、调用CanvasRenderingContext2D的的clip（）方法把路径剪切出来。 3

川长思鸟来/ 2022年05月12日 00:40/ 0 赞/ 183 阅读

相关利用CGContextClip、CGPathAddEllipseInRect裁剪视图

以下可讲视图裁剪成一个圆形或椭圆： - (void) drawRect: (CGRect) aRect { UIImage logo =

谁借莪１个温暖的怀抱￠/ 2022年03月11日 03:53/ 0 赞/ 223 阅读

相关利用图层的mask属性裁剪图形

![794092-20160614165021588-687934482.png][] 需求如上图。代码如下 //充值 UIButton

迈不过友情╰/ 2022年01月07日 08:53/ 0 赞/ 219 阅读

相关 flutter 相机加入mask（遮罩层）

实现效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

偏执的太偏执、/ 2021年08月28日 16:27/ 0 赞/ 1194 阅读