成都网站建设设计

将想法与焦点和您一起共享

UIview阴影与圆角混合使用-创新互联

UIview阴影与圆角混合使用

目前创新互联公司已为近1000家的企业提供了网站建设、域名、网络空间、绵阳服务器托管、企业网站设计、东山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

做项目遇到一个问题 就是在圆角的按键上加阴影失败了 然后就有了这个日志。
让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阴影与圆角混合使用-创新互联
文章路径:http://chengdu.cdxwcx.cn/article/dddhee.html