最近項目里面碰到了到了view部分圓角的需求,本來想弄個圖片直接放上去,但是感覺太粗暴,所以上網搜尋大神的文章查找解決方案,果然讓我找到了,好興奮。所以做個筆記,同時防止這么好的方法以后找不到了。感謝安迪潘。
如果需要將UIView的4個角全部都為圓角,做法相當簡單,只需設置其Layer的cornerRadius屬性即可(項目需要使用QuartzCore框架)。而若要指定某幾個角(小于4)為圓角而別的不變時,這種方法就不好用了。
對于這種情況,Stackoverflow上提供了幾種解決方案。其中最簡單優雅的方案,就是使用UIBezierPath。下面給出一段示例代碼。
UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(120, 10, 80, 80)];view2.backgroundColor = [UIColor redColor];[self.view addSubview:view2]; UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:view2.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(10, 10)];CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];maskLayer.frame = view2.bounds;maskLayer.path = maskPath.CGPath;view2.layer.mask = maskLayer;
其中,
byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight
指定了需要成為圓角的角。該參數是UIRectCorner類型的,可選的值有:
- UIRectCornerTopLeft* UIRectCornerTopRight* UIRectCornerBottomLeft* UIRectCornerBottomRight* UIRectCornerAllCorners
從名字很容易看出來代表的意思,使用“|”來組合就好了。
感謝原作者簡明扼要的總結!
原文地址:http://webfrogs.me/2013/05/22/ios-view-assign-corner-radius/