当前位置:编程学习 > wap >>

给圆角图片加阴影

让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 grayColor].CGColor;  
shadow.layer.shadowOffset = CGSizeMake(0, 1);  
shadow.layer.shadowOpacity = 1;  
shadow.layer.shadowRadius = 9.0;  
shadow.layer.cornerRadius = 9.0;  
shadow.clipsToBounds = NO;  
  
// combine the views  
[shadow addSubview: avatarImageView];  
 
圆角阴影效果就出来了。
 
补充:移动开发 , IOS ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,