Manual de componentes user interface app inventor

ETIAE

MANUAL DE COMPONENTES “USER INTERFACE” APP INVENTOR 2

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

DATE PICKER Al hacer clic en este componente se pondrá en marcha un diálogo emergente que permite al usuario seleccionar una fecha.

1

Eventos Permite parametrizar lo que ocurrirá después de que el usuario seleccione la fecha en el cuadro de diálogo

Indica cual será la ejecución una vez el componente se mantenga presionado.

Permite parametrizar lo que ocurrirá una vez el componente es el elemento enfocado

Permite parametrizar lo que ocurrirá una vez el componente dejó de ser el elemento enfocado

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos Inicia el mensaje emergente de DatePicker

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Permite al usuario ajustar la fecha que se muestra cuando se abre el selector de fechas. Los valores válidos para el campo del mes son 1-12 y 1-31 para el campo día.

2 Permite al instante para ajustar el año, mes y día que se muestra cuando se abre el selector de fechas.

Propiedades

Devuelve el color de fondo del botón

El día del mes en que fue elegido el pasado mediante el Selector de fechas.

Si se establece, el usuario puede aprovechar casilla de verificación para realizar una acción.

El texto del botón se muestra en negrita.

El texto del botón se muestra en cursiva.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

El tamaño del texto del botón.

Altura del botón

Establecer la altura del botón en porcentaje

Imagen que se mostrará en el botón.

Instante de la fecha. Este instante se puede utilizar con el componente de reloj para la documentación de la fecha, la conversión y la matrícula.

El número del mes en que se tomó el último dato mediante el Selector de fechas. Tenga en cuenta que meses comienzan en 1 = Enero, 12 = diciembre.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

3

Devuelve el nombre del mes pasado que fue recogido mediante el Selector de fechas, en formato textual.

Especifica si la retroalimentación visual se debe mostrar como un botón o como una imagen de fondo.

Texto que se mostrará en el botón.

Color para el texto del botón.

Especifica si el componente debe ser visible en la pantalla. El valor es cierto si el componente está mostrando y falso si oculta.

Determinar el ancho del botón

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

4

Establecer el ancho del botón en porcentaje

El año en que se tomó el último dato mediante el Selector de fechas.

5 Traer la información de Date Picker

LIST PICKER Los usuarios pueden tocar un componente de lista de selección para elegir un elemento de una lista de cadenas de texto.

Cuando un usuario toca el botón selector, se muestra una lista de elementos de texto para que el usuario pueda elegir. Los elementos de texto se puede especificar a través del diseñador o el Editor de bloques mediante el establecimiento de la propiedad ElementsFromString mediante la concatenación de los valores separados por comas (por ejemplo, selección1, selección2, selección3 ) o mediante el establecimiento de la propiedad Elements de una List (Lista) en el editor de bloques.

Eventos

Permite parametrizar lo que ocurrirá una el usuario ha seleccionado un elemento de la lista.

Permite parametrizar lo que ocurrirá una vez el usuario ha pulsado el botón selector de la lista, pero aún no se ha seleccionado un elemento

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Permite parametrizar lo que ocurrirá una vez el botón selector de la lista se convirtió en el elemento enfocado.

Permite parametrizar lo que ocurrirá una vez el botón selector de la lista dejó de ser el elemento enfocado.

Permite parametrizar lo que ocurrirá una vez el componente se mantenga presionado.

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos Abre el selector, como si el usuario hubiese hecho clic en él.

Propiedades

Color para el fondo del botón selector.

Lista de opciones de la pantalla (como una lista)

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

6

Establecer la lista separada por comas de opciones para utilizar

7

Si se establece, el usuario puede usar el ListPicker

El texto del ListPicker se muestra en negrita.

El texto del ListPicker se muestra en cursiva.

El tamaño del texto del ListPicker

Altura del ListPicker

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Especifica la ruta de la imagen de los botones. Si hay tanto una imagen y un color de fondo, sólo la imagen será visible.

8

El color de fondo de los artículos ListPicker.

El color del texto de los artículos ListPicker.

Elemento de la lista seleccionado.

El índice del elemento seleccionado en ese momento, a partir de 1. Si no se selecciona ninguna opción, el valor será 0. Si se hace un intento para establecer a un número menor que 1 o mayor que el número de elementos en el ListPicker, SelectionIndex se establecerá en 0, y la selección se establecerá en el texto vacía.

