New keyboard app

pull/1814/head
sir-indy 2022-05-05 21:16:06 +01:00
parent ad038d4c34
commit 3681fd3c92
6 changed files with 133 additions and 0 deletions

1
apps/kbmulti/ChangeLog Normal file
View File

@ -0,0 +1 @@
0.01: New keyboard

8
apps/kbmulti/README.md Normal file
View File

@ -0,0 +1,8 @@
# Multitap Keyboard
A library that provides the ability to input text in a style familiar to anyone who had a mobile phone before they went all touchscreen.
Uses the multitap keypad logic originally from here: http://www.espruino.com/Morse+Code+Texting
![](screenshot.png)

BIN
apps/kbmulti/app.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 685 B

110
apps/kbmulti/lib.js Normal file
View File

@ -0,0 +1,110 @@
//Multitap logic originally from here: http://www.espruino.com/Morse+Code+Texting
exports.input = function(options) {
options = options||{};
var text = options.text;
if ("string"!=typeof text) text="";
var fontSize = "6x15";
var Layout = require("Layout");
var letters = {
"1":".,!?1","2":"ABC2","3":"DEF3",
"4":"GHI4","5":"JKL5","6":"MNO6",
"7":"PQRS7","8":"TUV8","9":"WXYZ9",
"0":"_@:/0"
};
var charTimeout; // timeout after a key is pressed
var charCurrent; // current character (index in letters)
var charIndex; // index in letters[charCurrent]
var caps = true;
var layout;
//var text = "";
function displayText() {
layout.clear(layout.text);
layout.text.label = text;
layout.render(layout.text);
}
function backspace() {
// remove the timeout if we had one
if (charTimeout!==undefined) {
clearTimeout(charTimeout);
charTimeout = undefined;
}
text = text.slice(0, -1);
newCharacter();
}
function setCaps() {
caps = !caps;
for (var key in letters) {
layout[key].label = caps ? letters[key].toUpperCase() : letters[key].toLowerCase();
}
layout.render();
}
function newCharacter(ch) {
text = text.replace("_", " ");
displayText();
charCurrent = ch;
charIndex = 0;
}
function onKeyPad(key) {
// remove the timeout if we had one
if (charTimeout!==undefined) {
clearTimeout(charTimeout);
charTimeout = undefined;
}
// work out which char was pressed
if (key==charCurrent) {
charIndex = (charIndex+1) % letters[charCurrent].length;
text = text.slice(0, -1);
} else {
newCharacter(key);
}
var newLetter = letters[charCurrent][charIndex];
text += (caps ? newLetter.toUpperCase() : newLetter.toLowerCase());
displayText();
// set a timeout
charTimeout = setTimeout(function() {
charTimeout = undefined;
newCharacter();
}, 750);
}
return new Promise((resolve,reject) => {
layout = new Layout( {
type:"v", c: [
{type:"txt", font:"10%", label:"", id:"text", filly:1, fillx:1},
{type:"h", c: [
{type:"btn", font:fontSize, label:letters[1], cb: l=>onKeyPad(1), id:'1', fillx:1 },
{type:"btn", font:fontSize, label:letters[2], cb: l=>onKeyPad(2), id:'2', fillx:1 },
{type:"btn", font:fontSize, label:letters[3], cb: l=>onKeyPad(3), id:'3', fillx:1 },
]},
{type:"h", c: [
{type:"btn", font:fontSize, label:letters[4], cb: l=>onKeyPad(4), id:'4', fillx:1 },
{type:"btn", font:fontSize, label:letters[5], cb: l=>onKeyPad(5), id:'5', fillx:1 },
{type:"btn", font:fontSize, label:letters[6], cb: l=>onKeyPad(6), id:'6', fillx:1 },
]},
{type:"h", c: [
{type:"btn", font:fontSize, label:letters[7], cb: l=>onKeyPad(7), id:'7', fillx:1 },
{type:"btn", font:fontSize, label:letters[8], cb: l=>onKeyPad(8), id:'8', fillx:1 },
{type:"btn", font:fontSize, label:letters[9], cb: l=>onKeyPad(9), id:'9', fillx:1 },
]},
{type:"h", c: [
{type:"btn", font:fontSize, label:letters[0], cb: l=>onKeyPad(0), id:'0', fillx:1 },
{type:"btn", font:fontSize, label:"^", cb: l=>setCaps(), id:'caps', fillx:1},
{type:"btn", font:fontSize, label:"<", cb: l=>backspace(), fillx:1 },
]},
]
},{back: ()=>{
Bangle.setUI();
g.clearRect(Bangle.appRect);
resolve(text);
}});
g.clearRect(Bangle.appRect);
layout.render();
});
};

View File

@ -0,0 +1,14 @@
{ "id": "kbmulti",
"name": "Multitap keyboard",
"version":"0.04",
"description": "A library for text input via multitap/T9 style keypad",
"icon": "app.png",
"type":"textinput",
"tags": "keyboard",
"supports" : ["BANGLEJS2"],
"screenshots": [{"url":"screenshot.png"}],
"readme": "README.md",
"storage": [
{"name":"textinput","url":"lib.js"}
]
}

BIN
apps/kbmulti/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB