我正在尝试将inputView
背景颜色从默认的灰色更改为其他颜色但是我没有看到任何解决方案。
我有UIPickerView在用户触摸textField
时打开,它像键盘一样在底部inputView
。我是这样做的:myTextField.inputView = myPickerView
。
由于我在inputView中使用它,我想我实际上必须更改它的背景颜色但不知道如何。
看起来像这样:
现在我想改变它的背景颜色。
我已经尝试过了:
答案 0 :(得分:2)
好的 - 因为你可以按照你想要的方式获得UIPickerView
外观"正常"查看,你可以创建一个" normal"查看以用作.inputView
,然后将您的选择器视图添加为子视图。
以下是一个简单示例 - 只需在IB中添加UITextField
并将其连接到IBOutlet
:
class MyViewController: UIViewController
{
@IBOutlet weak var theTextField: UITextField!
let cancelButton: UIButton = {
let b = UIButton()
b.setTitle("Cancel", for: .normal)
b.translatesAutoresizingMaskIntoConstraints = false
return b
}()
let doneButton: UIButton = {
let b = UIButton()
b.setTitle("Done", for: .normal)
b.translatesAutoresizingMaskIntoConstraints = false
return b
}()
let pvToolbar: UIView = {
let v = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: 40))
v.translatesAutoresizingMaskIntoConstraints = false
v.backgroundColor = .black
return v
}()
let pvBackground: UIView = {
let v = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: 10))
v.backgroundColor = .white
v.translatesAutoresizingMaskIntoConstraints = false
return v
}()
let pickerView: UIPickerView = {
let p = UIPickerView(frame: CGRect(x: 0, y: 0, width: 10, height: 10))
p.showsSelectionIndicator = true
p.translatesAutoresizingMaskIntoConstraints = false
return p
}()
override func viewDidLoad() {
super.viewDidLoad()
// add buttons to the inputAccessoryView "toolbar"
pvToolbar.addSubview(cancelButton)
pvToolbar.addSubview(doneButton)
cancelButton.leftAnchor.constraint(equalTo: pvToolbar.leftAnchor, constant: 8.0).isActive = true
cancelButton.topAnchor.constraint(equalTo: pvToolbar.topAnchor, constant: 6.0).isActive = true
cancelButton.bottomAnchor.constraint(equalTo: pvToolbar.bottomAnchor, constant: -6.0).isActive = true
doneButton.rightAnchor.constraint(equalTo: pvToolbar.rightAnchor, constant: -8.0).isActive = true
doneButton.centerYAnchor.constraint(equalTo: cancelButton.centerYAnchor).isActive = true
// add pickerView to our plain UIView that will become our inputView
pvBackground.addSubview(pickerView)
pickerView.topAnchor.constraint(equalTo: pvBackground.topAnchor).isActive = true
pickerView.bottomAnchor.constraint(equalTo: pvBackground.bottomAnchor).isActive = true
pickerView.centerXAnchor.constraint(equalTo: pvBackground.centerXAnchor).isActive = true
pickerView.widthAnchor.constraint(equalTo: pvBackground.widthAnchor, multiplier: 1.0).isActive = true
pickerView.delegate = self
pickerView.dataSource = self
// pvBackground "contains" the actual pickerView
theTextField.inputView = pvBackground
theTextField.inputAccessoryView = pvToolbar
}
}
extension AnimConstraintsViewController: UIPickerViewDelegate, UIPickerViewDataSource {
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
return "Row: \(row)"
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return 30
}
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
// simple label with centered text as our viewForRow
let label = UILabel()
label.backgroundColor = .white
label.textColor = .black
label.textAlignment = .center
label.font = UIFont.systemFont(ofSize: 17.0, weight: UIFontWeightRegular)
label.text = "Row: \(row)"
return label
}
}
结果:
答案 1 :(得分:0)
使用此代码
mytextfield.inputView?.tintColor = UIColor.green
或尝试这个
mytextfield.inputView?.tintColor = UIColor.clear
mytextfield.inputView?.backgroundColor = UIColor.blue