Especifica si la retroalimentación visual se debe mostrar como un botón o como una imagen de

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

fondo.

Devuelve el estado actual de Mostrar filtro de barras que indica si se mostrará barra de búsqueda Filtros de ListPicker o no

Texto que se mostrará en el ListPicker.

Color para el texto del ListPicker.

Título que aparece en la parte superior de la lista de opciones.

Especifica si el componente debe ser visible en la pantalla. El valor es cierto si el componente está mostrando y falso si oculta.

Determinar el ancho del recuadro.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

9

Establecer el ancho del ListPicker.

10 Llamar el ListPicker

TIME PICKER Este botón permite al usuario usuario seleccionar un tiempo mediante un diálogo emergente.

Eventos Permite parametrizar lo que ocurrirá una vez el usuario ha fijado el tiempo en el diálogo emergente.

Permite parametrizar lo que ocurrirá una vez el selector de la hora se convirtió en el elemento enfocado.

Permite parametrizar lo que ocurrirá una vez el selector de la hora dejó de ser el elemento enfocado

Permite parametrizar lo que ocurrirá una vez el componente se mantenga presionado.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos

11 Inicia el mensaje emergente de TimePicker

Permite ajustar el tiempo que se mostrará cuando el selector de hora se abra. Los valores válidos para el campo de la hora son 0-23 y 0-59 para el segundo campo.

Permite ajustar la hora y los minutos al instante en que se mostrará cuando el selector de hora se abre.

Propiedades Devuelve el color de fondo del botón

Establecer que devuelve el color de fondo del botón

Habilita del botón

Muestra la letra en negrilla

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Muestra la letra en Cursiva

Muestra la letra en algún tamaño determinado

Se define la altura del componente en la interfaz del usuario

Establece la altura en porcentaje del componente en la interfaz del usuario

Ajusta la hora con el TimePicker de esta forma

Especifica la ruta de la imagen de los botones. Si hay tanto una imagen y un color de fondo, sólo la imagen será visible.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

12

Instante de tiempo. Este instante se puede utilizar con el componente de reloj para la documentación de tiempo, la conversión y la matrícula.

En el minuto de la última vez que se ajustó con el selector de tiempo

Especifica si la retroalimentación visual se debe mostrar como un botón o como una imagen de fondo.

Texto que se mostrará en el botón.

Color para el texto del botón.

Especifica si el componente debe ser visible en la pantalla. El valor es cierto si el componente está mostrando y falso si oculta.

Determinar el ancho del botón

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

13

Establecer el ancho del botón en porcentaje

14 Traer la información de TimePicker

CAMCORDER Un componente para grabar un vídeo con cámara de vídeo del dispositivo.

Eventos

Indica la acción a realizar después de grabado el video

Métodos Graba un video, a continuación, genera el evenro AfterRecording

Propiedades Llama la función Camcorder

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

CAMERA Se puede usar el componente cámara para tomar una foto con el teléfono.

La cámara es un componente no visible, que toma una fotografía con la cámara del dispositivo. Después de tomar la fotografía, la ruta al archivo en el teléfono que contiene la imagen está disponible como un argumento del evento AfterPicture.La ruta puede ser utilizada, por ejemplo, como la propiedad imagen de un componente de imagen.

Eventos

Se dispara después de tomar la fotografía. El argumento es la ruta que se puede utilizar para localizar la imagen en el teléfono.

Métodos Se abre la cámara del teléfono para permitir tomar una imagen.

Propiedades Trae la información de la Cámara

IMAGE PICKER Use un componente selector de imágenes para elegir una imagen de la galería de imágenes.

Un selector de imágenes es una especie de botón. Cuando el usuario pulsa un selector de imágenes, aparece la galería de imágenes del dispositivo, y el usuario puede elegir una imagen. Después de que el usuario elige una imagen, la propiedad ImagePath nos proporciona la ruta de la imagen. A continuación, se puede utilizar ese resultado, por ejemplo, para establecer la imagen de un botón.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

15

Eventos

El usuario ha seleccionado un elemento en el selector de la imagen

16 El usuario ha pulsado el selector de imágenes, pero aún no se ha seleccionado un elemento.

El selector de imágenes se convirtió en el elemento enfocado.

El selector de imagen ya no es el elemento enfocado.

Indica cual será la ejecución una vez el componente se mantenga presionado

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos Abre el selector, como si el usuario ha hecho clic en él.

Propiedades

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Color para el fondo de la imagen del selector.

