美文网首页基础应用iOS 常见问题汇总
iOS设置UIView阴影遇到的一些坑

iOS设置UIView阴影遇到的一些坑

作者: jackyshan | 来源:发表于2017-11-02 11:03 被阅读4042次
img

目的是为了给这块view下半部分加上阴影,实现代码如下。

    topView.layer.masksToBounds = false
    topView.layer.shadowOffset = CGSize.init(width: 0, height: 3)
    topView.layer.shadowOpacity = 0.3
    topView.layer.shadowRadius = 3
    topView.layer.shadowColor = ViewUitl.colorWithHexString(hex: "#6691FB").cgColor
    topView.layer.cornerRadius = 5
    topView.layer.borderWidth = 1
    topView.layer.borderColor = UIColor.white.cgColor

1坑

masksToBounds默认为false,也许项目中加了默认为true的效果。true的情况会导致阴影效果一直不会出来。
clipsToBounds默认也是false,最好也设置一下false,防止不出阴影效果。

2坑

shadowOffsetCGSize实现的,实际功能是偏移量。width是整个阴影x偏移几个像素,height是整个阴影y偏移几个像素。

这个属性要配合shadowRadius使用,比如我半径Radius设置是3,我想实现下半部分显示阴影,我要设置shadowOffset的height为3,这样上部分的阴影向下偏移3个像素,上半部分的阴影就看不到了。(如果height设置为-3的话,就是下半部分隐藏了,向上移动了3个像素)

解释

masksToBoundslayer对子layer进行切割,为true后切割后,阴影就看不到了。
shadowOffsetlayer阴影的偏移量设置。
shadowOpacity阴影的不透明度。
shadowRadius阴影的半径。
shadowColor阴影的颜色,会随着不透明度变。
cornerRadiusview的圆角弧度。
borderWidthview的边线宽度。
borderColorview的边线颜色。

相关文章

  • iOS设置UIView阴影遇到的一些坑

    目的是为了给这块view下半部分加上阴影,实现代码如下。 1坑 masksToBounds默认为false,也许项...

  • UIView,UIButton,UIImageView等设立

    UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法 在iOS开发中,任何可...

  • iOS设置UIView阴影

    masksToBoundslayer对子layer进行切割,为true后切割后,阴影就看不到了。 shadowOf...

  • iOS阴影设置详解

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

  • UIView加阴影

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

  • iOS UIView设置阴影效果

    做iOS开发的都会知道,给一个视图设置圆角只需要设置layer.cornerRadius,并masksToBoun...

  • iOS UIView设置局部阴影

    有时候,UI并不会给我们切带有阴影的图片,阴影就需要我们自己来做。(当然了,有图片是最好的) 举个栗子如图: 通过...

  • iOS UIView设置阴影.md

    一、常用实现方式有以下两种: 方式一:指定阴影路径shadowPath,推荐方式二:不指定阴影路径shadowPa...

  • 为圆角View巧设阴影效果

    我们都知道,ios里可以通过UIView的layer属性为其设置圆角和阴影: 设置圆角: 注意:!!!上述两个...

  • iOS 圆角和阴影的一点采坑体会

    前提 iOS 对于UIView 圆角 和 阴影的设置一般都给予对layer的操作,通常做法为 圆角 阴影 二者的...

网友评论

    本文标题:iOS设置UIView阴影遇到的一些坑

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