How to make a Keyboard Layout
 |
Create layout design |
|||
| |
a |
Design the layout using your favorite tool |
||
|
|
Tip to get started: Download a bitmap-odg file, make your corrections in OpenOffice, save it as an .odg file for later changes, and export it as a .png file - downloads: |
|||
| b |
Save it - and export it as a .png file' |
|
||
| c |
Crop the bitmap (png file) and scale it to 1024 x 512 pixels. |
|
||
|
|
Tip to get started: Upload your keyboard png file in Picasa, click the small picture icon, crop the image, resize it to 1024x512. The image will be streched - it is OK. |
|||
 |
Create Key-to-Character relations with OpenOffice |
|||
| a |
Choose 'New Presentation' and Insert your keyboard.png |
Tip to get started: Download a keytable-odg file, make your corrections in OpenOffice, save it as an .odg file for later changes, and export it as a .svg file - downloads: hh_dk_black_keytable.odg hh_int_black_keytable.odg |
||
| b |
Use the Rectangle tool for creating a rectangle on top of the first key on the image |
Tip the rectangles defines the touch sensitive area and should cover an area slightly larger than the key - leaving no gaps between the rectangles. | ||
|
|
Tip Using transparent colour enables you to see key text through the rectangle | |||
| c |
Type characters related to the underlying key as follows:First character: Lower case. Second character: ‘Shift’ character. Third character: ‘Alt’ character. Fourth character: 'Alt-Shift'. Fifth character: 'Ctrl-character'. After fifth character you can define a number of 'dead-key' combinations in series of 3, where first is the 'dead-key, second is lower-case, and third is 'shift' - for instance '^êÊ' |
Tip This may call for an example - the 'e'-key is implemented by the text string: 'eE€ee¨ëË^êÊ~ẽẼ`èÈ´éÉ' |
||
|
|
||||
| d |
Press Esc |
|||
| e |
Copy the rectangle to the other keys and change characters accordingly. Save as odp (Open Office) format - for later corrections. |
|||
|
|
||||
| f |
Select all rectangles and change the colour from transparent to opaque |
|||
| g |
Export as SVG file, and put it in your preferred folder |
|||
 |
Upload your keyboard.png and keyboard.svg |
|||
| a |
Upload your files and generate an app in: Generate keyboard app |
|||
|
|
||||
| b |
Install the package on your Smartphone |
|||
|
|
||||
| c |
Open browser at detected URL |
|||
| d |
Some mobiles will install the app automatically, so you can skip this step - other mobiles need it : Open Downloads app, select Maxikeys and install
|