17 Si es cierto, el selector de imagen se puede utilizar.

Si se establece, el texto del selector de imágenes se muestra en negrita.

Si se establece, el texto del selector de imágenes se muestra en cursiva.

Tamaño en puntos del texto del botón selector de imágenes.

Altura del selector de imagen

Establecer la altura del botón en porcentaje

Imagen que se mostrará en el botón selector de

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

imágenes.

Ruta de acceso al archivo que contiene la imagen que se ha seleccionado.

18 Especifica si la retroalimentación visual se debe mostrar como un botón o como una imagen de fondo.

Texto para mostrar en el botón selector de imágenes.

Color para el texto del botón selector de imágenes.

Especifica si el componente debe ser visible en la pantalla. El valor es cierto si el componente está mostrando y falso si oculta.

Determinar el ancho del botón

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Establecer el ancho del botón en porcentaje

Traer la información de ImagePicker

19

PLAYER Utilizar un componente player para reproducir un archivo de audio o video, o para que vibre el teléfono.

Player es un componente no visible, que reproduce audio o vídeo y controles de vibración del teléfono. El nombre de un archivo multimedia se especifica en su propiedad origen, que se puede establecer en el Diseñador o en el Editor de bloques. La duración del tiempo de vibración se especifica en el editor de bloques en milisegundos (milésimas de segundo).

Utilizar un componente player para reproducir archivos de sonido largos, archivos de vídeo y hacer vibrar el teléfono. Para reproducir archivos de sonido cortos, tales como efectos de sonido, use un componente sound en su lugar.

Eventos

Indica la acción a desarrollar después de que la grabación ha llegado al final.

Este evento se señala la acción a desarrollar cuando ha empezado a otra grabación (y la grabación actual se encuentra en pausa, pero no se detuvo).

Métodos Pausa la reproducción del archivo de audio o de vídeo.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Comienza la reproducción del archivo de audio o de vídeo Detiene la reproducción del archivo de audio o de vídeo.

20 Activa el motor de vibración del teléfono el número de milisegundos especificado.

Propiedades Informa que los la grabación se está reproduciendo

Configura la reproducción en bucle

Si es verdad, el reproductor hará una pausa en la reproducción al salir de la pantalla actual; si es falso (opción por defecto), el reproductor continúa ejecutándose aun cuando la pantalla actual está mostrando o no.

El "camino" para el video. Por lo general, este será el nombre del archivo de vídeo, que hay que añadir en el diseñador.

Ajusta el volumen a un número entre 0 y 100. Los valores inferiores a 0 se tratará como 0, y los valores superiores a 100 serán tratados como 100.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Llamar la información guardada en el player

SOUND Utilizar un componente de sonido para reproducir un archivo de audio, o para que vibre el teléfono.

El sonido es un componente no visible, que reproduce archivos de sonido y vibra el número de milisegundos (milésimas de segundo) que se indica en el Editor de bloques. El nombre del archivo de sonido se puede especificar en el diseñador o en el Editor de bloques.

Eventos

Configurar la acción a desarrollar, si el archivo de sonido no está definido

Métodos Detiene la reproducción del archivo de audio.

Comienza la reproducción del archivo de audio.

Reanuda la reproducción de un archivo de audio se detuvo.

Detiene la reproducción del archivo de audio

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

21

Activa el motor de vibración del teléfono el número de milisegundos especificado

Propiedades 22 El intervalo mínimo, en milisegundos, entre los sonidos.

El nombre del archivo de sonido. Sólo ciertos formatos son compatibles.

Llamar la información guardada en el Sound

SOUND RECORDER Componente multimedia que graba audio

Eventos

Proporciona la ubicación del sonido recién creado.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Indica que la grabadora se ha iniciado, y puede ser detenida.

Indica que la grabadora se ha detenido, y no puede ser iniciada de nuevo.

Métodos Inicia la grabación

Detiene la grabación

Propiedades Especifica la ruta de acceso al archivo donde se debe almacenar la grabación. Si esta propiedad donde hospedarse es la cadena vacía, a continuación, iniciar una grabación creará un archivo en una ubicación adecuada.

Llamar la información guardada en el Sound

SPEECH RECOGNIZER Utilizar un componente reconocedor de voz para escuchar el habla de usuario y convertir el sonido hablado en texto usando la función de reconocimiento de voz de Android.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

23

Eventos

Configura la acción después de reconocer la voz

24

Configura la acción antes de que el reconocedor se active

