如何更改 UIDatePicker 的线条颜色

Posted 2023-05-07

【中文标题】如何更改 UIDatePicker 的线条颜色

【英文标题】：How to change the line color of a UIDatePicker

【发布时间】：2016-02-20 16:10:05

【问题描述】：

我的一个 ViewController 中有一个 UIDatePicker。如您所见，背景是黑暗的。

我已经设法将文本颜色更改为白色。我无法改变的是所选日期上方和下方两条线的颜色。它始终保持默认的深灰色。有没有人剪掉代码来为这些线条着色？

【问题讨论】：

保持这样，看起来很性感:)

【参考方案1】：

huniser_suraj 答案是正确的，只需对未来的更改进行额外检查，这就是我使用它的方式，分别用于 UIPickerView 和 UIDatePicker：

    for subview in self.picker.subviews 

        if subview.frame.height == 1 

            subview.backgroundColor = UIColor.whiteColor()
        
    

    if let pickerView = self.datePicker.subviews.first 

        for subview in pickerView.subviews 

            if subview.frame.height == 1 

                subview.backgroundColor = UIColor.whiteColor()
            
        
    

iOS 10 更新

从 ios 10 开始，这不再起作用，正如某些 cmets 中所提到的，即查找子视图并获取它们有效，但设置背景颜色不再起作用。 我为此做了另一个肮脏的解决方案，我正在设置一个边框颜色有效的边框。

    for subview in self.picker.subviews 

        if subview.frame.height <= 5 

            subview.backgroundColor = UIColor.white
            subview.tintColor = UIColor.white
            subview.layer.borderColor = UIColor.white.cgColor
            subview.layer.borderWidth = 0.5            
    

    if let pickerView = self.datePicker.subviews.first 

        for subview in pickerView.subviews 

            if subview.frame.height <= 5 

                subview.backgroundColor = UIColor.white
                subview.tintColor = UIColor.white
                subview.layer.borderColor = UIColor.white.cgColor
                subview.layer.borderWidth = 0.5
            
        
        self.datePicker.setValue(UIColor.white, forKey: "textColor")
    

【讨论】：

如果您删除较小的视图并添加您自己的作为替代，它也可以工作。

【参考方案2】：

首先，Apple 文档说，关于 Date Pickers，“您无法自定义日期选择器的外观。”

话虽如此，下面的代码正是您所需要的。我知道这不是最优雅的代码，但在这里

datePicker.subviews[0].subviews[1].backgroundColor = UIColor.redColor()
datePicker.subviews[0].subviews[2].backgroundColor = UIColor.redColor()

UIDatePicker有一个子视图UIDatePickerView，它有3个子视图，其中2个是表示选择行的两行。

【讨论】：

这是危险代码。它对子视图结构做出假设如果更改，代码将崩溃。

感谢您提供此解决方案。但是有没有更好（非危险）的方法来为这些线条着色？

在ios 10上测试，这个不行，你能确认一下吗？

@Bartu 这就是 rmaddy 对他/她的评论的意思：如果上面的代码发生变化，它将无法工作。 iOS 10 一定带来了一些破坏上述代码的变化。

@Bartu 看看下面我的解决方案。

【参考方案3】：

这可以通过 IB 以非常简单的方式完成。 只需放置 2 个高度 = 1 的 UiView，宽度与 UIDatePicker 相等。 然后用 UIDatePicker 垂直和水平居中。对于上线，将垂直偏移设置为 18，将另一个设置为 -18。 完成！

【参考方案4】：

我不得不更改 datePicker 的高度约束，而这个 @kex 代码的 cus 对我不起作用。所以我修改了它：（适用于我在 swift 5 和 iOS 12 上）

if let _pickerView = self.datePicker.subviews.first 
    for _subview in _pickerView.subviews 
        if (_subview.backgroundColor != nil) 
            _subview.backgroundColor = UIColor.white
            _subview.tintColor = UIColor.white
            _subview.layer.borderColor = UIColor.white.cgColor
            _subview.layer.borderWidth = 1
        
    

【参考方案5】：

是的，这是一种不安全的方法。但作为一种选择，为什么不呢。

 if #available(iOS 13.0, *) 
    datePicker.setValue(UIColor.red, forKey: "magnifierLineColor")
    

更安全的解决方案：

extension UIView 

 func findViews<T: UIView>(subclassOf: T.Type) -> [T] 
    return recursiveSubviews.compactMap  $0 as? T 
 

 var recursiveSubviews: [UIView] 
    return subviews + subviews.flatMap  $0.recursiveSubviews 
 



self.datePicker.findViews(subclassOf: UIView.self)
            .makeIterator()
            .lazy
            .filter($0.bounds.height <= 1 && $0.bounds.width == self.datePicker.bounds.width)
            .prefix(2)
            .forEach($0.backgroundColor = UIColor.red)