App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

____________________________

294J.- Crear Teclado mediante código. Create Keyboard extension App Inventor.

p194J_Teclado.aia

com.KIO4_Keyboard.aix

- Aquí he puesto una extensión para crear un teclado en un Disposición.

- Se puede establecer las teclas.

- Dos modelos, en el KIO4_Keyboard se crea el teclado y se obtiene las teclas pulsadas en el evento KIO4_Click.

- En el KIO4_KeyboardTB, es necesario poner un CampoDeTexto. Las teclas pulsadas se obtienen en el evento KIO4_ClickTB y en CampoDeTexto asignado.

___________________________
1.- Crear Teclado.

- Aquí muestro un ejemplo de teclado. Es necesario que la cantidad de teclas de Textos, de Números y Tildes sean iguales, si no lo son, la aplicación se cierra

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,.,←,☼,≡, ,✥,♫,┘,⌂,↔

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

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

_______________________
- Teclas especiales, por defecto:

Tecla espaciadora: ,    , dos espacios, si ponemos una tecla con dos espacios o más, saldrá un espacio, es decir si ponemos por ejemplo: ,    , cuando pulsemos esa tecla saldrá un espacio.

≡ Este símbolo ≡ lo utilizamos para la coma, es decir en vez de poner la coma ponemos este signo.

↵ Símbolo de la tecla ENTRAR, lo veremos en el ejemplo 2.

- Otras Propiedades:

Columnas, número de columnas del teclado. El ancho del teclado es el ancho de su layout (DisposiciónVertical).

LeftRight, si lo marcamos escribirá de izquierda a derecha (latín), en caso contrario escribirá de derecha a izquierda (árabe). Solo funciona con el teclado KIO4_Keyboard.

- Caracteres que podemos poner:

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

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

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

http://xahlee.info/comp/unicode_computing_symbols.html

https://www.mclibre.org/consultar/htmlcss/html/html-unicode-simbolos.html

____________________
- Diseño.

____________________
- Bloques.

____________________
- Diseño.

____________________
- Bloques.

____________________________________________________________

____________________________________________________________
2.- Teclado numérico. Tecla ENTER.

p194J_Teclado_Numerico .aia

- Veamos un teclado numérico, en los tres grupos de teclas ponemos:

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

↵

- Fíjate en la tecla ENTER representada con el caracter: ↵ en los tres grupos de key

- En este ejemplo situamos un VerticalArrangement con el 30 por ciento del contenedor, fondo azul.

- Si la tecla pulsada es la ENTER, en la Etiqueta2 se muestra el doble de la Etiqueta1.

____________________
- Diseño.

____________________
- Bloques.

____________________________________________________________
3.- Teclado arábico.

p194J_Teclado_arabico .aia

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

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

___________________________