在某些情况下，分段控制下划线不在顶部

Question

我正在尝试为所选段创建带下划线的段控件。我找到了一些代码片段来执行此操作，但它们似乎表现出相同的行为，其中下划线位于 UISegment 控件的 UISegment 下方。在这种特殊情况下，我使用带有 UISegmentControl 的 UITableView 自定义单元格，它对单元格的上、左、下和右角有约束。只有第二段正确显示。调试视图层次结构如下所示：

这是我正在使用的代码：

extension UISegmentedControl{
    func removeBorder(){
        let backgroundImage = UIImage.getColoredRectImageWith(color: UIColor.white.cgColor, andSize: self.bounds.size)
        self.setBackgroundImage(backgroundImage, for: .normal, barMetrics: .default)
        self.setBackgroundImage(backgroundImage, for: .selected, barMetrics: .default)
        self.setBackgroundImage(backgroundImage, for: .highlighted, barMetrics: .default)

        let deviderImage = UIImage.getColoredRectImageWith(color: UIColor.white.cgColor, andSize: CGSize(width: 1.0, height: self.bounds.size.height))
        self.setDividerImage(deviderImage, forLeftSegmentState: .selected, rightSegmentState: .normal, barMetrics: .default)
        self.setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.gray], for: .normal)
        self.setTitleTextAttributes([NSForegroundColorAttributeName: UIColor(red: 67/255, green: 129/255, blue: 244/255, alpha: 1.0)], for: .selected)
    }

    func addUnderlineForSelectedSegment(){
        removeBorder()
        let underlineWidth: CGFloat = self.bounds.size.width / CGFloat(self.numberOfSegments)
        let underlineHeight: CGFloat = 2.0
        let underlineXPosition = CGFloat(selectedSegmentIndex * Int(underlineWidth))
        let underLineYPosition = self.bounds.size.height - 5.0
        let underlineFrame = CGRect(x: underlineXPosition, y: underLineYPosition, width: underlineWidth, height: underlineHeight)
        let underline = UIView(frame: underlineFrame)
        underline.backgroundColor = UIColor(red: 67/255, green: 129/255, blue: 244/255, alpha: 1.0)
        underline.tag = 1
        self.addSubview(underline)
    }

    func changeUnderlinePosition(){
        guard let underline = self.viewWithTag(1) else {return}
        let underlineFinalXPosition = (self.bounds.width / CGFloat(self.numberOfSegments)) * CGFloat(selectedSegmentIndex)
        UIView.animate(withDuration: 0.1, animations: {
            underline.frame.origin.x = underlineFinalXPosition
        })
    }
}

有人知道是什么原因造成的吗？

Answer 1

这感觉有点老套，但我更改了以下行：

self.addSubview(underline)

以下内容：

for each in self.subviews {
    each.addSubview(underline)

现在，它可以正常工作了。即使在调试视图层次结构中，我也只看到一个带下划线的 UIView。奇怪。

仍然对可能是更好解决方案的任何其他答案感兴趣。

在某些情况下，分段控制下划线不在顶部

UISegmentControl underline not on top in some cases

uisegmentedcontrol

swift