zoukankan      html  css  js  c++  java
  • UIView阴影和圆角的关系

    UIView阴影和圆角的关系

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

    取值:BOOL(YES/NO)

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

    如下图所示:view2是view1的子视图  右边为yes的情况



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

    让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 = 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];

  • 相关阅读:
    HTML5全屏API在FireFox/Chrome中的显示差异(转)
    过程需要参数 '@statement' 为 'ntext/nchar/nvarchar'
    程序员面试zhongdian
    select into #T from ,insert into #T select ,insert into #T exec
    Log4Net Layout使用以及扩展
    jdbc报java.lang.ClassNotFoundException: com.mysql.jdbc.Drive
    eclipse的maven项目中找不到Maven Dependencies
    elfinder中通过DirectoryStream.Filter实现筛选隐藏目录(二)
    一个好用的字符过滤,差异匹配补丁的扩展库,各语言版本
    java调用c/c++代码简单实现以及遇见的坑
  • 原文地址:https://www.cnblogs.com/zhujin/p/4368473.html
Copyright © 2011-2022 走看看