美文网首页
iOS UI三板斧圆角加阴影

iOS UI三板斧圆角加阴影

作者: 做个有趣的程序员 | 来源:发表于2019-05-07 16:14 被阅读0次

    想必在日常的开发中大家都能遇到UI各种圆角加阴影的设计
    添加圆角效果:

    testView.layer.cornerRadius = 5;
    testView.layer.masksToBounds = YES;
    

    添加阴影效果:

    testView.layer.shadowColor = theColor.CGColor
    // 阴影偏移
    testView.layer.shadowOffset = CGSizeMake(0,0)
    // 阴影透明度
    testView.layer.shadowOpacity = 0.5
    // 阴影半径
    testView.layer.shadowRadius = 2
    

    需要圆角+阴影效果则不能满足,view.layer.masksToBounds会对图层进行裁剪,导致阴影效果失效.
    解决方式:
    添加一层中间view,在该view上进行阴影设置,在子view上进行圆角设置

    //在AView上设置圆角
    AView.layer.cornerRadius = 5;
    AView.layer.masksToBounds = YES;
    //在BView上设置阴影
    BView.layer.shadowColor = theColor.CGColor
    // 阴影偏移
    BView.layer.shadowOffset = CGSizeMake(0,0)
    // 阴影透明度
    BView.layer.shadowOpacity = 0.5
    // 阴影半径
    BView.layer.shadowRadius = 2
    //将AView上添加到BView上
    [BView addSubView: AView]
    [self.view addSubView: BView]
    

    就可以愉快的实现圆角+阴影的效果了

    相关文章

      网友评论

          本文标题:iOS UI三板斧圆角加阴影

          本文链接:https://www.haomeiwen.com/subject/hgxyoqtx.html