将文本添加到中心的形状

Question

我创建了一个看起来像这样的视图：

我想为视图中的每个段添加一个文本标签，使其居中对齐。每个段都是一个自定义按钮，在指定的层中也会响应。当我尝试做 button.setTitle 时，由于按钮的框架不同，它不会与形状层对齐。任何人都可以建议如何实现同样的目标。

我尝试创建另一个函数并在创建形状和按钮时调用它。

func addText(_ stringValue: String, to shapeLayer: CAShapeLayer) {
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
            let textlayer = CATextLayer()
            if let rect = shapeLayer.path?.boundingBox {
//                print(rect)
                textlayer.frame = CGRect(x: rect.origin.x + rect.size.width/2, y:rect.origin.y + rect.size.height/2, width: 20, height: 20)
                textlayer.fontSize = 12
                textlayer.alignmentMode = .center
                textlayer.string = stringValue
                textlayer.backgroundColor = UIColor.clear.cgColor
                textlayer.foregroundColor = UIColor.black.cgColor
                shapeLayer.addSublayer(textlayer)
            }
        }
    }

但这不起作用，因为文本与图层重叠。任何人都可以提出一种实现相同目标的方法吗？

编辑：

每个片段都有文字，我只是添加了一些文字来给出一个想法。

编辑 2：

创建视图的代码：

        for segment in outerSegments { 
            let endAngle = startAngle + 2 * .pi * (segment.value / valueCount)
            let shape = CAShapeLayer()
            let path: UIBezierPath = UIBezierPath(arcCenter: viewCenter, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)
            path.addLine(to: viewCenter)
            path.close()
            shape.path = path.cgPath
            shape.fillColor = segment.color.cgColor
            shape.strokeColor = UIColor.black.cgColor
            shape.borderWidth = 1.0
            shape.borderColor = UIColor.black.cgColor
            shape.name = "\(i)"
            datamap[shape.name ?? ""] = data[i]
            let label = CATextLayer()

            //addText(data[i], to: shape)
            let b = MyButton(type: .custom)
            b.path = path
            b.backgroundColor = UIColor.clear
            b.tag = Int(data[i].asciiValues[0])
            b.backgroundColor = UIColor.clear
            self.layer.addSublayer(shape)
            let frameRect = shape.bounds
            b.frame = frameRect
            let sine = sin(startAngle)
            let cosine = cos(startAngle)
            print("\(sine)  \(data[i])")
            b.addTarget(self, action: #selector(ButtonClicked(_:)), for: .touchUpInside)
            self.addSubview(b)
            self.bringSubviewToFront(b)
            self.isUserInteractionEnabled = true
            //layer.addSublayer(shape)
            startAngle = endAngle
            i += 1
        }
        valueCount = innerSegments.reduce(0, {$0 + $1.value})
        startAngle = 0
        i = 100
        for segment in innerSegments {
            let endAngle = startAngle + 2 * .pi * (segment.value / valueCount)
            let shape = CAShapeLayer()
            let path: UIBezierPath = UIBezierPath(arcCenter: viewCenter, radius: 2*radius/3, startAngle: startAngle, endAngle: endAngle, clockwise: true)
            path.addLine(to: viewCenter)
            path.close()
            shape.path = path.cgPath
            shape.strokeColor = UIColor.black.cgColor
            shape.fillColor = segment.color.cgColor
            shape.borderWidth = 1.0
            shape.borderColor = UIColor.black.cgColor
            shape.name = "\(i)"
            datamap[shape.name ?? ""] = data[i-100]
            addText(data[i-100], to: shape)
            let b = MyButton(type: .custom)
            b.path = path
            b.backgroundColor = UIColor.clear
            self.layer.addSublayer(shape)
            let frameRect = shape.bounds
            b.frame = frameRect
            b.tag = Int(data[i-100].asciiValues[0])

            b.addTarget(self, action: #selector(ButtonClicked(_:)), for: .touchUpInside)
            self.addSubview(b)
            self.bringSubviewToFront(b)

            self.isUserInteractionEnabled = true
            //layer.addSublayer(shape)
            startAngle = endAngle
            i += 1
        }
        valueCount = innerMostSegments.reduce(0, {$0 + $1.value})
        startAngle = 0
        i = 1000
        for segment in innerMostSegments {
            let endAngle = startAngle + 2 * .pi * (segment.value / valueCount)
            let shape = CAShapeLayer()
            let path: UIBezierPath = UIBezierPath(arcCenter: viewCenter, radius: radius/3, startAngle: startAngle, endAngle: endAngle, clockwise: true)
            path.addLine(to: viewCenter)
            path.close()
            shape.path = path.cgPath
            shape.fillColor = segment.color.cgColor
            shape.strokeColor = UIColor.black.cgColor
            shape.borderWidth = 1.0
            shape.borderColor = UIColor.black.cgColor
            shape.name = "\(i)"
            datamap[shape.name ?? ""] = data[i-1000]
            addText(data[i-1000], to: shape)
            let b = MyButton(type: .custom)
            b.path = path
            b.backgroundColor = UIColor.clear
            self.layer.addSublayer(shape)
            let frameRect = shape.bounds
            b.frame = frameRect
            b.tag = Int(data[i-1000].asciiValues[0])
            b.addTarget(self, action: #selector(ButtonClicked(_:)), for: .touchUpInsid)
            self.addSubview(b)
            self.bringSubviewToFront(b)
            self.isUserInteractionEnabled = true
            startAngle = endAngle
            i += 1
        }
    }

Answer 1

大概，您正在使用数学来计算“辐条”和“弧线”？

对于每个线段，您可能需要平分构成边的角度（黄线），然后沿着该线在弧之间计算一个点（红点）：

该点成为标签框架的中心。