Programación de Celulares con B4 for Android

E.E.T.P Nº 647
Dr. Pedro L. Funes
Prof. Carlos M. Cavallin
 Ejercicio 12: (El Control Spinner)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades que se
deben asignar a cada control o vista.
Diseñador B4A Celular
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  012_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 13: (El control ListView)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseñador B4A Celular
Diseño pantalla celular
Diseño pantalla celular
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los
controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…".

Luego tildas todo lo que ves en la siguiente captura y haz
click en el botón"Generar Miembros". Finalmente
grabamos, cerramos el diseñador y regresamos al IDE
de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  013_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 14: (El control ToggleButton)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…

Diseñador B4A Celular

Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  014_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).

Antes de probar
el código se
deben
superponer las
imágenes de
los LEDs.
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 15: (El control InputBox)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…

Diseñador B4A Celular

Diseño pantalla celular
Nota: En este ejercicio vamos a utilizar una de las tantas librerías externas
de B4A. Para ello haz click en "Ventanas"  "Administrador de Librearías".

Luego se debe seleccionar la libería Dialogs tal como se muestra en la presente

captura, y luego continuar con la programación.
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  015_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 16: (dos Activity o dos pantallas)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Atención: este diseño de pantalla es para el módulo Main, seguidamente vamos a crear otro módulo
Activity, y una nueva pantalla para este.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente
captura y haz click en el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y
regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  pantalla_activity01
Actividad 2: Haz click en "Proyecto"  "Añadir Nuevo Módulo"  "Módulo de Actividad".

Ahora desde el diseñador hacemos click en "Archivo"  "Nuevo"

y creamos el siguiente diseño de pantalla (layer o capa) para esta
activity. En la página siguiente se detallan las propiedades…
 Finalizado este diseño se graba con el nombre: pantalla_activity02
Actividad 3: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  pantalla_activity02
Actividad 4: Escribe el siguiente código tal cual se muestra en el IDE. (Pero se debe observar con atención dentro de
qué módulo debes trabajar).
Actividad 5: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 17: (Resolución de Pantalla)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseño pantalla celular
Diseño pantalla celular

Nombre del control

Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  017_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 18: (MsgBox2)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  018_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 19: (SeekBar)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseño pantalla celular
Diseño pantalla celular
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  019_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…
 Ejercicio 20: (ProgressBar o Barra de Progreso)

Actividad 1: Desde el IDE abre el diseñador y conéctalo con el celular para ajustar la pantalla a tu modelo de celular.
Luego realiza el siguiente diseño de pantalla (layer o capa). En la página siguiente se detallan las propiedades…
Diseño pantalla celular
Diseño pantalla celular
Actividad 2: Desde el diseñador debemos generar los controles para luego colocar finalmente el código.

Haz click en "Herramientas"  "Generar Miembros…". Luego tildas todo lo que ves en la siguiente captura y haz click en
el botón"Generar Miembros". Finalmente grabamos, cerramos el diseñador y regresamos al IDE de B4A.

Finalizado el diseño haz click en "Archivo" 

"Guardar Como…", y graba la pantalla con el
nombre  020_pantalla
Actividad 3: Escribe el siguiente código tal cual se muestra en el IDE. (se muestra solo el código necesario).
Actividad 4: Haz click en "Proyecto"  "Compilar & Ejecutar" para probar la aplicación…