IOS Keyboard: Difference between revisions

From iPhone Development Wiki
(Tablification)
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 a very complex but one of the most important elements of iOS.


== Sizes==


==Sizes (in pixels)==
These are approximate measurements in pixels.


[[Portait (iPhone, default English US keyboard):]]
''Maybe it should be measured in points?''


Keyboard: 320*216
=== Portait (iPhone, default English US keyboard) ===
Keycaps: 15.1*18.8 (approx.)


Space between 2 keycaps: 7.5 (approx.)
Sizes:
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.)
{| class="wikitable"
123: 18.8 *18.8 (approx.)
! Item !! Width !! Height
Globe: 18.8 *18.8 (approx.)
|-
Dictation: 15.1 *18.8 (approx.)
|Keyboard || 320 || 216
Space Bar: 7.1*18.8 (approx.)
|-
Return: 4.1*18.8 (approx.)
|Keycaps || 15.1 || 18.8
Delete: 18.8 *18.8 (approx.)
|-
|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
|}


[[Landscape (iPhone, default English US keyboard):]]
Spacing:


Keyboard: 480*162 (3 inch devices) 568*162 (4 inch devices)
{| 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
|}


==Sources:==
=== Landscape (iPhone, default English US keyboard) ===


Personal measurements & http://www.idev101.com/code/User_Interface/keyboard.html
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

Revision as of 22:49, 2 November 2014

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

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