Swift - Add dot in Number Pad Keyboard

Question

How to add dot in Number Pad Keyboard? I want when I use notification UIKeyboardDidShowNotification a UIButton to appear over down left side of the Number Pad keyboard.

This will be the frame of the button: let dotButton = UIButton(frame: CGRectMake(0, 162, view.frame.width/3, 54)) , but it has to be added as subview of the number pad keyboard to prevent hiding from it, how will be done ?

Edit: I made it to appear like this

    dotButton.addTarget(self, action: "addDot:", forControlEvents: .TouchUpInside)
    dotButton.setTitle(".", forState: .Normal)
    dotButton.titleLabel?.font = UIFont(name: "Helvetica Neue", size: 25)
    dotButton.setTitleColor(UIColor.blackColor(), forState: .Normal)
    dispatch_async(dispatch_get_main_queue(), {
        let keyboardView:UIView = UIApplication.sharedApplication().windows.last?.subviews.first as! UIView
        self.dotButton.frame = CGRectMake(0, keyboardView.frame.size.height-54, self.view.frame.width/3, 54)
        keyboardView.addSubview(self.dotButton)
        keyboardView.bringSubviewToFront(self.dotButton)
    })

but now I don't know how when I click to the button to add . in the textField with method addDot I don't know how to tell to the textField to add a . need help again...

Edit2: I made a class variable which is textFieldInEdit:UITextField! and in func textFieldShouldBeginEditing(textField: UITextField) -> Bool I do this textFieldInEdit = textField and now my function addDot is:

textFieldWhichEdit.text = "\(textFieldWhichEdit.text)." ,

but I've got another problem now.. I have fields with different keyboard types how to detect which keyboard appears and show the dot on the Number Pad only ?

Edit3:

func textFieldDidBeginEditing(textField: UITextField) {
    if(textField.keyboardType.rawValue==4){
        textFieldWhichEdit = textField
        dotButton.hidden = false
    }else{
        dotButton.hidden = true
    }
}

Done I've made a dot button on Number Pad keyboard :) If someone know better method can write it and I will accept the answer :)

You can make your text field accept comma for decimal fractions input — Leo Dabus, Apr 08 '15 at 20:05
I know I have already answered this question let me find the answer — Leo Dabus, Apr 08 '15 at 20:13
Thanks a lot I will use it for security later, but I still want . to be shown on Number Pad Keyboard. — Bogdan Bogdanov, Apr 08 '15 at 20:22
You should find the solution in this post: http://stackoverflow.com/questions/20192303/how-to-add-a-done-button-to-numpad-keyboard-in-ios7 — Duyen-Hoa, Apr 08 '15 at 20:31
@HoaParis I copy the code that you gave me and I have another problem now check the question again I wrote an update — Bogdan Bogdanov, Apr 08 '15 at 21:00
I added an answer with another solution. The solution the link that I send to you add the button in the toolbar instead of the keyboard layout. — Duyen-Hoa, Apr 08 '15 at 22:13
Try the solution that I've posted, using shouldChangeCharactersInRange. Beware that the decimal point could be . or , — Duyen-Hoa, Apr 09 '15 at 23:01
Check this Answer https://stackoverflow.com/a/46359365/2599596 — Naveen Kumar M, Sep 22 '17 at 07:42

score 38 · Answer 1 · edited Aug 23 '18 at 16:38

38

yourTextField.keyboardType = .decimalPad

edited Aug 23 '18 at 16:38

Luis Franco R.

13
1
1
6

answered Feb 08 '16 at 08:00

AP_

1,013
12
13

6

Decimal pad has "," not "." – Savas Adar Nov 30 '17 at 14:59
6

@SavasAdar yours has a comma because of your localization. – Julio Bailon Feb 13 '19 at 20:51
I want my TF to consider the decimal as a first character if the decimal is pressed. I will write the logic to append '0' at first pos if someone directly enters '.' – Manish Pathak Dec 23 '19 at 05:41
This is not working on iOS 13. No pontuction button appeared. – Pedro Paulo Amorim Feb 24 '20 at 12:27

Duyen-Hoa · Answer 2 · 2015-04-09T23:02:14.237

Add UITextfieldDelegate to your controller, then link you text field again an IBOulet (tfTest for example), then implement the shouldChangeCharactersInRange call-back like this.

@IBOutlet weak var tfTest: UITextField!

func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {

    var newText: NSString = textField.text as NSString
    newText = newText.stringByReplacingCharactersInRange(range, withString: string)

    var isEmptyNew = (newText as String).rangeOfString(".", options: NSStringCompareOptions.allZeros, range: nil, locale: nil)?.isEmpty ?? true

    if isEmptyNew {
        //change to decimal pad as we allow to add decimal point now
        textField.keyboardType = UIKeyboardType.DecimalPad

        //refresh responder to change keyboard layout
        textField.resignFirstResponder()
        textField.becomeFirstResponder()
        return true;
    }

    var isEmptyOld = textField.text.rangeOfString(".", options: NSStringCompareOptions.allZeros, range: nil, locale: nil)?.isEmpty ?? true

    //if pressed button is the dot and your text field has already a dot, do not allow this. Normally, this case does not happen cause your keyboard type was changed to number pad before
    if string == "." && !isEmptyOld {
        return false
    } else {
        //show just numbers
        textField.keyboardType = UIKeyboardType.NumberPad
        //refresh responder to change keyboard layout
        textField.resignFirstResponder()
        textField.becomeFirstResponder()

        return true
    }
}

To avoid problem with the decimal separator (. or ,), use this code to retrieve the decimal separator and use it instead of hard code value

let df  = NSNumberFormatter()
df.locale = NSLocale.currentLocale()

let decimalPoint = df.decimalSeparator ?? "."

No, before couple of months, I done it but I delete the code and now I don't remember how to do it... — Bogdan Bogdanov, Apr 09 '15 at 11:20

Swift - Add dot in Number Pad Keyboard

2 Answers2