Segment Control 的 SelectedTintColor 在 iOS 13 上不是圆角

Question

圆角在 iOS 12 及更低版本上运行良好，但在 iOS 13 上已损坏。我创建了一个自定义 Segment 控件类。

代码：

class SegmentedControl: UISegmentedControl {
    override func layoutSubviews() {
      super.layoutSubviews()
      layer.cornerRadius = self.bounds.size.height / 2.0
      layer.borderColor = UIColor(red: 170.0/255.0, green: 170.0/255.0, blue: 170.0/255.0, alpha: 1.0).cgColor
      layer.borderWidth = 1.0
      layer.masksToBounds = true
      clipsToBounds = true

   }
}

我已经阅读了这篇文章 -如何在 iOS 13 的 UISegmentedControl 中更改段的颜色？ 但我找不到任何解决方案。

截屏：

Answer 1

我在 iOS 13 上遇到了同样的问题。然后我深入研究了它的视图层次结构，然后我发现它有多个子视图。所以我为 iOS 13 做了一个技巧。你必须对 iOS 13 做以下更改 -

1. 更改selectedSegmentTintColor到Clear -self.selectedSegmentTintColor = .clear

2. 在里面添加以下代码片段layoutSubviews-

   for i in 0...subviews.count - 1{
   
           if let subview = subviews[i] as? UIImageView{
   
               if i == self.selectedSegmentIndex {
   
                   subview.backgroundColor = UIColor(red: 170.0/255.0, green: 170.0/255.0, blue: 170.0/255.0, alpha: 1.0)
   
               }else{
   
                   subview.backgroundColor = .clear
               }
   
           }
       }
   

我希望它会帮助你。

Answer 2

与其他解决方案类似，我有以下子类段控制 UISegmentedControl

这给出了以下结果 -

class OYSegmentControl: UISegmentedControl {
  
  override func layoutSubviews(){
    super.layoutSubviews()
    
    let segmentStringSelected: [NSAttributedString.Key : Any] = [
      NSAttributedString.Key.font : UIFont.fontActionLabel(ofSize: 14.0),
      NSAttributedString.Key.foregroundColor : UIColor.white
    ]
    
    let segmentStringHighlited: [NSAttributedString.Key : Any] = [
      NSAttributedString.Key.font : UIFont.fontActionLabel(ofSize: 14.0),
      NSAttributedString.Key.foregroundColor : #colorLiteral(red: 0.5567105412, green: 0.5807551742, blue: 0.6022000909, alpha: 1)
    ]
    
    setTitleTextAttributes(segmentStringHighlited, for: .normal)
    setTitleTextAttributes(segmentStringSelected, for: .selected)
    setTitleTextAttributes(segmentStringHighlited, for: .highlighted)
    
    layer.masksToBounds = true
    
    if #available(iOS 13.0, *) {
      selectedSegmentTintColor = #colorLiteral(red: 0, green: 0.861200273, blue: 0.67304039, alpha: 1)
    } else {
      tintColor = #colorLiteral(red: 0, green: 0.861200273, blue: 0.67304039, alpha: 1)
    }
    
    backgroundColor = #colorLiteral(red: 0.9191747308, green: 0.9334954619, blue: 0.9506797194, alpha: 1)
    
    //corner radius
    let cornerRadius = bounds.height / 2
    let maskedCorners: CACornerMask = [.layerMinXMinYCorner, .layerMinXMaxYCorner, .layerMaxXMinYCorner, .layerMaxXMaxYCorner]
    //background
    clipsToBounds = true
    layer.cornerRadius = cornerRadius
    layer.maskedCorners = maskedCorners

    let foregroundIndex = numberOfSegments
    if subviews.indices.contains(foregroundIndex),
      let foregroundImageView = subviews[foregroundIndex] as? UIImageView {
      foregroundImageView.image = UIImage()
      foregroundImageView.clipsToBounds = true
      foregroundImageView.layer.masksToBounds = true
      foregroundImageView.backgroundColor = #colorLiteral(red: 0, green: 0.861200273, blue: 0.67304039, alpha: 1)
      
      foregroundImageView.layer.cornerRadius = bounds.height / 2 + 5
      foregroundImageView.layer.maskedCorners = maskedCorners
    }
  }
  
  override func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
    return false
  }
  
}

语言：Swift 5.1

注意：仅当您从情节提要中设置了插座/框架时，这才有效。代码中的框架会导致问题。cornerRadius 上额外的 5 px，一个让它更好的圆形矩形的 hack。我最终使用 - https://github.com/alokc83/MASegmentedControl，因为我的用例仅来自代码视图。