ios中給view添加圓角並指定位置 – iPhone手機開發 iPhone軟體開發教學課程

ios中給view添加圓角並指定位置

在ios開發中,為瞭有個不錯的UI交互效果,我們經常會用到為視圖添加圓角,或者指定某個位置去切割圓角。

* 簡單實現*具體有三種方式:

第一種:設置圖層的屬性
使用簡單,性能不好 在開發中我們應該減少使用

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
   //隻需要設置layer層的兩個屬性
   //設置圓角
    imageView.layer.cornerRadius = imageView.frame.size.width / 2;
   //將多餘的部分切掉
    imageView.layer.masksToBounds = YES;
    [self.view addSubview:imageView];

2、第二種使用貝塞爾曲線UIBezierPath,開啟圖形上下文畫出一個圓

     UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"1"];
    //開始對imageView進行畫圖
    UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, [UIScreen mainScreen].scale);
    //使用貝塞爾曲線畫出一個圓形圖
    [[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];
    [imageView drawRect:imageView.bounds];//畫圖

    imageView.image = UIGraphicsGetImageFromCurrentImageContext();
     //結束畫圖--這個時候的image是圓形的
    UIGraphicsEndImageContext();//結束
    [self.view addSubview:imageView];

3、第三種使用UIBezierPath和CAShareLayer設置圓角

 UIView *view1 = [[UIView alloc]initWithFrame:CGRectMake(10, 100, 300, 400)];
    view1.backgroundColor = [UIColor redColor];
     [self.view addSubview:view1];
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:view1.bounds byRoundingCorners:UIRectCornerTopRight| UIRectCornerTopLeft cornerRadii:CGSizeMake(10, 10)];//指定圓角位置 大小

    CAShapeLayer *masklayer = [[CAShapeLayer alloc]init];
    masklayer.frame = view1.bounds;
    masklayer.path = path.CGPath;
    view1.layer.mask = masklayer;

比較推薦使用第三種,內存消耗少,速度快。

發佈留言