Swift开发：如何在Xcode9.2中为CAShapeLayer()设置半透明填充色制作iOS11边界框

嘿，刚好我之前也折腾过类似需求，给你分享两种简单靠谱的实现方式，保证能让你的bounding box既有绿色 tint 又不遮挡框内的物体：

方法一：用UIView快速实现（适合矩形框） #

如果你的bounding box是规则矩形，直接用UIView就能快速搞定：

• 先创建UIView实例，设置好框选的坐标和尺寸：

  let boundingBoxView = UIView(frame: CGRect(x: 50, y: 100, width: 200, height: 150))
  

• 设置半透明绿色背景，这里的0.3是透明度（范围0到1，数值越小越透明），你可以根据视觉需求调整：

  boundingBoxView.backgroundColor = UIColor.green.withAlphaComponent(0.3)
  

• 可选优化：给框加个实心边框，让轮廓更清晰突出：

  boundingBoxView.layer.borderColor = UIColor.green.cgColor
  boundingBoxView.layer.borderWidth = 2.0
  

• 最后把这个view加到你的内容视图上层：

  yourContentSuperview.addSubview(boundingBoxView)
  

方法二：用CAShapeLayer绘制（适合复杂路径） #

如果你的bounding box需要自定义路径（比如非矩形、带圆角或者不规则形状），用CAShapeLayer会更灵活：

• 创建CAShapeLayer并设置路径（这里以矩形为例，你可以换成自己的自定义路径）：

  let shapeLayer = CAShapeLayer()
  let boxPath = UIBezierPath(rect: CGRect(x: 50, y: 100, width: 200, height: 150))
  shapeLayer.path = boxPath.cgPath
  

• 设置半透明填充色和实心边框：

  shapeLayer.fillColor = UIColor.green.withAlphaComponent(0.3).cgColor
  shapeLayer.strokeColor = UIColor.green.cgColor
  shapeLayer.lineWidth = 2.0
  

• 将layer添加到目标视图的layer层级中：

  yourContentSuperview.layer.addSublayer(shapeLayer)
  

核心逻辑就是利用withAlphaComponent(_:)方法给绿色添加透明度，这样填充色就会变成半透明状态——既能明确标记出框选区域，又能清晰看到下方的内容。

内容的提问来源于stack exchange，提问作者Veejay