iOS開發(fā)之指定UIView的某幾個角(小于4)為圓角

在iOS開發(fā)中,我們經(jīng)常會遇到View設(shè)置圓角的問題,如果需要將UIView的4個角全部都為圓角,做法相當(dāng)簡單,只需設(shè)置其Layer的cornerRadius屬性即可(項目需要使用QuartzCore框架)。而若要指定某幾個角(小于4)為圓角而別的不變時,這種方法就不好用了。如圖:

Mou icon

Mou icon

對于后者這種情況,下面給出一種比較簡單優(yōu)雅的方案,就是使用UIBezierPath。

示例代碼如下:

UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(100, 10, 80, 80)];
testView.backgroundColor = [UIColor redColor];
[self.view addSubview:testView];
    
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:testView.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(10, 10)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = testView.bounds;
maskLayer.path = maskPath.CGPath;
testView.layer.mask = maskLayer;

其中,byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight
指定了需要成為圓角的角。該參數(shù)是UIRectCorner類型的,可選的值有:

  • UIRectCornerTopLeft
  • UIRectCornerTopRight
  • UIRectCornerBottomLeft
  • UIRectCornerBottomRight
  • UIRectCornerAllCorners

從名字很容易看出來代表的意思,使用“|”來組合就好了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容