Detección automática de enlaces para aplicaciones móviles
La integración entre una aplicación móvil y los extensos recursos de información de la web facilita la experiencia del usuario, haciéndola más cómoda y eficiente, especialmente cuando el contenido web al que se accede puede actualizarse con frecuencia.
La última versión de MobileTogether, la plataforma de desarrollo de aplicaciones móviles de bajo código de Altova, Marco de desarrollo móvil multiplataforma, Incluye soporte para la detección automática de enlaces de URLs y direcciones de correo electrónico en las etiquetas. Al hacer clic o tocar el enlace, se abre la página web correspondiente en una ventana del navegador, o se crea un nuevo borrador de mensaje en la aplicación de correo electrónico del dispositivo, todo ello en una nueva ventana sin cerrar la aplicación móvil. No se requiere ninguna codificación especial adicional por parte del desarrollador.
Veamos cómo funciona.
En MobileTogether, una etiqueta es un control de diseño que contiene texto. Su longitud puede variar desde un solo carácter hasta varias líneas de información detallada. El contenido puede ser estático, es decir, definido previamente por el desarrollador, o dinámico, basado en un elemento de la página o en un valor calculado.
Las etiquetas pueden limitarse a una sola línea, permitirse expandirse según la cantidad de texto, o el desarrollador puede establecer un número máximo de líneas que se mostrarán, lo que proporciona aún más flexibilidad al diseñar la interfaz de usuario de una aplicación.
Cada etiqueta tiene propiedades definidas individualmente, seleccionadas en la ventana de Estilos y Propiedades, como se muestra a continuación.
La propiedad de detección automática de enlaces se puede configurar para que no detecte ningún enlace, solo los enlaces explícitos, o todos los enlaces.
Hemos creado una aplicación de ejemplo para demostrar cada una de las opciones. La captura de pantalla que se muestra a continuación muestra la aplicación en ejecución dentro de la ventana del simulador de MobileTogether Designer. Cada línea de texto es una etiqueta separada, organizada en tres grupos para demostrar cada configuración de detección automática de enlaces.
El subrayado se aplica automáticamente a los enlaces detectados, y estos son clickeables.
Detección automática de enlaces en bloques de texto más extensos
Una etiqueta puede contener un bloque de texto más extenso que podría incluir múltiples enlaces. La imagen que se muestra a continuación ilustra una sola etiqueta en la que se detectan múltiples enlaces, basándose en la configuración "todos los enlaces":
Detección automática de enlaces en texto generado
El texto que se muestra en una etiqueta puede calcularse mediante una expresión XQuery. La aplicación "Where Am I" que creamos para demostrar la interacción con datos de una API externa incluye varias etiquetas con texto calculado. Aquí hay un ejemplo:
Este mecanismo permite que una subpágina de la plantilla se complete con información específica, en función de la selección del usuario. La captura de pantalla que se muestra a continuación ilustra la subpágina en funcionamiento en un dispositivo Android. La subpágina se abre como un cuadro de diálogo modal cuando el usuario hace clic en uno de los botones "Instalar/Actualizar" para editar cualquier clave de API. La función de detección automática de enlaces permite al usuario abrir la página web de la documentación del proveedor de la API en una ventana del navegador.
Pruebe usted mismo la detección automática de enlaces: descargue el programa MobileTogether Designer gratuito para comenzar a desarrollar su primera aplicación móvil multiplataforma.