UIview阴影与圆角混合使用
做项目遇到一个问题 就是在圆角的按键上加阴影失败了 然后就有了这个日志。 CALayer * layer = [avatarImageView layer]; [layer setMasksToBounds:YES]; [layer setCornerRadius:9.0];
但是,如给给圆角view加阴影,传统加阴影的方法是不行的, 传统的方法就是: avatarImageView.layer.shadowColor = [UIColor blackColor].CGColor; avatarImageView.layer.shadowOffset = CGSizeMake(0, 1); avatarImageView.layer.shadowOpacity = 1;
因为setMasksToBounds表示对frame外的内容进行了裁减,只可显示frame内的内容。由于这种方法加的阴影在frame外,所以被裁减了。 传统方法不行,那我们可以把圆角的avatarImageView放到一个大小与它一样的的UIView中,让这个view有阴影,那效果看起来就一样了。 CGRect rect; rect = CGRectMake(0, 0, 48, 48); avatarImageView = [[UIImageView alloc] initWithFrame:rect]; avatarImageView.image = [UIImage imageNamed:@"test.png"];
//Round the corners CALayer * layer = [avatarImageView layer]; [layer setMasksToBounds:YES]; [layer setCornerRadius:9.0];
//Add a shadow by wrapping the avatar into a container UIView * shadow = [[UIView alloc] initWithFrame: rect]; avatarImageView.frame = CGRectMake(0,0,rect.size.width, rect.size.height);
// setup shadow layer and corner //阴影 shadow.layer.shadowColor = [UIColor blackColor].CGColor; shadow.layer.shadowOffset = CGSizeMake(4, 1);//偏移量 shadow.layer.shadowOpacity = 0.8;//透明度 shadow.layer.shadowRadius = 4;//阴影半径 shadow.clipsToBounds = NO;
btn.layer.cornerRadius=40; btn.clipsToBounds=YES;
// combine the views [shadow addSubview: avatarImageView];
圆角阴影效果就出来了。 |
本文出自 “卓行天下” 博客,请务必保留此出处http://9951038.blog.51cto.com/9941038/1615466
原文地址:http://9951038.blog.51cto.com/9941038/1615466