IOS创建只有一个弧度角的矩形

在开发过程中,我们可能会遇到这样一个需求,就是一个规则的矩形上面只有一个弧度角,如下图所示:

IOS创建只有一个弧度角的矩形_第1张图片
屏幕快照 2017-09-12 上午9.17.57.png

实现原理:

圆角矩形是iOS 的一个标志性 审美特性 这在 iOS的每一个地方都有体现。
CALayer 有一个叫做 conrnerRadius的属性控制着图层角的曲率。(它是一个浮点数默认为0为0 时 就是直角 )但是你可以把它设置为任意值,默认情况下这个曲率值只影响背景颜色而不影响背景图片或者子图层,不过把 masksToBounds 设 成YES 的话 图层 里面所有 东西都会被裁减。

实现步骤:
1.使用XIB创建一个红色的View,添加到背景颜色为白色的layerView2上,这时候,设置layerView2的圆角,红色的view就会被裁减,但是由于layerView2是白色的,和底部的view一样都是白色,所以layerView2就相当于隐藏了,没有显示出来,所以就只显示出有圆角的红色矩形VIew。

IOS创建只有一个弧度角的矩形_第2张图片
屏幕快照 2017-09-12 上午9.47.37.png
self.layerView2.layer.cornerRadius = 20.0f;

//enable clipping on the second layer
self.layerView2.layer.masksToBounds = YES;

你可能感兴趣的:(IOS创建只有一个弧度角的矩形)