layouts.md

A compilation of information about the layout formats usable in this app.

There are two distinct formats:

• the simple format is a text file with one key label per line, and two consecutive line breaks indicating a switch to the next row, example
• the json format taken from FlorisBoard, but only "normal" keys are supported (i.e. no action keys and similar), example

General notes

Adding too many keys or too long texts will make the keyboard look awkward or broken, and even crash the app under some specific conditions (popup keys are especially prone for this). There are some sanity checks when adding a layout to avoid such issues, but they do not cover all possible cases. Further there is no check whether the layout actually contains characters of the selected language.

If you use an external glide typing library, you likely will have issues if your layout contains duplicate keys, or keys with text longer than a single letter.

If the layout has exactly 2 keys in the bottom row, these keys will replace comma and period keys. More exactly: the first key will replace the first functional key with "groupId": 1 in the bottom row, and the second key with replace the first key with "groupId": 2.

Simple format

• One key per line
  • Key format: [label] [popup keys], all separated by space, e.g. a 0 + * will create a key with text a, and the keys 0, +, and * on long press
• Two consecutive newlines mark beginning of a new row

Json format

• Allows more flexibility than the simple format, e.g. changing keys depending on input type, shift state or layout direction
• You can use character layouts from FlorisBoard
  • Support is not 100% there yet, notably kana_selector and char_width_selector do not work.
• There is no need for specifying a code, it will be determined from the label automatically
  • You can still specify it, but it's only necessary if you want key label and code to be different (please avoid contributing layout with unnecessary codes to HeliBoard)
  • Note that not all special codes (negative numbers) from FlorisBoard are supported
• More details on the formal will be provided. For now you can check other layouts, often you just need to copy lines and change the labels.
• Key classes: specified with $, usually you can omit them in HeliBoard
  • text_key: normal key, default
  • auto_text_key: used in FlorisBoard for a key that changes text case when shift is enabled, HeliBoard does that anyway unless disabled with a labelFlag
  • multi_text_key: key with an array of code points, e.g. { "$": "multi_text_key", "codePoints": [2509, 2480], "label": "্র" }
  • there are also selector classes, which allow to change keys conditionally, see the dvorak layout for an example:
    • case_selector: keys for lower and upper (both mandatory), similar to shift_state_selector
    • shift_state_selector: keys for unshifted, shifted, shiftedManual, shiftedAutomatic, capsLock, manualOrLocked, default (all opttional)
    • variation_selector: keys for datetime, time, date, password, normal, uri, email, default (all opttional)
    • layout_direction_selector: keys for ltr and rtl (both mandatory)

Properties

• A (non-selector) key can have the following properties:
• type: only specific values, HeliBoard mostly uses this to determine background color and type, determined automatically by default
  • normal: normal key color
  • function: functional key color
  • space: space bar color
  • action: action key color
  • unspecified: no background color
  • placeholder: no background color, no label, and pressing the key does nothing
  • numeric: normal key color, only in number layouts: sets default width to -1 and sets default label flags if none specified
  • There are some more values, but they do nothing
• code: code point that is entered when the key is pressed, determined from the label by default, not available for multi_text_key
  • There are special negative values available, e.g. the ones used by functional keys, see KeyCode.kt. There are several not yet supported key codes in there, you can see in the function checkAndConvertCode which ones are working.
• codePoints: when multiple code points should be entered, only available for multi_text_key
• label: text to display on the key, determined from code if empty
  • There are some special values, see the label section
• groupId: which additional popup keys to show, 0 is default and does not add anything, 1 adds the comma popup keys, and 2 adds the period popup keys
• popup: list of keys to add in the popup, e.g. "label": ")", "popup": {"relevant": [{ "label": "." }]} is a ) key with a . popup
  • Note that in popup keys, properties are ignored with the exception of $, code, codePoints, and label
  • When specifying a selector key class in a popup key, it will be evaluated correctly (e.g. for changing popups dependent on shift state)
• width: width of the key in units of screen width, e.g. a key with "width": 0.1 has a width of 10% of the screen, defaults to 0
  • A special value is -1, which means the key expands to the available space not already used by other keys (e.g. the space bar)
  • 0 is interpreted as follows
    • -1 on the space key in alphabet or symbols layouts, and for keys with "type": numeric in number layouts
    • 0.17 for number layouts
    • 0.1 for phones
    • 0.09 for tablets
  • If the sum of widths in a row is greater than 1, keys are rescaled to fit on the screen
• labelFlags: allows specific effects, see here in the section keyLabelFlags for names and numeric values

Labels

In the simple format you only specify labels, in json layouts you do it explicitly via the label property. Usually the label is what is displayed on the key. However, there are some special labels:

• Currency keys
  • $$$ will be replaced by the local currency, depending on your current layout language. If you define a key with $$$ without defining popup keys, it will get the first 4 additional currencies (see below) as popup
  • $$$1 - $$$5 will be replaced by currencies available on long-pressing the currency key
• Functional keys (incomplete list)
  • alpha: switch to alphabet keyboard (or main phone keyboard in case of phone layout)
  • symbol: switch to symbol keyboard (or phone symbols keyboard in case of phone layout)
  • symbol_alpha: toggle alpha / symbol keyboard
  • numpad: switch to numpad layout
  • emoji: switch to emoji view
  • com: display common TLDs (.com and similar, currently not localized)
  • language_switch: language switch key
  • action: the action (enter) key
  • delete: delete key
  • shift: shift key, will change label when in symbols layout
  • period: . key with punctuation popups, will adapt to language-specific period
  • comma: , key with special popups, will adapt to language-specific comma, or display / in URL fields and @ in email fields
  • space: space key, with icon when using a number layout
  • zwnj: Zero-width non-joiner (automatically added next to space in alphabet layout for some languages)
• If you want different key label and input text, set the label to [label]|[text], e.g. aa|bb will show aa, but pressing the key will input bb. You can also specify special key codes like a|!code/key_action_previous, but it's cleaner to use a json layout and specify the code explicitly. Note that when specifying a code in the label, and a code in a json layout, the code in the label will be ignored.
• It's also possible to specify an icon, like !icon/previous_key|!code/key_action_previous.
  • For normal keys, even if you specify a code, you will need to add a | to the label, e.g. !icon/go_key| or !icon/go_key|ignored (to be fixed).
  • For popups keys, you must not add a | (to be fixed).
  • You can find available icon names in KeyboardIconsSet. You can also use toolbar key icons using the uppercase name of the toolbar key, e.g. !icon/REDO

Adding new layouts / languages

• You need a layout file in one of the formats above, and add it to layouts
  • Popup keys in the layout will be in the "Layout" popup key group.
• Add a layout entry to method.xml
  • KeyboardLayoutSet in android:imeSubtypeExtraValue must be set to the name of your layout file (without file ending)
  • android:subtypeId must be set to a value that is unique in this file (please use the same length as for other layouts)
  • If you add a layout to an existing language, add a string with the layout name to use instead of subtype_generic. The new string should be added to default strings.xml, and optionally to other languages. %s will be replaced with the language.
• If you add a new language, you might want to provide a locale_key_texts file
  • [popup_keys] section contains popup keys that are similar to the letter (like a and ä or य and य़)
    • Such forms should not be in the layout. They will apply to all layouts of that language, even custom ones.
    • The popup keys will be added to the "Language" popup key group (relevant for setting popup key order).
      • Use % to mark all preceding keys as "Language (important)" instead. Keys after % will still be in the "Language" group.
    • The punctuation key is typically the period key. popup_keys set here override the default.
  • [labels] may contain non-default labels for the following keys symbol, alphabet, shift_symbol, shift_symbol_tablet, comma, period, question
  • [number_row] may contain a custom number row (1-9 and 0 separated by space). You should also add the language to numberRowLocales in PreferencesSettingsFragment so the user can opt into having a localized number row.
  • [extra_keys] are typically keys shown in the default layout of the language. This is currently only used for latin layouts to avoid duplicating layouts for just adding few keys on the right side. The layout name need to end with +, but the + is removed when looking up the actual layout.
• If you add a new language for which Android does not have a display name, it will be displayed using the language tag
  • Avoiding this currently is more complicated than necessary: add the language tag to LocaleUtils.getLocaleDisplayNameInSystemLocale to have an exception, and add a string named subtype_<langage tag, but with _ instead of -> to strings.xml. Further you may need to add a subtype_in_root_locale_<language tag> to donottranslate.xml, and add the language tag to subtype_locale_exception_keys and subtype_locale_displayed_in_root_locale.
• If a newly added language does not use latin script, please update the default scripts method Locale.script in ScriptUtils

Functional key layouts

This is not yet customizable, but will be soon! Mostly customizing functional keys works like other layouts, with some specific adjustments:

• you can either have a single layout for functional keys (default), or separate layouts for symbols and shift symbols
  • when using a single layout
    • emoji and language switch keys will only show in alphabet layout and when the option is enabled
    • numpad key will only show in symbols layout
  • otherwise the layout will be shown as it is in the layout file
• use keys with "type": "placeholder" for
  • separating left and right functional keys (e.g. shift and delete in default layout)
  • separating top and bottom rows in case you want to have functional key rows aligned to the top of the keyboard