|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 WAMP - PHP - MySQL
  Estación meteorológica Cosas de Windows Webs interesantes Arduino
  AutoIt (Programación) Visual Basic Script (VBS) Translate:
Búsqueda en este sitio:


Nuevo concurso para España, Argentina, Brasil, Chile, Colombia, Ecuador, México, Perú y Portugal.

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

- Trucos y sugerencias. Tips and Trick App inventor.

_________________________________________________
1.- Reiniciar pantalla.

- A veces nos encontramos con la necesidad de reiniciar la pantalla porque hemos cambiado algo en el código de bloques y queremos ver como actúa al iniciar la pantalla.

- Para ello vamos a la parte de Diseño y cambiamos algo simple, por ejemplo poner una Etiqueta en negrita o en cursiva, o bien poner un Botón, para luego más tarde quitarlo.

- Cada vez que cambiamos algo en la pantalla de Diseño, se reinicia la pantalla.

_________________________________________________
2.- Nombre de los componentes.

- En estos tutoriales de aprendizaje suele mantener el nombre del componente Botón1, Botón2,... Etiqueta1, Etiqueta2,... CampoDeTexto1, CampoDeTexto2,...

- Sin embargo es aconsejable que cada componente tenga un nombre apropiado a su función. La metodología aconseja que el nombre del componente comience por tres letras indicando el tipo de componente:

- btn_Apagar
- etq_Resultado
- cdt_Nombre
- img_Foto
- not_Aviso
- des_kilometros
- ...

_________________________________________________
3.- Establecer las propiedades.

- Cuando sacamos un componente a la pantalla de Bloques, muchas veces es más rápido sacar cualquier Propiedad, en este caso ColorDeTexto, y luego cambiarla en el desplegable.

- Así mismo, también es más cómodo copiar y pegar componentes y bloques que sacarlos de la columna de componentes.

_________________________________________________
4.- Pantalla de inicio.

- Muchas veces comenzamos una aplicación en la Screen1 y luego se nos antoja poner un menú o una pantalla de portada. No lo podemos hacer porque siempre arrancará en la Screen1.

- Una idea es crear una nueva ventana, hacer un Diseño como el que tenemos en la Screen1 y luego copiar los Bloques de la Screen1 en la Mochila y pegarlos en la otra ventana. Después poner en la Screen 1 la portada.

- En los tutoriales también hay uno donde explico cómo cambiar el nombre de las pantallas entrando en el archivo .aia de la aplicación.

_________________________________________________
5.- No puedo borrar componentes en Diseño de App inventor.

- En el Chrome ve a Configuración o escribe chrome://settings/

- Ve a la parte de abajo de la página y pulsa donde pone Mostrar configuración avanzada...

- Ve más abajo de esa página donde pone:

Restablecer configuración

Restablece los ajustes a la configuración predeterminada original

pulsa el botón de "Restablecer configuración"

_________________________________________________

6.- Poner muchos componentes.

 

- A veces queremos poner muchos compentes en la pantalla y no caben.

- Vamos a las Propiedades de la Screen1 y marcamos Enrollable.


_________________________________________________
7.- Iconos.

- Podemos poner un Icono a nuestra aplicación. Se verá cuando la instalemos en el móvil.

- El icono debe tener un tamaño de 48 x 48 pixel.

- Con el MsPaint podemos construir un icono y poner el tamaño requerido.

- También hay muchas web de donde podemos copiar iconos: http://www.iconarchive.com/

_________________________________________________
8.- Tamaño de las imágenes.

- A veces Subimos al Diseño de nuestra aplicación imágenes de gran tamaño y peso. Por ejemplo hacemos un foto y obtenemos una imagen .jpg de 2 MB y un tamaño de 1200x800 y Subimos esa imagen al Diseño.

- La aplicación cargará lenta o incluso no cargará, la imagen hará que la aplicación tenga un gran tamaño, todo esto dará muchos problemas.

- Debemos tomar esa foto y editarla con un Editor gráfico, por el ejemplo en MsPaint. Le cambiamos el tamaño, que no sea una imagen tan grande.

- Así que cuando tengamos imágenes de tran tamaño y peso, antes de Subirlas al Diseño, deben pasar por un Editor gráfico para hacerlas más pequeñas.

_________________________________________________
9.- Nombre de la aplicación.

- En el AppName, NO pongas acentos, ni eñes ni caracteres especiales. Solo texto plano.

_________________________________________________
10.- El Visor web no funciona con formularios.

