UIBUTTON 和选择器视图

Question

我想在用户单击按钮时显示选择器 我对 UIButton 进行了子类化并更改了其输入视图，使其可写。

我点击了此链接 http://nomtek.com/tips-for-developers/ working-with-pickers/

我点击按钮，但没有任何反应。如果我将输入视图从按钮更改为 UITextField ，效果会很好。有什么想法吗？ 谢谢 萨罗

Answer 1

1) 创建 UIButton

.h

#import <UIKit/UIKit.h>

@interface UIButtonAsFirstResponder : UIButton

@property (strong, nonatomic) UIView *inputView;
@property (strong, nonatomic) UIView *inputAccessoryView;

@end

.m

#import "UIButtonAsFirstResponder.h"

@implementation UIButtonAsFirstResponder

- (BOOL) canBecomeFirstResponder
{
    return YES;
}

@end

的子类2) 在视图控制器（选择器或任何其他自定义视图）中设置 inputView （如果需要，还可以设置 inputAccessoryView）

3) 在视图控制器中为按钮创建 IBAction

- (IBAction)becom:(id)sender {
    [sender becomeFirstResponder];
}

如果要删除键盘，请调用按钮：

[button resignFirstResponder];

或在视图控制器中：

[self.view endEditing:YES];

Answer 2

这就是我在 Swift 3 中所做的（重写属性的规则与 Objective-C 不同）。

我想要一个显示日期的按钮，并在点击按钮时从屏幕底部显示日期选择器，以允许用户编辑显示的日期。使用锚定在目标按钮上的弹出窗口相对容易做到这一点，但我的应用程序仅适用于 iPhone（不是 iPad），因此 UITextField-inputView 模式似乎更好（在 AppStore 应用程序上使用，您需要承担违反人类行为准则的风险）接口指南）。

按钮子类：

class EditableButton: UIButton {

    // This holds the assigned input view (superclass property is readonly)
    private var customInputView: UIView?

    // We override the superclass property as computed, and actually 
    // store into customInputView: 
    override var inputView: UIView? {
        get {
            return customInputView
        }
        set (newValue) {
            customInputView = newValue
        }
    }

    // Must be able to become first responder in order to 
    // get input view to be displayed:
    override var canBecomeFirstResponder: Bool {
        return true
    }

    // Setup becoming first responder on tap:
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        self.addTarget(self, action: #selector(EditableButton.tap(_:)), for: .touchDown)
        // (Not sure if this creates a retain cycle; must investigate)
    }

    @IBAction func tap(_ sender: UIButton) {
        self.becomeFirstResponder()
    }
} 

视图控制器代码：

class ViewController: UIViewController {

    // Set the appropriate subclass in the storyboard too!
    @IBOutlet weak var todayButton: EditableButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.

        let datePicker = UIDatePicker()
        datePicker.datePickerMode = .date
        todayButton.inputView = datePicker

        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yyyy-MM-dd"
        todayButton.setTitle(dateFormatter.string(from: Date()), for: .normal)

        // Also hook an a target/action to the date picker's 
        // valueChanged event, to get notified of the user's input
        datePicker.addTarget(self, action: #selector(ViewController.changeDate(_:)), for: .valueChanged)
    }

    @IBAction func changeDate(_ sender: UIDatePicker) {
        // (update button title with formatted date)
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yyyy-MM-dd"
        todayButton.setTitle(dateFormatter.string(from: sender.date), for: .normal)  

        // Dismiss picker:
        todayButton.resignFirstResponder()
    }
}

注意：
为简单起见，此代码将在指定日期后立即关闭日期选择器 - 即，每当您滚动任何滚轮时。这可能不是您想要的：通常，用户一次指定一个日期组成部分（年、月等）。此实现不会让用户在关闭日期选择器之前完成指定所有日期组件。

理想情况下，您可以添加一个UIToolbar作为输入附件视图，并带有一个“完成”按钮来关闭输入视图（即，导致该按钮放弃第一响应者）。这将需要进一步修改 UIButton 子类（以适应 inputAccessoryView），但应该是可行的。

---

编辑：我可以确认输入附件视图也可以以与输入视图完全相同的方式附加到自定义 UIButton 子类：

private var customInputAccessoryView: UIView?

override var inputAccessoryView: UIView? {
    get {
        return customInputAccessoryView
    }
    set (newValue) {
        customInputAccessoryView = newValue
    }
}

现在，我将其设置如下：

let datePicker = UIDatePicker()
datePicker.datePickerMode = .date
todayButton.inputView = datePicker

let dateFormatter = DateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
todayButton.setTitle(dateFormatter.string(from: Date()), for: .normal)

datePicker.addTarget(self, action: #selector(ViewController.changeDate(_:)), for: .valueChanged)

let dateToolbar = UIToolbar(frame: CGRect.zero)
dateToolbar.barStyle = .default

let dateDoneButton = UIBarButtonItem(
        barButtonSystemItem: .done,
        target: self,
        action: #selector(ViewController.dateDone(_:)))
let dateSpacer = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)

dateToolbar.items = [dateSpacer, dateDoneButton]
dateToolbar.sizeToFit()
todayButton.inputAccessoryView = dateToolbar

并用两个单独的响应进行响应操作：

@IBAction func changeDate(_ sender: UIDatePicker) {
    // Update button title in real time:
    let dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "yyyy-MM-dd"
    todayButton.setTitle(dateFormatter.string(from: sender.date), for: .normal)
}

@IBAction func dateDone(_ sender: UIBarButtonItem) {
    // ...but dismiss picker only on 'Done': 
    todayButton.resignFirstResponder()
}

此外，当视图控制器从导航中弹出时，我的自定义按钮子类的 deinit() 方法确实会被调用，因此 UIButton 不再（？）保留其目标，或者 Swift 运行时比我想象的更聪明...

---

更新：我组合了一个 Xcode 项目演示此自定义按钮（Github 存储库）。修改它以使用自定义 UIPickerView （而不是 UIDatePicker）应该非常简单。 不立即显而易见的是（至少对我而言）如何使其与键盘作为输入视图一起使用。

Answer 3

inputView 属性只是 UITextField 和 UITextView 的一部分，而不是 UIButton。

   @property (readwrite, retain) UIView *inputView;

尽管您可以使用 UIButton 实现相同的效果。

创建一个 UIButton 对象，然后设置一个 action 方法，并在 UIButton 的操作方法中将选择器视图添加到按钮的父视图中。

应该是这样的。

-(void) buttonClicked:(id) sender
{
    [self.view addSubview:myPickerView];
}