Extension: Create Custom Keyboard. (Beta)

[Juan_Antonio]

Hello friends,

a few years ago (2017) I made an extension to dynamically create components:

[Free] Create Buttons, Labels, TextBoxes, Images, Sliders by code. New font....

I have thought to modify that extension to create a Keyboard (Softkey) with the Button component.

• For now the extension is in beta phase and only works in emulation (MIT COMPANION, ...).
  
  

- These are the default Properties:

- Special characters:

Spacebar: put several spaces between commas.

Comma character: we will establish it by means of the character: ≡

Character ♫: a Beep will sound.

ENTER character ↵, we will see it in an example.

For the text of the keys we can put ASCII characters or other codes:

https://www.alt-codes.net/miscellaneous-symbols

https://www.alt-codes.net/arrow_alt_codes.php

http://xahlee.info/comp/unicode_arrows.htm

• The size of the keyboard adapts to the size of the Layout.

• It is necessary that the String keyLetter, keyNumber and keyTilde have the same number of elements.

You can download the extension, and test it in an emulator, from:
http://kio4.com/appinventor/294J_extension_crear_teclado.htm

[Juan_Antonio]

- Download Example 1 and Example 2:

p194J_Teclado.aia (103.5 KB)

1.- Create a keyboard with the "Keyboard" block and its "Click" event.

We set the String to keyLetter, keyNumber and keyTilde, example:
[Important: the three strings must have the same number of elements]

keyLetter: q,w,e,r,t,y,u,i,o,p,a,s,d,f,g,h,j,k,l,ñ,↑,z,x,c,v,b,n,m,.,←,☼,≡, ,✥,♫,┘,⌂,↔

keyNumber: 1,2,3,4,5,6,7,8,9,0,@,#,$,_,&,-,+,(,),/,↑,*,",',:,;,!,?,.,←,☼,≡, ,=,€,,⌂,↔

keyTilde: á,à,â,ä,é,è,ê,ë,í,ì,î,ï,ó,ò,ô,ö,ú,ù,û,ü,↑,Á,À,É,È,Í,Ì,Ó,.,←,☼,≡, ,Ò,Ú,Ù,⌂,↔

Background and Text color.
You can set the font type through a file in the assets.

When we press a button the "Click" event will give us: key, text and length of the text.

[Juan_Antonio]

2.- Create a keyboard with the "KeyboardTB" block and its "ClickTB" event.

Using the "KeyboardTB" block and its "ClickTB" event, we can create a keyboard associated with a TextBox component.

The text will be written in the TextBox component and in the text variable of the event.

[Juan_Antonio]

- Download Example 3:

p194J_Teclado_Numerico.aia (21.5 KB)

3.- Create a numeric keyboard. Key ENTER.

This Keyboard is built with the Columns Property: 3.

VerticalArrangement Horizontal Size: 30 percent.

The three Strings keyLetter, keyNumber, and keyTilde contain:

1,2,3,4,5,6,7,8,9,0,.,↵,⌂,✥,←

Observe the event, if key = ↵, that character is the ENTER ↵.

[Rudra_Software_Corpo]

I wonder how u are alwayzz epic sir @juan_antonio

[ChrisWard]

Hi Juan

Is the Android Keyboard suppressed?

[Juan_Antonio]

@ChrisWard

Android Keyboard

The Keyboard block is used to write to a Label.

The KeyboardTB block is used to write to an associated TextBox. That TextBox has the Android Keyboard suppressed.

[Juan_Antonio]

4.- Arabic Keyboard.

p194J_Teclado_arabico.aia (103.7 KB)

ض,ص,ث,ق,ف,غ,ع,ه,خ,ح,ج,ش,س,ي,ب,ل,ا,ت,ن,م,ك,ط,ئ,ء,ؤ,ر,ى,ة,و,ز,ظ,د

,♫,┘,⌂,↔, ,✥,⌫,.,≡

[in_the_name_of_god]

Hi, this is a really good plugin, can you tell us how to bring the built-in keyboard on the phone keyboard?

[Juan_Antonio]

@in_the_name_of_god

llevar el teclado incorporado

Download the p194J_Teclado.aia (103.5 KiB) app and try it out.
The .aix extension is found in... http://kio4.com/appinventor/294J_extension_crear_teclado.htm