IOS Keyboard: Difference between revisions

From iPhone Development Wiki
(linking related articles)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
The iOS Keyboard is a very complexe but one of the most important element of the OS. The truth is a lot is known about it but not much is on paper. This page is a attempt to fix that.
The '''iOS Keyboard''' is very complex but one of the most important elements of iOS.


See also: [[UIPeripheralHostView]], [[UIKeyboardImpl]].


==Sizes (in pixels)==
== Sizes==


[[Portait (iPhone, default English US keyboard):]]
These are approximate measurements in pixels.


Keyboard: 320*216
''Maybe it should be measured in points?''
Keycaps: 15.1*18.8 (approx.)


Space between 2 keycaps: 7.5 (approx.)
=== Portait (iPhone, default English US keyboard) ===
Space between left edge of screen and Q tile: 7.5 (approx.)
Space between shift and Z: 7.5 (approx.)
Space between delete and M: 7.5 (approx.)
Space from left edge to A: 11.3 (approx.)
Space from right edge to L: 11.3 (approx.)
Space from top edge to row 1: 7.5 (approx.)
Space from bottom edge to last row: 2 (approx.)


Shift: 18.8 *18.8 (approx.)
Sizes:
123: 18.8 *18.8 (approx.)
Globe: 18.8 *18.8 (approx.)
Dictation: 15.1 *18.8 (approx.)
Space Bar: 7.1*18.8 (approx.)
Return: 4.1*18.8 (approx.)
Delete: 18.8 *18.8 (approx.)


[[Landscape (iPhone, default English US keyboard):]]
{| class="wikitable"
! Item !! Width !! Height
|-
|Keyboard || 320 || 216
|-
|Keycaps || 15.1 || 18.8
|-
|Shift || 18.8 || 18.8
|-
|123 || 18.8 || 18.8
|-
|Globe || 18.8 || 18.8
|-
|Dictation || 15.1 || 18.8
|-
|Space Bar || 7.1 || 18.8
|-
|Return || 4.1 || 18.8
|-
|Delete || 18.8 || 18.8
|}


Keyboard: 480*162 (3 inch devices) 568*162 (4 inch devices)
Spacing:


==Sources:==
{| class="wikitable"
! Item !! Width
|-
|Space between 2 keycaps || 7.5
|-
|Space between left edge of screen and Q || 7.5
|-
|Space between shift and Z || 7.5
|-
|Space between delete and M || 7.5
|-
|Space from left edge to A || 11.3
|-
|Space from right edge to L || 11.3
|-
|Space from top edge to first row || 7.5
|-
|Space from bottom edge to last row || 2
|}


Personal measurements & http://www.idev101.com/code/User_Interface/keyboard.html
=== Landscape (iPhone, default English US keyboard) ===
 
Sizes:
 
{| class="wikitable"
! Item !! Width !! Height
|-
| Keyboard || 480 (3" devices) or 568 (4" devices) || 162
|}
 
== External links ==
 
* http://www.idev101.com/code/User_Interface/keyboard.html

Latest revision as of 23:45, 2 November 2014

The iOS Keyboard is very complex but one of the most important elements of iOS.

See also: UIPeripheralHostView, UIKeyboardImpl.

Sizes

These are approximate measurements in pixels.

Maybe it should be measured in points?

Portait (iPhone, default English US keyboard)

Sizes:

Item Width Height
Keyboard 320 216
Keycaps 15.1 18.8
Shift 18.8 18.8
123 18.8 18.8
Globe 18.8 18.8
Dictation 15.1 18.8
Space Bar 7.1 18.8
Return 4.1 18.8
Delete 18.8 18.8

Spacing:

Item Width
Space between 2 keycaps 7.5
Space between left edge of screen and Q 7.5
Space between shift and Z 7.5
Space between delete and M 7.5
Space from left edge to A 11.3
Space from right edge to L 11.3
Space from top edge to first row 7.5
Space from bottom edge to last row 2

Landscape (iPhone, default English US keyboard)

Sizes:

Item Width Height
Keyboard 480 (3" devices) or 568 (4" devices) 162

External links