文章開始之前先上圖鎮帖

陰影與圓角效果.png

廢話模式
最近公司的項目中要求UIButton/UIView/UIimageView這樣的視圖控件實現圖片既有圓角還要有陰影效果。但是眾所周知圓角效果和陰影效果“勢同水火”不能共存。

正文

• 方法一
  我在網上找了很多這方面的文章，千篇一律，使用一個UIView做陰影，一個需要的控件做圓角，如：UIImageView。
  直接上代碼

//UIView
    UIView *shadowView = [[UIView alloc]initWithFrame:CGRectMake(100,100,100,100)];
    shadowView.layer.cornerRadius = 6;
    shadowView.layer.masksToBounds = YES;
    [self.view addSubview:shadowView];

//UIImageView 
    UIImageView *displayView = [[UIImageView alloc]init];
    displayView.image = [UIImage imageNamed:@"1"];//會緩存圖片
    displayView.layer.shadowRadius = 6;
    displayView.layer.shadowOffset = CGSizeMake(0, 0);
    displayView.layer.shadowColor = [UIColor blackColor].CGColor;
    displayView.layer.shadowOpacity = 1;
    [self.view addSubview:displayView];

• 方法二
  使用貝塞爾曲線繪制一個圓角，UIImageView實現陰影。

    UIImageView *displayView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
     displayView.image = [UIImage imageNamed:@"1"];
     //-----繪制陰影
    displayView.layer.shadowRadius = 6;
    displayView.layer.shadowOffset = CGSizeMake(0, 0);
    displayView.layer.shadowColor = [UIColor blackColor].CGColor;
    displayView.layer.shadowOpacity = 1;
    [self.view addSubview:self.displayView];

     //-----繪制圓角。
    //開始對imageView進行畫圖
    UIGraphicsBeginImageContextWithOptions(_displayView.bounds.size, NO, 1.0);
    //使用貝塞爾曲線畫出一個圓角圖
    //當然也可以畫圓，將 10 替換[disPlayView.frame.size.width]
    [[UIBezierPath bezierPathWithRoundedRect:_displayView.bounds cornerRadius:10] addClip]; 
    [_displayView drawRect:_displayView.bounds];
    _displayView.image = UIGraphicsGetImageFromCurrentImageContext();
    //結束畫圖
    UIGraphicsEndImageContext();

還有其他的一些方法，在這里就先不寫了。讀者可以搜一下 ->使用UIGraphicsGetCurrentContext和UIBezierPath設置,這種方法需要在 -drawRect：(CGRect)rect 方法中實現

結束 (GG)

附上Demo,滿意的話就給個star哦~~