---
title: "Novas funcionalidades para o design da interface de aplicações"
date: "2016-04-13"
categories: 
  - "applications"
  - "development"
  - "mobile"
tags: 
  - "app-development"
  - "apps"
  - "mobiletogether"
  - "ui-design"
description: Descubra as últimas novidades em design de interfaces de aplicações com o MobileTogether, que inclui novos elementos de controlo e funcionalidades aprimoradas para um desenvolvimento móvel mais eficiente em todas as plataformas.
---
Status: #blog

Tags:  #app-development #apps #mobiletogether #ui-design

Categories: [low-code+no-code](/blog/pt/category/low-codeno-code.md) | [mobile-development](/blog/pt/category/mobile-development.md)
# 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](https://www.altova.com/pt/mobiletogether.html) 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.

![Aplicação móvel](/blog/images/shutterstock_107715224.jpg)

<!--more-->

### 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:

 

![Simulador de desenvolvimento de aplicações](/blog/images/app-simulator.png)

 

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.

 

![Controles da aplicação móvel](/blog/images/mobiletogether-controls.png)

 

### 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](https://www.altova.com/pt/whatsnew_mobiletogether.html) 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](https://www.altova.com/blog/scrolling-tables-data-driven-mobile-apps/) que introduzimos recentemente.

 

![Mesa móvel ](/blog/images/landscape-50.png)

 

É 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.

 

![Deslizador horizontal](/blog/images/slider-1.png)

 

#### **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.

 

![Botões para enviar por e-mail e para partilhar através da aplicação](/blog/images/share-button.png)

 

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](https://www.altova.com/pt/mobiletogether.html). 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á](https://www.altova.com/pt/download/mobiletogether.html)