Detecção automática de links para aplicações móveis

A integração entre uma aplicação móvel e os vastos recursos de informação da internet torna a experiência do utilizador mais prática e eficiente, especialmente quando o conteúdo da web a que se acede pode ser atualizado com frequência.

A versão mais recente do MobileTogether, a plataforma de desenvolvimento de aplicações móveis de baixo código da Altova, oferece.. Framework de desenvolvimento móvel multiplataforma, Inclui suporte para a deteção automática de links de URLs e endereços de e-mail em etiquetas. Clicar ou tocar no link abre a página do site correspondente numa janela do navegador, ou como uma nova mensagem rascunho na aplicação de e-mail do dispositivo, numa nova janela, sem sair da aplicação móvel. Não é necessário nenhum código especial adicional por parte do desenvolvedor.

Vamos ver como funciona.

Num ambiente MobileTogether, um rótulo é um elemento de interface que exibe texto. O seu tamanho pode variar desde um único caractere até várias linhas de informação detalhada. O conteúdo pode ser estático – definido previamente pelo programador – ou dinâmico, com base num elemento da página ou num valor calculado.

As etiquetas podem ser limitadas a uma única linha, podem expandir-se consoante a quantidade de texto, ou o programador pode definir um número máximo de linhas a exibir, o que proporciona ainda mais flexibilidade no design da interface de um aplicativo.

Cada etiqueta possui propriedades definidas individualmente, selecionadas na janela de Estilos e Propriedades, como se pode ver abaixo.

A propriedade "Detecção Automática de Links" pode ser definida como "nenhum", "links explícitos" ou "todos os links".

Criámos uma aplicação de exemplo para demonstrar cada opção. A captura de ecrã abaixo mostra a aplicação a funcionar na janela do Simulador do MobileTogether Designer. Cada linha de texto é um rótulo separado, organizado em três grupos para demonstrar cada configuração de deteção automática de links.

O sublinhado é aplicado automaticamente aos links detetados e estes são clicáveis.

Detecção automática de hiperligações em blocos de texto mais extensos

Uma etiqueta pode conter um bloco de texto mais extenso, que poderá incluir vários links. A imagem abaixo mostra uma única etiqueta onde vários links foram detetados, com base na configuração "todos os links":

Detecção automática de hiperligações em texto gerado

O texto de uma etiqueta pode ser calculado com base numa expressão XQuery. A aplicação "Onde estou?" que criámos para demonstrar a interação com dados de APIs externas inclui várias etiquetas com texto calculado. Aqui está um exemplo:

Este mecanismo permite que uma subpágina de modelo seja preenchida com informações específicas, com base na seleção do utilizador. A captura de ecrã abaixo mostra a subpágina a funcionar num dispositivo Android. A subpágina abre-se como uma caixa de diálogo modal quando o utilizador clica num dos botões "Instalar/Atualizar" para editar qualquer chave de API. A funcionalidade de deteção automática de links permite ao utilizador abrir a página Web da documentação do fornecedor da API numa janela do navegador.

Experimente a deteção automática de links por si mesmo – descarregue o MobileTogether Designer gratuitamente para começar a desenvolver a sua primeira aplicação móvel multiplataforma!