Métodos Pide al usuario hablar, y convierte la voz en texto.

Propiedades Llama el último texto producido por el reconocedor.

Llamar la información guardada en el SpeechRecognizer

TEXTO SPEECH El componente TestToSpeech habla en voz alta un texto dado. Es posible ajustar el tono y el ritmo del habla.

También puede establecer un lenguaje mediante el suministro de un código de idioma. Esto cambia la pronunciación de las palabras, no el lenguaje hablado real.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Por ejemplo, configurar el idioma francés y de habla Inglés texto va a sonar como alguien que habla Inglés (en) con un acento francés.

También puede especificar un país mediante el suministro de un código de país.

Esto puede afectar a la pronunciación. Por ejemplo, británico Inglés (GBR) sonará diferente de los Estados Unidos Inglés (EE.UU.). No todos los código de país afectará a todos los idiomas.

Los idiomas y países disponibles dependen del dispositivo en particular, y se pueden enumerar con los AvailableLanguages y propiedades AvailableCountries.

Eventos

Configurar la acción a desarrollar después del mensaje de habla

Configura la acción antes de ejecutar el mensaje hablado

Métodos

Ejecuta el mensaje dado.

Propiedades Lista de los códigos de países disponibles en este dispositivo para su uso con texto a voz.

Lista de los idiomas disponibles en este dispositivo para su uso con texto a voz.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

25

Código de país que se utilizará para generación de voz.

Esto puede afectar a la pronunciación.

26 Establece el idioma de síntesis de voz. Esto cambia la forma en que las palabras se pronuncian, no el lenguaje real que se habla.

Establece el tono de texto a voz. Los valores deben estar entre 0 y 2.

Llama el último TextToSpeech

Establece la velocidad de la voz de texto a voz. Los valores deben estar entre 0 y 2.

Llamar la información guardada en TexToSpeech

VIDEO PLAYER Utilizar un componente VideoPlayer para reproducir un archivo de vídeo.

Reproductor de vídeo es un componente multimedia que reproduce vídeos. Un reproductor de vídeo aparece en su aplicación como un rectángulo. Si el

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

usuario pulsa el rectángulo, los controles multimedia aparecen: reproducción / pausa, saltar hacia delante y saltar hacia atrás. Su aplicación puede controlar el comportamiento de la reproducción mediante una llamada a los métodos Start , Pause , y SeekTo.

Eventos

27 Indica la acción a desarrollar una vez el video haya llegado al final

Indica la acción a desarrollar si el archivo de video no se localiza

Métodos Devuelve la duración del vídeo en milisegundos.

Detiene la reproducción del archivo de vídeo

Busca el fotograma solicitado (especificado en milisegundos) en el video.

Comienza la reproducción del archivo de vídeo.

Propiedades Poner el reproductor de video en pantalla completa

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Configurar la altura del reproductor de video

Configurar la altura del reproductor de video en porcentaje

El "camino" para el video. Por lo general, este será el nombre del archivo de vídeo, que hay que añadir en el diseñador

Especifica si el componente debe ser visible en la pantalla. El valor es cierto si el componente está mostrando y falso si oculta.

Ajusta el volumen a un número entre 0 y 100. Los valores inferiores a 0 se tratará como 0, y los valores superiores a 100 serán tratados como 100.

Configura el ancho del reproductor de video

Configura el ancho del reproductor de video en porcentaje

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

28

Llamar la información guardada en VideoPlayer

YANDEX TRANSLATE Utilizar este componente para traducir palabras y frases entre diferentes idiomas.

Este componente es alimentado por el servicio de traducción de Yandex. Ver http://api.yandex.com/translate/ para más información, incluyendo la lista de los idiomas disponibles y los significados de los códigos de lenguaje y los códigos de estado.

La traducción ocurre de forma asíncrona en el fondo.

Eventos Configurar acción a desarrollar una vez se ha activado el evento. Translate devuelve el texto traducido. Este evento también proporciona un código de respuesta para el tratamiento de errores. Si el ResponseCode no es 200, entonces algo salió mal con la llamada, y la traducción no estará disponible.

Métodos Al proporcionar un idioma de destino para traducir a (por ejemplo, 'es' para español, 'es' para Inglés, o 'ru' para el ruso), y una palabra o frase para traducir, este método va a solicitar una traducción a la Yandex. traducir servicio. Una vez que el texto es traducido por el servicio externo, se ejecutará el evento GotTranslation. Nota: Yandex.Translate intentará detectar el idioma de origen. También puede especificar anteponiendo a la traducción de idiomas.

