Как добавить кнопку на клавиатуре поверх клавиатуры в IOS?

Я хочу добавить кнопку " Done в верхней части клавиатуры с правой стороны в iOS для textView. Пожалуйста, скажите мне, как я могу это сделать?

enter image description here

Я хочу добиться чего-то похожего на вышеупомянутую клавиатуру

Ответ 1

Это можно сделать с помощью раскадровки:

  • Добавить UITextField в представление UIViewController.
  • Добавить UIToolbar на первом уровне UIViewController
  • Добавить UIBarButtonItem в UIToolbar.
  • Подключите UItoolbar к коду с помощью IBOutlet.
  • Подключите UIBarButtonItem к коду с помощью IBAction (как didClick).
  • Сделать UITextField будет делегировать UIViewController.
  • В конце редактирования функции didClick (view.endEditing(true))
  • В функции делегата textFieldShouldBeginEditing должен быть: textField.inputAccessoryView = панель инструментов и возвращает true.

введите описание изображения здесь

Ответ 2

Надеюсь, что эта помощь:)

UIToolbar* keyboardToolbar = [[UIToolbar alloc] init];
[keyboardToolbar sizeToFit];
UIBarButtonItem *flexBarButton = [[UIBarButtonItem alloc]
                                  initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
                                  target:nil action:nil];
UIBarButtonItem *doneBarButton = [[UIBarButtonItem alloc]
                                  initWithBarButtonSystemItem:UIBarButtonSystemItemDone
                                  target:self action:@selector(yourTextViewDoneButtonPressed)];
keyboardToolbar.items = @[flexBarButton, doneBarButton];
self.yourTextView.inputAccessoryView = keyboardToolbar;

а затем добавьте метод yourTextViewDoneButtonPressed

-(void)yourTextViewDoneButtonPressed
{
    [self.yourTextView resignFirstResponder];
}

Ответ 3

Swift 3:

func setDoneOnKeyboard() {
    let keyboardToolbar = UIToolbar()
    keyboardToolbar.sizeToFit()
    let flexBarButton = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
    let doneBarButton = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(InsertStatusVC.dismissKeyboard))
    keyboardToolbar.items = [flexBarButton, doneBarButton]
    self.fullNameTextField.inputAccessoryView = keyboardToolbar
}

@objc func dismissKeyboard() {
    view.endEditing(true)
}

Ответ 4

Это решение для Swift3/4

Добавьте эту строку в ваш проект в качестве расширения. Ваша проблема решена.

  extension UITextField{

        @IBInspectable var doneAccessory: Bool{
            get{
                return self.doneAccessory
            }
            set (hasDone) {
                if hasDone{
                    addDoneButtonOnKeyboard()
                }
            }
        }

        func addDoneButtonOnKeyboard()
        {
            let doneToolbar: UIToolbar = UIToolbar(frame: CGRect.init(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
            doneToolbar.barStyle = .default

            let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
            let done: UIBarButtonItem = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(self.doneButtonAction))

            let items = [flexSpace, done]
            doneToolbar.items = items
            doneToolbar.sizeToFit()

            self.inputAccessoryView = doneToolbar
        }

        @objc func doneButtonAction() {
            self.resignFirstResponder()
        }

    }

Перед продлением

enter image description here

После продления

enter image description here

Ответ 5

Добавить UIToolBar как пользовательское представление, в котором будет кнопка UIBarButtonItem as Done.

Это более безопасный и чистый способ добавления кнопки "Готово" к любому типу клавиатуры. Создайте UIToolBar, добавьте к нему кнопку Done и установите inputAccessoryView любого UITextField или UITextView. ];     }

SWIFT 3

var ViewForDoneButtonOnKeyboard = UIToolbar()
ViewForDoneButtonOnKeyboard.sizeToFit()
var btnDoneOnKeyboard = UIBarButtonItem(title: "Done", style: .bordered, target: self, action: #selector(self.doneBtnFromKeyboardClicked))
ViewForDoneButtonOnKeyboard.items = [btnDoneOnKeyboard]
myTextField.inputAccessoryView = ViewForDoneButtonOnKeyboard

Функция

  @IBAction func doneBtnfromKeyboardClicked (sender: Any) {
     print("Done Button Clicked.")
    //Hide Keyboard by endEditing or Anything you want.
    self.view.endEditing(true)
  }

Ответ 6

Решение для Swift 4 и Swift 5 с использованием пользовательского класса. Вы можете использовать этот класс в ваших файлах раскадровки и .xib.

class UITextFieldWithDoneButton: UITextField {
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.addDoneButtonOnKeyboard()
    }

    fileprivate func addDoneButtonOnKeyboard() {
        let doneToolbar: UIToolbar = UIToolbar(frame: CGRect.init(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
        doneToolbar.barStyle = .default

        let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
        let done: UIBarButtonItem = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(self.doneButtonAction))

        let items = [flexSpace, done]
        doneToolbar.items = items
        doneToolbar.sizeToFit()

        self.inputAccessoryView = doneToolbar
    }

    @objc fileprivate func doneButtonAction() {
        self.resignFirstResponder()
    }
}

Ответ 7

Ответ Рамиса, который позволяет создавать аксессуар для клавиатуры, используя Storyboard, - отличная стратегия. В конце концов, 2017 год! (Извините, но у меня нет достаточного количества очков для того, чтобы вы могли бы продвигать вас.)

Позвольте мне добавить немного ответа (чтобы сохранить правила SO). У меня есть представление с несколькими текстовыми полями. После выполнения каждой из шагов Рамиса я привязал аксессуар к всем текстовым полям следующим образом:

-(void)textFieldDidBeginEditing:(UITextField *)textField
{
_activeTextField = textField;
[_activeTextField setInputAccessoryView:_iboKeyboardTools];
}

Так легко по сравнению с реализацией всего этого в коде! Просто создайте аксессуар в Storyboard- и прикрепите его снова и снова!

Ответ 8

Это решение для Swift 4

override func viewDidLoad() {
   super.viewDidLoad()
   //init toolbar
   let toolbar:UIToolbar = UIToolbar(frame: CGRect(x: 0, y: 0,  width: self.view.frame.size.width, height: 30))
   //create left side empty space so that done button set on right side
   let flexSpace = UIBarButtonItem(barButtonSystemItem:    .flexibleSpace, target: nil, action: nil)
   let doneBtn: UIBarButtonItem = UIBarButtonItem(title: "Done", style: .done, target: self, action: Selector("doneButtonAction"))
   toolbar.setItems([flexSpace, doneBtn], animated: false)
   toolbar.sizeToFit()
   //setting toolbar as inputAccessoryView
   self.textField1.inputAccessoryView = toolbar
   self.textField2.inputAccessoryView = toolbar
}
func doneButtonAction() {
   self.view.endEditing(true)
}