如何在透明的UIView中添加阴影?

时间:2012-06-02 09:20:50

标签: ios quartz-graphics transparent alpha shadow

如何重现此阴影?我的问题,如果我使用高alpha颜色或clearColor,没有阴影,如果我使用低alpha颜色,我看不到板下的阴影。随着音量水平的变化(彩色部分),阴影也在移动,所以它不是纯粹的Photoshop。

enter image description here

5 个答案:

答案 0 :(得分:9)

尝试使用视图的这些属性。它可能会以某种东西结束

    view.layer.shadowColor = [UIColor colorWithWhite:.5 alpha:1].CGColor;
    view.layer.shadowRadius = 4.0f;
    view.layer.shadowPath = CGPathCreateWithRect(CGRectMake(0, 0, 50, 50), NULL);
    view.layer.shadowOpacity = 1.0f;
    view.layer.shadowOffset = CGSizeMake(1, 1);
如果CGPath Release(rect)最后抱歉,那么它正在泄漏。

答案 1 :(得分:3)

搜索并没有找到此问题的答案后,我在Swift 5中编写了以下扩展程序:

extension UIView {
    func makeClearViewWithShadow(
        cornderRadius: CGFloat,
        shadowColor: CGColor,
        shadowOpacity: Float,
        shadowRadius: CGFloat) {

        self.frame = self.frame.insetBy(dx: -shadowRadius * 2,
                                        dy: -shadowRadius * 2)
        self.backgroundColor = .clear
        let shadowView = UIView(frame: CGRect(
            x: shadowRadius * 2,
            y: shadowRadius * 2,
            width: self.frame.width - shadowRadius * 4,
            height: self.frame.height - shadowRadius * 4))
        shadowView.backgroundColor = .black
        shadowView.layer.cornerRadius = cornderRadius
        shadowView.layer.borderWidth = 1.0
        shadowView.layer.borderColor = UIColor.clear.cgColor

        shadowView.layer.shadowColor = shadowColor
        shadowView.layer.shadowOpacity = shadowOpacity
        shadowView.layer.shadowRadius = shadowRadius
        shadowView.layer.masksToBounds = false
        self.addSubview(shadowView)

        let p:CGMutablePath = CGMutablePath()
        p.addRect(self.bounds)
        p.addPath(UIBezierPath(roundedRect: shadowView.frame, cornerRadius: shadowView.layer.cornerRadius).cgPath)

        let s = CAShapeLayer()
        s.path = p
        s.fillRule = CAShapeLayerFillRule.evenOdd

       self.layer.mask = s
    }
}

用法示例:

myView.makeClearViewWithShadow(cornderRadius: 20, shadowColor: UIColor.black.cgColor, shadowOpacity: 0.5, shadowRadius: 30)

答案 2 :(得分:0)

你将有两个图像,一个是彩色图像,另一个是阴影 随着彩色部分的扩展,阴影会扩大并增加宽度

没有本地方式来做你要求的事,

答案 3 :(得分:0)

我使用UIImageView来提供阴影。我创建了1像素宽,12像素高的图像。图像是黑色的,但是α是从顶部的0.5到底部的0.0的梯度。 RGBA 1.0,1.0,1.0,0.5 - > 1.0,1.0,1.0,0.0 - 然后我将UIImageView放置在需要阴影的视图下方,并在视图宽度上水平拉伸。 当我需要通过更改UIImageView.alpha值来滚动滚动视图时需要更改阴影的强度时,我也使用了这个

答案 4 :(得分:0)

我的解决方案是继承 UIView。即使视图被调整大小,它也能工作。

import UIKit

class ShadowOutsideView: UIView {
  let color: CGColor
  let opacity: Float
  let radius: CGFloat
  let offset: CGSize
  let shadowView = UIView()
  
  init(
    color: CGColor,
    opacity: Float,
    radius: CGFloat,
    offset: CGSize
  ) {
    self.color = color
    self.opacity = opacity
    self.radius = radius
    self.offset = offset
    super.init(frame: CGRect.zero)
    shadowView.frame = bounds
    shadowView.backgroundColor = .black
    shadowView.layer.shadowColor = color
    shadowView.layer.shadowOpacity = opacity
    shadowView.layer.shadowRadius = radius
    shadowView.layer.shadowOffset = offset
    shadowView.layer.masksToBounds = false
    self.addSubview(shadowView)
    
  }
  
  override func layoutSubviews() {
    shadowView.frame = bounds
    let inset = -(max(abs(offset.width), abs(offset.height))+radius) - 10 
    // - 10, had to put 10px extra otherwise it would cut shadow
    let maskFrame = bounds.inset(by: UIEdgeInsets(top: inset, left: inset, bottom: inset, right: inset))
    let p = CGMutablePath()
    p.addRect(maskFrame)
    p.addRect(bounds)
    let s = CAShapeLayer()
    s.path = p
    s.fillRule = .evenOdd
    shadowView.layer.mask = s
  }
}