Es decir, es-ru especificará español al ruso.

Propiedades

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

29

Llamar la información guardada en YandexTranslate

CONTACT PICKER Utilizar un componente selector de contactos para que el usuario seleccione una entrada de la lista de contactos de Android.

Un selector de contactos es un botón que muestra una lista de contactos para elegir cuando el usuario lo pulsa. Después de que el usuario ha hecho una selección, quedan establecidas las siguientes propiedades:   

ContactName : el nombre del contacto seleccionado.

EmailAddress : Dirección de correo electrónico principal del contacto.

Picture : El nombre del archivo que contiene la imagen del contacto, que puede ser utilizado como imagen en otros componentes tales como Image oImageSprite.

Eventos

Se llama cuando el usuario elige un contacto.

Se llama después de selector de tomas de contacto del usuario, pero antes de la lista de contactos en la pantalla.

Seleccionador de contactos se convirtió en el elemento enfocado.

Seleccionador de contactos dejó de ser el componente focalizado

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

30

Permite parametrizar lo que ocurrirá una vez el componente dejó de ser el elemento enfocado

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos Abre el selector, como si el usuario ha hecho clic en él.

Muestra un contacto recuperado de URI

Propiedades

Color para el fondo del selector de contactos.

Nombre del contacto seleccionado.

Dirección de correo electrónico principal del contacto seleccionado.

Lista de direcciones de e-mail

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

31

Si está activado, el usuario puede pulsar el selector de contactos para efectuar la selección.

32 Si está activado, el texto del selector de contactos se muestra en negrita.

Si está activado, el texto del selector de contactos se muestra en cursiva.

Tamaño en puntos del texto del selector de contactos.

Configura la altura del componente

Configura la altura del componente en porcentaje

Imagen para mostrar en el selector de contactos.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Número de teléfono de Contacto

Imagen del contacto seleccionado.

Especifica si la retroalimentación visual se debe mostrar un botón que como una imagen como fondo

Texto para mostrar en el selector de contactos.

Color del texto del selector de contactos.

Si se establece, el selector de contactos es visible.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

33

Ancho del selector de contactos.

34 Ancho del selector de contactos en porcentaje

Llamar la función Contact Picker

EMAIL PICKER Se puede utilizar un componente selector de correo electrónico para que el usuario introduzca la dirección de un usuario de correo electrónico de la lista de contactos del dispositivo Android.

Un selector de correo electrónico es un cuadro de texto en el que un usuario puede empezar a introducir una dirección de correo electrónico de un contacto que el dispositivo se ofrecerá a autocompletar. El valor inicial del cuadro de texto y el valor tras la entrada del usuario se encuentra en la propiedad Text. Si la propiedad Text está vacía inicialmente, el contenido de la propiedadHint se mostrará en gris claro como una sugerencia para el usuario.

Eventos

El selector de correo electrónico se convirtió en el elemento enfocado.

El selector de correo electrónico dejó de ser el componente enfocado.

Métodos

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Activa el EmailPicker como si se hubiera hecho clic en el

Propiedades 35 Color para el fondo del selector de correo electrónico.

Si está activado, el usuario puede escribir en el selector de correo electrónico.

Tamaño en puntos del texto del selector de correo electrónico.

Altura del selector de correo electrónico.

Altura del selector de correo electrónico en porcentaje.

Si la propiedad Text está vacía, se muestra esta sugerencia en gris claro en el cuadro del selector de correo electrónico.

Texto inicial para mostrar en el selector de correo

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

electrónico.

Color para el texto del selector de correo electrónico.

Si se establece, el selector de correo electrónico es visible.

Ancho del selector de correo electrónico.

Ancho del selector de correo electrónico en porcentaje

Llamar el componente EmailPicker

PHONE CALL Utilice este componente para marcar el teléfono y hacer una llamada.

PhoneCall es un componente no visible que hace una llamada telefónica al número especificado en la propiedad PhoneNumber, que se puede establecer en el Diseñador o en el Editor de bloques. Se puede utilizar el método MakePhoneCallpara hacer una llamada telefónica mediante la programación de la aplicación.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

36

Este componente se utiliza a menudo con el componente ContactPicker, que permite al usuario seleccionar uno de los contactos almacenados en el teléfono y se establece la propiedad PhoneNumber para el número de teléfono del contacto.

