Novas funcionalidades para o design da interface de aplicações

Como diz o ditado, "Só se tem uma oportunidade de causar uma primeira impressão." Este conselho antigo continua relevante hoje em dia em inúmeros contextos, até mesmo quando se trata de aplicações móveis. Uma aplicação bem-sucedida é uma extensão da mão do utilizador, e uma interface de utilizador (UI) bonita e funcional é o que torna essa ligação perfeita. O MobileTogether torna mais fácil do que nunca criar interfaces de utilizador sofisticadas para gerir a lógica de programação complexa. Na sua versão mais recente, adicionámos ainda mais opções para desenvolver interfaces intuitivas para aplicações nativas iOS, Android e Windows.

Design de interface de aplicações

O design de interface (UI) no MobileTogether é bastante peculiar: o seu layout único é traduzido simultaneamente para todas as plataformas, e pode gerar código para aplicações nativas iOS, Android, Windows Phone e Windows 8/10 – tudo com base nesse mesmo design. Pode personalizar o seu design para cada sistema operativo, ou não. De qualquer forma, o MobileTogether renderiza automaticamente os elementos do seu design para cada sistema operativo e para o tamanho do dispositivo em questão. Enquanto trabalha, o simulador integrado permite-lhe ver como a sua interface irá parecer em cada plataforma, até ao nível do dispositivo:

Pode começar o design da sua interface arrastando um dos muitos elementos de controlo integrados para a área de design, e depois conectando os dados do sistema e definindo o processamento desses dados.

Novos elementos de interface de utilizador

Com cada nova versão do produto, adicionamos uma série de funcionalidades solicitadas pelos desenvolvedores Última versão do MobileTogether foram introduzidas mais de 30 novas funcionalidades, incluindo alguns novos elementos de interface de utilizador:

Linha vertical

A nova linha vertical de controlo complementa a linha horizontal existente e pode ser utilizada em tabelas para enfatizar a separação e o alinhamento das colunas, como demonstrado abaixo. Esta é apenas uma das muitas novas funcionalidades para a criação e visualização de tabelas em aplicações móveis que introduzimos recentemente.

É fácil definir linhas verticais simplesmente arrastando o controlo até ao ponto de inserção desejado na sua interface.

Controlo deslizante

O controlo deslizante horizontal, que é bastante comum, é geralmente utilizado para permitir que os utilizadores selecionem um valor dentro de um intervalo pré-definido, entre um valor mínimo e um valor máximo. A posição do cursor indica, de forma geral, a escolha do utilizador, mesmo sem uma escala de valores, como o exemplo do controlo deslizante que indica o nível de danos numa aplicação de entrega de encomendas, mostrado abaixo.

Botões para enviar por e-mail e para partilhar

Para acompanhar a nova funcionalidade "Share Action" introduzida no MobileTogether 2.1, os desenvolvedores podem agora definir botões com ícones de "Enviar por e-mail" e "Partilhar" que os utilizadores reconhecem imediatamente. Abaixo, apresentamos capturas de ecrã do mesmo aplicativo no iOS e no Android. Note que os ícones nativos de "partilhar" e "enviar por e-mail" são utilizados automaticamente para cada plataforma.

Estes novos controlos complementam as funcionalidades existentes para a criação de interfaces de utilizador apelativas para as suas aplicações móveis, focadas em dados, no ambiente MobileTogether. Combinados com a programação de back-end altamente sofisticada que este framework permite, a sua aplicação móvel certamente causará uma excelente impressão nos utilizadores finais.

O MobileTogether Designer é gratuito – experimente já