How to change the background color of keypad in iOS 7

Question

I am using Xcode 5 for developing applications. I want to change the color of keyboard in iOS 7. I want a color like black or blue.

How can I change the color of keyboard in iOS 7?

Bhavin · Answer 1 · 2013-12-10T11:17:32.247

You can only set the keyboard appearance to any of three listed below using the UIKeyboardAppearance.

UIKeyboardAppearanceDefault  // Corresponds to the UIKeyboardAppearanceLight
UIKeyboardAppearanceDark     // Available in iOS 7.0 and later.
UIKeyboardAppearanceLight    // Available in iOS 7.0 and later.

There is one more constant named UIKeyboardAppearanceAlert but, that is now deprecated. You should use UIKeyboardAppearanceDark instead.

You can't use any custom or undefined color. So, Use ...

myTextfield.keyboardAppearance = UIKeyboardAppearanceDark;

score 12 · Answer 2 · edited May 23 '17 at 12:26

12

In iOS 7, since the keyboard is translucent, I was able to accomplish this effect by adding a colored subview behind the keyboard that shows and hides with keyboard notifications.

I created a GitHub project to demonstrate this technique. Keep in mind it only works in portrait orientation right now and obviously only in iOS 7.

https://github.com/meekapps/TintedKeyboard

Enter image description here

edited May 23 '17 at 12:26

Community

1
1

answered Oct 03 '13 at 17:28

Keller

17,051
8
55
72

That looks, really awesome, actually! – JomanJi Jan 29 '14 at 19:29
Based on the "You can only use `UIKeyboardAppearanceDark` and `UIKeyboardAppearanceLight`" comments, I think this is the closest possible thing to answering the original question. – Kevin Mar 04 '15 at 09:51

score 4 · Answer 3 · answered Sep 19 '13 at 12:31

4

You can change the color with the keyboardAppearance method.

_textField.keyboardAppearance = UIKeyboardAppearanceDark;

Have a look at the Apple API docs

answered Sep 19 '13 at 12:31

patrickS

3,590
4
29
40

Thanks to all for your reply – Anuj Kumar Rai Sep 20 '13 at 04:05

score 2 · Answer 4 · answered Oct 03 '13 at 17:06

Per your comment of wanting a custom color:

You could do this... Just use the normal keyboard, then observe UIKeyboardWillShowNotification and UIKeyboardWillHideNotification so that you can show a color UIView behind the keyboard.

It would be hacky, but it would work because the default keyboard is transparent to a degree on iOS 7.

Good luck.

How to change the background color of keypad in iOS 7

4 Answers4