视图实现圆角效果的三种方法及比较

本篇文章主要介绍了"视图实现圆角效果的三种方法及比较"，主要涉及到视图实现圆角效果的三种方法及比较方面的内容，对于视图实现圆角效果的三种方法及比较感兴趣的同学可以参考一下。

方法一、layer.cornerRadius

第一种方法最简单，通过层对象的cornerRadius属性实现圆角效果，代码如下：

view.layer.cornerRadius = 8.0;
view.layer.masksToBounds = YES;

缺点是会有2次rending passes。首先off-screen画出带圆角的图，然后在视图上画第二次。

方法二、通过UIBezierPath对象设置带圆角的作图区域

这种方法的好处是只有一次rending pass，是三种方法中效率最高的。缺点是需要override视图。代码如下：

- (void)drawRect:(CGRect)rect {
CGRect bounds = self.bounds;

[[UIColor whiteColor] set];
UIRectFill(bounds);

[[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:8.0] addClip];

[self.image drawInRect:bounds];
}

方法三、通过另一张mask图创建新图

首先需要一张mask图，然后将这张mask图和原图合成，得到带圆角的新图。效率和方法一类似，合成新图等同于在off-screen作图。该方法的优点是可以不局限于圆角，全凭mask图控制。

总结：

如果要效率（例如要提高table view的滚动帧数），就多用方法二。要方便，自然是方法一。如果需要的特殊形状UIBezierPath对象无法构成，则考虑方法三。

例子：https://github.com/weipin/RoundedCorner

例子中，tab 1是无圆角效果，其他三个tab各自对应三种方法。

转自：http://www.cocoachina.com/applenews/devnews/2013/0104/5461.html

视图实现圆角效果的三种方法及比较相关推荐

iOS 视图实现圆角效果的三种方法及比较
通过代码,至少有三种方法可以为视图加上圆角效果.附例子: https://github.com/weipin/RoundedCorner 方法一.layer.cornerRadius 第一种方法最简单 ...
菱角图形输出c语言,CDR将多边形/图形的角度变圆?CDR制作圆角图形的三种方法
在CorelDRAW中如何将多边形/图形的角度变圆.可能在以早的版本中,都没有直接实现圆角多边形的功能,直到后来较高版本中提及的圆角/扇形角/倒棱角功能的出现,才很好的解决了这个问题,其实方法也不止是 ...
php 绘制圆角矩形,快速绘制圆角矩形的三种方法 - 行业动态 - 济南新视觉实训基地-平面UI设计PS培训，室内设计，web前端，影视3D动画后期制作培训...
圆角矩形可谓是UI设计中,我们最常见到的元素之一了,通过圆角矩形工具去绘制的圆角过于普通,且略显呆板,缺少吸引力.今天新视觉实训就给大家分享三种绘制圆角矩形的方法,让我们在千篇一律的圆角矩形中找寻一些 ...
windows之实现3D立体效果的三种方法
第一种:快捷键:win+tab 另外一种:cmd输入rundll32.exe dwmapi #105 第三种:使用软件bumptop
Android设置透明效果的三种方法（转）
1.使用Android系统自带的透明效果资源 <Button android:background="@android:color/transparent"/> ...
模型评价 - 判断数据模型拟合效果的三种方法
数据建模的目的就是获得从自变量映射到因变量的函数,在建模的探索过程中,不同的方式总会得出不同的函数模型,而这些函数大多是由一些参数构成的,比如 y = f( x; w0, w1, w2, w3, .. ...
【Android进阶学习】设置透明效果的三种方法
1.使用Android系统自带的透明效果资源 <android:backgroundandroid:background="@android:color/transparent&quo ...
Android 中ScrollView垂直滚动视图之隐藏滚动条的三种方法
博主前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住也分享一下给大家,
三种方法实现弹出框边框半透明和圆角的效果
发现支付宝的一个充值抽红包的系统里面有个弹出对话框,边框半透明效果,就想着自己做一个弹出对话框效果, 用三种方法实现弹出框边框半透明和圆角的效果 1.用rgba来实现背景半透明,设置内边距 2.设置b ...

视图实现圆角效果的三种方法及比较

视图实现圆角效果的三种方法及比较相关推荐

最新文章

热门文章