- Si quieres ver una página web que tenga formularios, cámara, identificación,... y no te funcione con el VisorWeb, introduce un ActivityStarter y le pones la Propiedad:

android.intent.action.VIEW

y la página donde quieres entrar como indico en la figura:

_________________________________________________
11.- Zoom en la zona de Bloques.

- Si tienes muchos Bloques y quieres verlos todos, pulsa la tecla CONTROL y mueve la ruedecilla del ratón, se agrandará o disminuirá la pantalla del navegador web.

- También puedes pulsar la tecla CONTROL y a la vez la tecla + o la tecla -.

_________________________________________________
12.- VisorDeLista a pantalla completa.

- En la Propiedad Altura pones 100 percent.

_________________________________________________
13.- Aplicación para ver el uso de la CPU.

- Trepn profile.

_________________________________________________
14.- Concepts Cards.

- Listado de conceptos básicos en inglés.

App Inventor Concept Cards

_________________________________________________
15.- Propiedades de la Screen.

- En la Pantalla tenemos Propiedades interesante, podemos poner o quitar el Título de la pantalla y la BarraDeEstado.

- También podemos poner Enrollar si la pantalla es muy larga y no caben los componentes.

- Prueba poner una imagen de fondo y un icono.

- Establece distintas formas de entrada y salida de la pantalla.

_________________________________________________
16.- Componentes invisible en el inicio. Tamaño Tablet.

- Podemos poner en la pantalla componentes y desmarcar Visible para que no se ven al iniciar la pantalla.

- Pero podemos conseguir que se vean mientras estamos Diseñando marcando en Mostrar en el Visor los componentes ocultos.

- Por otra parte si marcamos en las Propiedades: Sizing: Responsive.

- Podemos también marcar: No marcar para previsualizar el tamaño... y vermos la pantalla de tamaño de Tablet.

_________________________________________________
17.- Cambiar de línea o renglón. Poner varias líneas en el CampoDeTexto.

- Para cambiar de línea o renglón en App inventor utilizamos los caracteres: \n

- Por ejemplo si queremos cambiar renglones en una Etiqueta ponemos:

Hola amigo \n ¿cómo estás? \n espero que bien.

Hola amigo
¿cómo estás?
espero que bien.

Se puede poner renglones vacíos: Hola amigo \n\n\n ¿cómo estás?

- En un CampoDeTexto marcamos su Propiedad: Multiline y podremos escribir varios renglones.

_________________________________________________
18.- Acentos en la variables.

- Aunque App inventor acepta nombres de variables con acentos: área, solución, tamaño,... es mejor evitarlos ya que en muchos lenguajes de programación no se permite el acento ni la eñe en el nombre de las variables.

- Igualmente tenemos que tener cuidado con el separador decimal. Normalmente se utiliza el punto: 3.1416

_________________________________________________
19.- Crear directorio.

- App inventor no tiene ningún bloque para crear directorio. La manera de crearlo es insertando un Lienzo.

- Para probar este truco en el Diseño inserta un Botón1, un Lienzo1 y un Archivo1.

- Luego en los bloques pones esto:

- El archivo "borrame.jpg" no hace falta subirlo, solo es un elemento auxiliar, lo ponemos y lo borramos.

- Si no quieres que se vea el Lienzo, le pones de tamaño Alto y Ancho 1 pixel.

- Si consultas la SdCard, observarás que se ha creado el directorio: midirectorio.

_________________________________________________
20.- Comprobar si un archivo existe.

- Para comprobar si un archivo existe podemos utilizar el bloque Screen.Error.

- Consulta el tutorial: 8W_comprobar_archivo_existe.htm

_________________________________________________
21.- Poner "Ajustar al contenedor", desde los bloques.

- "Ajustar al contenedor" pone un componente con el Ancho o el Alto del

_________________________________________________
22.- Lienzo a tamaño completo de pantalla.

- Para que el Lienzo esté a tamaño completo, la Propiedad Enrollable de la Screen debe estar desmarcada, además su ancho debe ajustarse al contenedor.

_________________________________________________
23.- Ocultar una imagen en la Galería.

- Para ocultar una imagen en la Galería, hacemos que su nombre comience por punto, por ejemplo: .foto.jpg

- O bien le cambiamos la extensión foto.abc

_________________________________________________
24.- Iconos.

- El icono de la aplicación debe tener un tamaño de 48 x 48 píxeles.

- Hay muchas web para construir iconos y para pasar de imágenes a iconos:

https://icoconvert.com/

http://www.xiconeditor.com/

 

 

- Interesante en inglés.

https://groups.google.com/forum/#!msg/mitappinventortest/fLiMEfPh09Q/1Ia0AaQEXogJ

_________________________________________________
25.- Número de teléfono con #.

- A veces queremos poner un número de teléfono que contiene # y no funciona correctamente, el truco es cambiar la # por su código %23

_________________________________________________
26.- De dónde puedo bajar aplicaciones apk.

- En apkmirror.com hay muchas, si queres bajar el shazam, periscope, Whatsapp, etc... lo puedes hacer desde: APK Mirror

_________________________________________________
27.- Quitar paréntesis.

- Supongamos que tenemos una variable de esta manera: (1, 2, 3, 4, 5, 6) y queremos quitarle los paréntesis, podemos hacerso así:

_________________________________________________
28.- Bloque Y en horizontal y vertical. Entradas Externas y Entradas Internas.

- Podemos poner el Bloque de comparación Y en vertical o en horizontal pulsando con el botón derecho del ratón sobre el bloque y luego eligiendo "Entradas Externas" o "Entradas Internas".

- Ejemplo de ubicación horizontal y vertical.

- Esta opción de "Entradas Externas" y "Entradas Internas", es decir para poner los elementos en horizontal o vertical, no solo la tiene los bloque lógicos, también lo tienen muchos otros como la suma, multiplación, mover a X Y,... etc., simplemente pulsa con el botón derecho del ratón en un bloque y si sale la opciones de entradas externas o internas, puedes elegir la que te interese.

- Ejemplos de presentación de suma en horizontal y vertical. También lo podemos hacer con otros bloques como el MoverA.

___________________________________________
29.- Guarda tus proyectos .aia en tu ordenador.

- Puede ocurrir que el servidor de App Inventor tenga algún error y se pierda tu colección de aplicaciones, por eso es conveniente que además de estar el archivo .aia en el servidor de App Inventor, también lo bajes y guardes en tu ordenador.

- Otra cosa que ha ocurrido con frecuencia es que han estado construyendo una aplicación durante un largo tiempo y un error de una tecla mal pulsada y de cualquier otro tipo se borren los bloques que has construido y no lo puedas recuperrar, por eso es conveniente cada cierto tiempo pulsar en "Proyectos / Guardar proyectos como..." y tener varias copias según vamos avanzando en nuestra aplicación.

_________________________________________________
30.- Que no se cierre la aplicación.

- Hay varios trucos para que no se cierre la aplicación. Si mantenemos algún componente como el Reproductor de sonido o el Reloj funcionando, la ventana de la aplicación siempre estára activa y no se cerrará.

- Este es un truco que podemos ver en los foros oficiales de App inventor. Consiste en poner un Reloj y un tiempo de 30 segundos... un minuto... en fin, dependiendo del tiempo que tengas configurado tu móvil para que se apage automáticamente si no le produces ningún evento. Pongamos el IntervaloDelTemporizador en 30 segundos, es decir ponemos el número 30000.

- Por otra parte ponemos el Notfiicador Blanco, para que no se vea.

- Cada 30 segundos saltará el Notificador, no se verá y nuestra aplicación no se cerrará.

_________________________________________________
31.- Servidores alternativos.

- Si tienes problema con el servidor de App Inventor, inténtalo con este:

http://code.appinventor.mit.edu/?locale=es_ES

-----------------------------------------------------------------------------

- Web para probar zoom de la zona de trabajo, deshacer, rehacer, limpiar los bloques, poner rejilla, enclavar en la rejilla.

http://ai2-test.appinventor.mit.edu

- Esta es una página de pruebas para las nuevas versiones de App Inventor, entre las novedades observamos que podemos ampliar o empequeñecer la ventana de Bloques. Además podemos Deshacer operaciones de borrado de bloques, pulsa con el Botón derecho del ratón en el espacio de trabajo.

- Insisto que es una versión de pruebas, es conveniente que si construyes alguna aplicación, guardes el archivo .aia en tu ordenador, ya que en cualquier momento puede desaparecer esta página de pruebas.

-----------------------------------------------------------------------------

- Esta es otra web de pruebas, en este caso es para probar los Servicios:

http://services.appinventor.mit.edu

- Es solo de pruebas, en cualquier momento la puedes deshabilitar. Si haces aplicaciones en esa web, es conveniente que guardes los archivos .aia en tu ordenador.

_________________________________________________

 

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información