如何使用Swint中的色调和一些文本向UIImageView添加叠加层?

时间:2016-07-15 07:06:01

标签: ios swift uiimageview uiimage

我创建了一个UIStackView,其中包含UIImageView以启动图库。但是,此UIStackView只显示3个项目,第三个项目将覆盖图库中的图像数量。与图像相似:

enter image description here

问题是;如何添加黑色色调和" + 3" Swift中UIImageView上的文字?

2 个答案:

答案 0 :(得分:2)

  1. 创建UIView“dynamicView”,就像一个mainView
  2. 创建一个UIImageView添加到“dyanamicView”
  3. 为transparentColor shadow.named创建另一个视图“tranpView”
  4. 创建标签并将位置居中。标签被添加到“tranpView”
  5. 最后将“dynamicView”视图添加到self.view

       let dynamicView=UIView(frame: CGRectMake(0, 200, 200, 200))
        dynamicView.backgroundColor=UIColor.clearColor()
    
        let imageView=UIImageView(frame: CGRectMake(0, 0, 200, 200))
        imageView.image = UIImage(named: "bg.png")
        dynamicView.addSubview(imageView)
    
        let tranpView=UIView(frame: CGRectMake(0, 0, 200, 200))
        tranpView.backgroundColor = UIColor.whiteColor()
        tranpView.backgroundColor = tranpView.backgroundColor!.colorWithAlphaComponent(0.3)
    
        let label = UILabel(frame: CGRectMake(0, 0, 50, 50))
        label.text = "+3"
        label.font = UIFont.systemFontOfSize(20)
        label.center = tranpView.center;
        tranpView.addSubview(label)
    
         dynamicView.addSubview(tranpView)
    
        self.view.addSubview(dynamicView)
      //Just add to stackView directly replace the "self.view"
    

    Output

答案 1 :(得分:0)

您可以使用包含3个子视图的UIView

  1. UIImage <{1}}图库<{1}}
  2. UIImageView黑色backgroundcolor和alpha 0.3
  3. 带有+3文字的
  4. UIView