Para especificar directamente el número de teléfono, establezca la propiedad PhoneNumber a un texto que contenga los dígitos especificados (por ejemplo, "6505551212"). El número puede ser formateado con guiones, puntos y paréntesis, sino se ignoran. No se pueden incluir espacios en el número.

Eventos

Evento que indica que una llamada telefónica entrante se responde. Número de teléfono es el número de teléfono de la llamada entrante.

Evento que indica que una llamada telefónica ha terminado. Si el estado es 1, la llamada entrante se pierde o se rechaza; si el estado es 2, llamada entrante se responde antes de colgar; si el estado es 3, llamada saliente se colgó. phoneNumber es el número de teléfono de llamada terminó.

Evento que indica que una llamada telefónica ha comenzado. Si el estado es 1, llamada entrante está sonando; si el estado es 2, se marca la llamada saliente. Número de teléfono es el número de teléfono entrante / saliente.

Métodos Marca el número especificado por la propiedad PhoneNumber

Propiedades Número de teléfono para marcarlo.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

37

Llamar el componente PhoneCall

38

PHONE NUMBER PICKER Este componente se utiliza para permitir a los usuarios elegir un número de teléfono de una lista de los números de teléfono de los contactos hallados en el dispositino Android.

Cuando el usuario pulsa un botón selector de número de teléfono, se muestra una lista de los números telefónicos almacenados en los contactos para elegir. Después de que el usuario ha hecho una selección, las siguientes propiedades se ajustará a la información sobre el contacto:    

ContactName : el nombre del contacto.

PhoneNumber : número seleccionado.

EmailAddress : Dirección de correo electrónico principal de contacto.

Picture : El nombre del archivo que contiene la imagen del contacto, que puede ser utilizado como Picture para el valor de la propiedad Image o del componente ImageSprite

Eventos

Se dispara cuando el usuario elige un número de teléfono.

Se dispara cuando el usuario abre el selector de número de teléfono y aún no ha seleccionado ningún teléfono de la lista que aparece.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Se dispara cuando el selector de número de teléfono es el elemento enfocado.

Se dispara cuando el selector de número de teléfono deja de ser el elemento enfocado.

Permite parametrizar lo que ocurrirá una vez el componente dejó de ser el elemento enfocado

Permite parametrizar lo que ocurrirá una vez el componente deje de mantenerse presionado

Métodos Abre el selector, como si el usuario ha hecho clic en él.

Llama el contacto guardado

Propiedades

Color para el fondo selector de número de teléfono.

Nombre de contacto seleccionado.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

39

Contacto guardado

Dirección de correo electrónico principal de contacto seleccionado.

40 Lista de direcciones de correo

Si está activado, el usuario puede pulsar selector de número de teléfono para usarlo.

Si se establece, el número de teléfono del selector se muestra en negrita.

Si se establece, el número de teléfono de texto selector se muestra en cursiva.

Tamaño en puntos del texto del selector de número de teléfono.

Establecer la altura del componente

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Establecer la altura del componente en porcentaje

Imagen para mostrar en selector de número de teléfono.

Número de teléfono de contacto seleccionado.

Lista de números de telefono

Imagen del contacto seleccionado.

Especifica si la retroalimentación visual se debe mostrar un botón que como una imagen como fondo.

Texto para mostrar en el selector de número de teléfono.

Color del texto del selector del número de teléfono.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

41

Si se establece, el selector de número de teléfono es visible.

42 Ancho del selector de número de teléfono.

Ancho del selector de número de teléfono en porcentaje.

Llamar al componente NumberPicker

SHARING Compartir es un componente no visible que permite compartir archivos y / o mensajes entre su aplicación y otras aplicaciones instaladas en un dispositivo. El componente mostrará una lista de las aplicaciones instaladas que pueden manejar la información proporcionada, y permitirá al usuario elegir uno para compartir el contenido con, por ejemplo, una aplicación de correo electrónico, una aplicación de red social, una aplicación de mensajes de texto, y así sucesivamente.

La ruta del archivo se puede tomar directamente de otros componentes tales como la cámara o la ImagePicker, pero también se puede especificar directamente a leer de almacenamiento. Tenga en cuenta que los diferentes dispositivos de almacenamiento tratan de manera diferente, por lo que un par de cosas para probar si, por ejemplo, usted tiene un archivo llamado arrow.gif en la carpeta AppInventor / activos, serían: "File: ///sdcard/Appinventor/assets/arrow.gif" o "/storage/Appinventor/assets/arrow.gif"

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Métodos Comparte un archivo a través de cualquier aplicación con este servicio, instalada en el teléfono mostrando una lista de las aplicaciones disponibles y permitiendo al usuario elegir uno de la lista. La aplicación seleccionada se abrirá con el archivo insertado en él.

