UIView的clipsToBounds属性和CALayer的masksToBounds属性的比较

本文介绍如何在iOS开发中实现UIView的圆角效果及阴影效果,并解决传统阴影方法因CALayer的masksToBounds属性导致的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

UIView的clipsToBounds属性和CALayer的masksToBounds属性表达的意思是一致的。

取值:BOOL(YES/NO)

作用:决定了子视图的显示范围。具体的说,就是当取值为YES时,剪裁超出父视图范围的子视图部分;当取值为NO时,不剪裁子视图。默认值为NO。


先理解masksToBounds的含义,下面的代码就容易理解了。

UIView圆角显示很简单,只需要三行代码

CALayer * layer = [avatarImageView layer];

    layer.masksToBounds =YES;

    layer.cornerRadius =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 = 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];

 

       [self.view addSubView:shadow];

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值