iOS UI三板斧圆角加阴影

想必在日常的开发中大家都能遇到UI各种圆角加阴影的设计
添加圆角效果:

testView.layer.cornerRadius = 5;
testView.layer.masksToBounds = YES;

添加阴影效果:

testView.layer.shadowColor = theColor.CGColor
// 阴影偏移
testView.layer.shadowOffset = CGSizeMake(0,0)
// 阴影透明度
testView.layer.shadowOpacity = 0.5
// 阴影半径
testView.layer.shadowRadius = 2

需要圆角+阴影效果则不能满足,view.layer.masksToBounds会对图层进行裁剪,导致阴影效果失效.
解决方式:
添加一层中间view,在该view上进行阴影设置,在子view上进行圆角设置

//在AView上设置圆角
AView.layer.cornerRadius = 5;
AView.layer.masksToBounds = YES;
//在BView上设置阴影
BView.layer.shadowColor = theColor.CGColor
// 阴影偏移
BView.layer.shadowOffset = CGSizeMake(0,0)
// 阴影透明度
BView.layer.shadowOpacity = 0.5
// 阴影半径
BView.layer.shadowRadius = 2
//将AView上添加到BView上
[BView addSubView: AView]
[self.view addSubView: BView]

就可以愉快的实现圆角+阴影的效果了

你可能感兴趣的:(iOS UI三板斧圆角加阴影)