CODEWITHSUNDEEP
iosswift2keyboard
mohamed rasith
mohamed rasith

Reputation: 67

How to do number keypad with done button in Swift 2.0?

I've tried lots of numeric keyboard with done button, it's not found a correct answer in SWIFT 2.0.

Upvotes: 1

Views: 3576

Answers (2)

Nazik
Nazik

Reputation: 8434

Without toolbar, I'd added the done button in the Return key place itself by the following steps,

Create a custom Return button as below

let mobilePadNextButton = UIButton(type: UIButtonType.custom)

In viewdidload, design it. Here I'm designing Next button as I need Next instead of Done.

mobilePadNextButton.setTitle("Next", for: UIControlState())//Set Done here
mobilePadNextButton.setTitleColor(UIColor.black, for: UIControlState())
mobilePadNextButton.frame = CGRect(x: 0, y: 163, width: 106, height: 53)
mobilePadNextButton.adjustsImageWhenHighlighted = false
mobilePadNextButton.addTarget(self, action: #selector(self.mobilePadNextAction(_:)), for: UIControlEvents.touchUpInside)

Add Keyboad notification

func textFieldDidBeginEditing(_ textField: UITextField) {
    NotificationCenter.default.addObserver(self, selector: #selector(ViewController.keyboardWillShow(_:)), name: NSNotification.Name.UIKeyboardWillShow, object: nil)
}


func keyboardWillShow(notification:NSNotification){

    if mobileNoTxtFld.isFirstResponder
    {
        DispatchQueue.main.async { () -> Void in
            self.mobilePadNextButton.isHidden = false
            let keyBoardWindow = UIApplication.shared.windows.last
            self.mobilePadNextButton.frame = CGRect(x: 0, y: (keyBoardWindow?.frame.size.height)!-53, width: 106, height: 53)
            keyBoardWindow?.addSubview(self.mobilePadNextButton)
            keyBoardWindow?.bringSubview(toFront: self.mobilePadNextButton)

            UIView.animate(withDuration: (((notification.userInfo! as NSDictionary).object(forKey: UIKeyboardAnimationCurveUserInfoKey) as AnyObject).doubleValue)!, delay: 0, options: UIViewAnimationOptions.curveEaseIn, animations: { () -> Void in
                self.view.frame = self.view.frame.offsetBy(dx: 0, dy: 0)
            }, completion: { (complete) -> Void in
                print("Complete")
            })
        }
    }
    else
    {
        self.mobilePadNextButton.isHidden = true
    }

}

Here, you can do the done actions

func mobilePadNextAction(_ sender : UIButton){

    //Click action

}

The UI will looks like below,

enter image description here

I referred this Git Code

Upvotes: 2

user6788419
user6788419

Reputation: 7340

You can add done button above keyboard using toolbar

override func viewDidLoad() {
    super.viewDidLoad()
    let tooBar: UIToolbar = UIToolbar()
    tooBar.barStyle = UIBarStyle.BlackTranslucent
    tooBar.items=[
        UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: self, action: nil),
        UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.Done, target: self, action: "donePressed")]
    tooBar.sizeToFit()
    yourTextFeild.inputAccessoryView = tooBar
}

func donePressed () {
    yourTextFeild.resignFirstResponder()
}

It will look like this

enter image description here

Upvotes: 9

Related Questions