Las acciones tanto de un archivo como de un mensaje a través de cualquier aplicación instalada con este servicio, en el teléfono mostrando una lista de aplicaciones disponibles y permitiendo al usuario elegir uno de la lista. La aplicación seleccionada se abrirá con el archivo y el mensaje insertado en él.

Comparte un mensaje a través de cualquier aplicación instalada con este servicio en el teléfono mediante la visualización de una lista de las aplicaciones disponibles y que permite al usuario elegir uno de la lista. La aplicación seleccionada se abrirá con el mensaje insertado en él.

Propiedades Llamar al componente Sharing

TEXTING Este componente permite a los usuarios enviar y recibir mensajes de texto.

Cuando se llama al método SendMessage, el componente de mensajes de texto envía el mensaje de texto que se especifica en la propiedad Message al número de teléfono especificado en la propiedad PhoneNumber. El componente de mensajes de texto puede recibir mensajes de texto a menos que la propiedad ReceivingEnabled sea False. Cuando llega un mensaje, se produce el evemto MessageReceived que proporciona el número de teléfono del remitente y el mensaje.

Este componente se utiliza a menudo con el componente ContactPicker, que permite al usuario seleccionar uno de los contactos almacenados en el teléfono y se establece la propiedad PhoneNumber con el número de teléfono del

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

43

destinatario.

Para especificar directamente el número de teléfono, se puede establecer la propiedad PhoneNumber con los dígitos necesarios (por ejemplo, "6505551212"). El número puede ser formateado con guiones, puntos y paréntesis, que se ignoran. Sin embargo, no se pueden incluir espacios en el número.

44

Eventos

Se dispara al recibir un mensaje. Los argumentos contienen el mensaje de texto recibido y el número del remitente.

Métodos Envía el texto especificado por Message al número que figura en la propiedead PhoneNumber .

Propiedades Si esto es cierto, entonces SendMessage intentará enviar mensajes a través de Wi-Fi a través de Google Voice. Esto requiere que la aplicación Google Voice debe estar instalada y configurada en el teléfono o tableta, con una cuenta de Google Voice. Si GoogleVoiceEnabled es falsa, el dispositivo debe tener servicio de teléfono y mensajes de texto con el fin de enviar o recibir mensajes con este componente.

Texto del mensaje que se enviará.

Número de teléfono del destinatario del mensaje de texto.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

Si se establece a verdadero, el componente puede recibir mensajes de texto

TWITER Este componente permite a los usuarios interactuar con Twitter.

Este componente no visible permite la comunicación con Twitter. Los métodos incluidos permiten efectuar búsquedas ( SearchTwitter ) y acceder a Twitter ( Authorize). Una vez que un usuario ha iniciado la sesión y dicho inicio ha sido confirmado con éxito por el evento IsAuthorized, se pueden utilizar los siguientes métodos:  Establecer el estado del usuario conectado ( SetStatus ).  Enviar un mensaje directo a un usuario específico ( DirectMessage ).  Recibir los mensajes directos más recientes ( RequestDirectMessages ).  Sigue a un usuario ( Follow ).  Dejar de seguir un usuario ( StopFollowing .)  Obtener la lista de usuarios que siguen a un usuario ( RequestFollowers ).  Obtener los mensajes más recientes de los usuarios seguidos ( RequestFriendTimeline ).  Obtener las menciones más recientes del usuario conectado ( RequestMentions ).

En general, se llama a uno de estos métodos y el resultado estará disponible cuando el correspondiente evento de recepción se dispare. Por ejemplo, si usted llama al método RequestFollowers , entonces el evento FollowersReceived se disparará cuando la lista de seguidores está disponible. Esto puede tardar un rato, porque la solicitud va a través de Internet y el resultado puede incluso no llegar a estar disponible nunca, por ejemplo, cuando el dispositivo no está conectado a la red o el sitio web de Twitter se halle caído.

El inicio de sesión se maneja mediante el protocolo OAuth, que es requerido

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

45

