快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

UIview阴影与圆角混合使用

UIview阴影与圆角混合使用

成都创新互联-专业网站定制、快速模板网站建设、高性价比溧水网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式溧水网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖溧水地区。费用合理售后完善,十余年实体公司更值得信赖。

 做项目遇到一个问题 就是在圆角的按键上加阴影失败了 然后就有了这个日志。
让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.p_w_picpath = [UIImage p_w_picpathNamed:@"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];  

 

圆角阴影效果就出来了。


本文名称:UIview阴影与圆角混合使用
URL地址:http://6mz.cn/article/ipiioh.html

其他资讯