教你把UIView切成任意形状 通过ShapeLayer

转载 2015年07月09日 20:10:55

有时候layer.cornerRadius并不能满足需求,自己实现drawRect又太麻烦,怎么办?

多的不说,直接上代码:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
- (void)dwMakeBottomRoundCornerWithRadius:(CGFloat)radius
{
    CGSizesize = self.frame.size;
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    [shapeLayersetFillColor:[[UIColorwhiteColor]CGColor]];
     
    CGMutablePathRefpath = CGPathCreateMutable();
    CGPathMoveToPoint(path,NULL, size.width - radius, size.height);
    CGPathAddArc(path,NULL, size.width-radius, size.height-radius, radius, M_PI/2,0.0,YES);
    CGPathAddLineToPoint(path,NULL, size.width, 0.0);
    CGPathAddLineToPoint(path,NULL,0.0,0.0);
    CGPathAddLineToPoint(path,NULL,0.0, size.height - radius);
    CGPathAddArc(path,NULL, radius, size.height - radius, radius, M_PI, M_PI/2,YES);
    CGPathCloseSubpath(path);
    [shapeLayersetPath:path];
    CFRelease(path);
    self.layer.mask = shapeLayer;//layer的mask,顾名思义,是种位掩蔽,在shapeLayer的填充区域中,alpha值不为零的部分,self会被绘制;alpha值为零的部分,self不会被绘制
}
 
- (id)initWithFrame:(CGRect)frame
{
    if(self= [superinitWithFrame:frame])
    {
        [selfdwMakeBottomRoundCornerWithRadius:3.0];
    }
    returnself;
}

这样就能切出一个只有下半部圆角的View

这种方法,只要稍作修改就能实现很多效果,比如一个多边形的按钮,把一张图片切成邮票。

UIView:

layer.mask:

最终绘制:

IOS-CAShapeLayer与UIBezierPath的基本用法

##1.CAShapeLayer CAShapeLayer顾名思义,继承于CALayer。 每个CAShapeLayer对象都代表着将要被渲染到屏幕上的一个任意的形状(shape)。具体的形状由其p...
  • Arnly
  • Arnly
  • 2016年03月11日 10:54
  • 1938

三角形的自定义View

在项目的弹窗页有倒三角形指示的设计图,如下: 最方便的做法就是要求切一张倒三角的图出来,我这里用的代码实现方法,先自定义一个三角形TriangleView,代码如下: import android...
  • chinaboyliusir
  • chinaboyliusir
  • 2016年06月27日 10:18
  • 735

iOS开发笔记--Layer 图层圆角、边框 、底纹其他常用操作

#import // 添加系统框架 layer.backgroundColor = [UIColor cyanColor].CGColor; // 给图层添加背景色 layer.conten...
  • hopedark
  • hopedark
  • 2013年11月14日 13:55
  • 27405

ios layer的一些学习

layer类似于ps的图层,如果把一个uiview看做图片的画,layer就像是图层.一个图片是由很多个大小不同的有层次的图层构成的,uiview也是. 1. 一个view有一个underlyi...
  • mad2man
  • mad2man
  • 2013年11月23日 11:53
  • 10742

iOS图片不规则剪切

最近项目中需求中增加了一个聊天图片剪切成不规则的要求,查看了一下相关资料。结果用iOS SDK自带的API就可以实现如下这个效果。          // 传进去一个UIView进行绘制,返回一个...
  • Qiqi_LJ
  • Qiqi_LJ
  • 2016年04月12日 10:23
  • 1581

iOS 通过贝塞尔曲线绘制三角形

- (void)drawRect:(CGRect)rect {     // Drawing code          //定义画图的path     UIBezierPat...
  • luco2008
  • luco2008
  • 2016年03月11日 17:23
  • 2556

CASshapeLayer与CAGradientLayer演示

  • 2015年11月06日 19:45
  • 39KB
  • 下载

CAShapeLayer

CAShapeLayer 分类: iOS2014-04-22 10:15 62人阅读 评论(0) 收藏 举报 之前讲过CALayer动画相关知识,再来看看更加复杂的CAShapeL...
  • yongyinmg
  • yongyinmg
  • 2014年08月22日 13:48
  • 37269

在UIView中绘制直线、矩形、三角形

在UIView中绘制直线、矩形、三角形 直线 1 2 3 4 5 6 7 8 9 10 ...
  • lianbaixue
  • lianbaixue
  • 2014年04月08日 23:59
  • 8214

UIView裁剪任意边

#import @interface UIView (Corner)/** * 切任意角 */- (void)cornerWithSize:(CGSize)size andCornerPostatio...
  • iamwd4ye
  • iamwd4ye
  • 2016年04月27日 11:51
  • 238
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:教你把UIView切成任意形状 通过ShapeLayer
举报原因:
原因补充:

(最多只允许输入30个字)