por la API de Twitter ( dev.twitter.com/pages/auth ) . Una aplicación de App Inventor que necesita hacer llamadas a la API de Twitter en nombre de un usuario autenticado, primero debe llamar al método Authorize . Esto provoca que se presente una página de inicio de sesión de Twitter, que permitirá al usuario ingresar su nombre de usuario y contraseña, en caso necesario, y proporciona las credenciales adecuadas para el componente Twitter de la aplicación. Una vez que el componente Twitter tiene las credenciales el evento IsAuthorized se dispara de modo que se informe a la aplicación que puede proceder a efectuar llamadas a la API de Twitter. El único método del componente Twitter que no requiere que el usuario se acredite es SearchTwitter . Una aplicación de Twitter conserva las credenciales a través de las invocaciones, así que puedeno ser necesario que el usuario inicie sesión cada vez que utilice la aplicación. Reinstalar la aplicación borrará las credenciales, de igual modo que ocurre al invocar el método DeAuthorize. Un usuario también puede revocar la autorización para una aplicación desde el sitio web de Twitter, a través de la página de configuración. Para comprobar si una aplicación ya cuenta con credenciales válidas, utilice el método CheckAuthorized.

Eventos

Se dispara cuando todos los mensajes directos solicitados con RequestDirectMessages se han recuperado.

Se dispara cuando todos los seguidores solicitados con RequestFollowers se han recuperado.

Se dispara cuando la cronología solicitada con RequestFriendTimeline se ha recuperado. Cada elemento en sí es una lista cuyo primer elemento es un nombre de usuario y cuyo segundo elemento es un estado de Twitter por ese usuario.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

46

Se dispara después de que el programa llame al método Authorize y una vez la acreditación se ha realizado correctamente. También se dispara después de llamar al método CheckAuthorized si ya se poseen unas credenciales válidas. Después de que este evento se haya disparado, cualquier otro método para este componente puede ser invocado.

Se le llama cuando todas las menciones al usuario que se han solicitado con RequestMentions se han recuperado.

Se le llama cuando la búsqueda solicitada con SearchTwitter se ha completado.

Métodos Presenta una página de inicio de sesión de Twitter para que el usuario puede autorizar el acceso. IsAuthorize se dispara cuando la acreditación se ha completado con éxito.

Comprueba si ya tenemos acceso, y si es así, el evento IsAuthorized se disparará.

Elimina la autorización para esta instancia de la aplicación en ejecución. El usuario tendrá que acreditarse de nuevo para utilizar cualquier método del componente Twitter que no sea SearchTwitter

Envía el mensaje especificado al usuario proporcionado.

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

47

Empieza el seguimiento del usuario proporcionado.

Recupera los mensajes directos al usuario más recientes.

Recupera la lista de seguidores del usuario.

Recupera los 20 mensajes más recientes en su cronología. Devuelve una lista de elementos ordenados (sub-listas), donde cada elemento contiene un nombre de usuario y un mensaje de estado.

Recupera la mayoría de las menciones al usuario.

Busca en Twitter el texto proporcionado.

Deja de seguir al usuario proporcionado.

Esto envía un tweet como el usuario que ha iniciado sesión con el texto especificado, que se recorta si es superior a 160 caracteres.

Requisitos: Esto sólo se debe llamar después del evento IsAuthorized se ha planteado, lo que indica que el usuario ha iniciado la sesión correctamente a Twitter.

Esto envía un tweet como el usuario que ha iniciado sesión en el texto especificado y una ruta a la imagen que va a cargar, que se recorta si es superior a 160 caracteres. Si no se encuentra una imagen o no válido, no se enviará la actualización.

Requisitos: Esto sólo se debe llamar después del evento IsAuthorized se ha planteado, lo que indica

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

48

que el usuario ha iniciado la sesión correctamente a Twitter.

Propiedades La identificación Consumer Key de la aplicación, obtenida en twitter.com/oauth_clients/new como se ha descrito antes.

La identificación Consumer Secret de la aplicación, obtenida en twitter.com/oauth_clients/new como se ha descrito antes.

Mensajes directos en Twitter del usuario.

Lista de seguidores en Twitter del usuario.

Cronología de los mensajes en Twitter del usuario.

Lista de los mensajes que mencionan al usuario

Resultados de la consulta en Twitter.

El nombre de usuario autorizado. Vacía si no hay ningún usuario autorizado.

Llamar el componente Twitter

INGENIERÍA DE SOFTWARE- DESARROLLO DE APLICACIONES MOVILES | Carolina Gil, Hernan Fiallo y Fernanda Botía,

49