--- title: "Tabelas com rolagem para aplicações móveis orientadas a dados" date: "2016-04-11" categories: - "development" - "mobile" - "tools" tags: - "android" - "data-driven-apps" - "ios" - "mobile-development" - "mobiletogether" description: Descubra como o MobileTogether 2.1 otimiza o desenvolvimento de aplicações móveis, com tabelas de rolagem que permitem uma apresentação eficaz de dados em ecrãs pequenos, em diversas plataformas. --- Status: #blog Tags: #android #data-driven-apps #ios #mobile-development #mobiletogether Categories: [mobile-development](/blog/pt/category/mobile-development.md) | [low-code+no-code](/blog/pt/category/low-codeno-code.md) # Tabelas com rolagem para aplicações móveis orientadas a dados Os utilizadores de dispositivos móveis exigem sempre o máximo de informação da forma mais conveniente, mas o tamanho reduzido dos ecrãs pode obrigar a compromissos. Os desenvolvedores de aplicações móveis enfrentam o desafio de integrar dados, elementos de navegação e informações de apoio num layout agradável, ou correm o risco de frustrar os utilizadores finais, que podem ser clientes, colegas ou executivos de topo. O MobileTogether 2.1 introduz tabelas com rolagem e outras [novas funcionalidades inovadoras](https://www.altova.com/pt/whatsnew_mobiletogether.html) para ajudar os desenvolvedores a criar aplicações que apresentem os dados de forma elegante e que funcionem da mesma forma em todos os dispositivos. ![shutterstock_160560011](/blog/images/shutterstock_160560011-1.jpg) ### Tabelas com rolagem O MobileTogether 2.1 permite que os programadores definam tabelas que podem ser percorridas horizontalmente ou verticalmente, com um cabeçalho e um rodapé que permanecem em posições fixas. A rolagem horizontal permite que os programadores exibam mais colunas de uma tabela larga, sem reduzir o tamanho do texto a um tamanho ilegível. A rolagem vertical pode permitir que informações importantes permaneçam visíveis no ecrã em todos os momentos, melhorando a clareza. A rolagem vertical é especialmente útil para tabelas com linhas repetidas, uma vez que o programador não sabe, durante a fase de desenvolvimento, quantas linhas de dados podem ser exibidas no ecrã de cada utilizador. A seguir, apresenta-se uma tabela simples com 4 colunas e linhas repetidas, criada no MobileTogether Designer: ![Tabela com linhas repetidas no MobileTogether](/blog/images/table-designer-view-1.png) No diálogo "Nova Tabela", definimos o número de colunas, o número de linhas (que pode variar) e as linhas de cabeçalho e rodapé. Em seguida, adicionámos rótulos à coluna de cabeçalho, elementos de controlo ao rodapé e especificámos propriedades para os tamanhos e cores do texto. Podemos implementar a rolagem vertical definindo a altura máxima da tabela na janela de ajuda "Estilos e Propriedades", e depois escolhendo se a tabela inteira deve ser rolada, ou apenas as linhas internas, entre o cabeçalho e o rodapé. A altura máxima pode ser definida como uma percentagem, um número específico de pixels, ou pode optar por preencher automaticamente o restante da tela. ![Propriedades para tabelas com rolagem no MobileTogether](/blog/images/properties-1.png) Para os desenvolvedores que desejam maximizar a área visível do ecrã para apresentar dados, o MobileTogether 2.1 inclui uma nova propriedade "Página" que permite ocultar a barra de título da página: ![Ocultar a barra de título para maximizar a área visível em dispositivos pequenos](/blog/images/title-bar-false.png) A barra inferior azul clara da nossa tabela contém elementos de navegação que permitem ao utilizador selecionar um mês ou ano diferente. A coluna do ano, localizada no centro da barra inferior, foi criada utilizando o botão "Join" (Juntar) na barra de ferramentas do MobileTogether para combinar as colunas 2 e 3 numa área de controlo mais ampla. É possível juntar colunas horizontalmente ou verticalmente, ou separá-las novamente mais tarde, caso mude de ideias. É possível até mesmo inserir uma tabela inteiramente nova dentro de uma célula existente para criar uma tabela hierárquica e projetar o layout perfeito para dados complexos. ![Combine células de tabelas para criar layouts de tabelas personalizados no MobileTogether](/blog/images/join-split-2.png) ### Linhas verticais O MobileTogether 2.1 também introduz um novo controlo de linha vertical. Se pretende adicionar uma linha vertical entre as colunas de qualquer tabela, basta selecionar uma da janela de auxiliares de controlos e arrastá-la para a posição desejada, como se pode ver na visualização do designer abaixo. A linha vertical é inserida numa nova coluna da tabela, e pode definir a propriedade de largura da coluna como "wrap_content" para que ela ocupe o espaço mínimo necessário. ![Adicionar linhas verticais a tabelas com rolagem no MobileTogether](/blog/images/vertical-rule.png) As propriedades das linhas verticais podem ser ajustadas da mesma forma que as linhas horizontais. A janela "Estilos e Propriedades" de cada linha vertical permite especificar a espessura da linha, o estilo, a cor, e as margens esquerda e direita, em pixels. O MobileTogether permite definir a visibilidade de qualquer componente com base na orientação do dispositivo. A tabela de 6 colunas mostrada acima é uma versão alternativa que só será exibida em orientação horizontal, como indicado pelo ícone de paisagem no lado esquerdo. A nossa tabela original de 4 colunas pode ser configurada para ser exibida apenas em modo vertical. A captura de ecrã abaixo mostra a aplicação final de tabelas com rolagem, em funcionamento num telemóvel Android, posicionado na horizontal. O utilizador pode percorrer as linhas de dados através de movimentos verticais dentro da tabela, e os restantes elementos permanecem na mesma posição. Os controlos "-" e "+" no rodapé são ferramentas de navegação para selecionar o mês anterior ou o mês seguinte. ![Tabelas com rolagem, visualizadas num telemóvel Android, utilizando a tecnologia MobileTogether](/blog/images/landscape-50.png) Um dispositivo com um tamanho de ecrã diferente pode mostrar mais ou menos linhas de dados, mas a tabela continua a ocupar a altura máxima que definimos em percentagem: ![Tabelas com rolagem, visualizadas no simulador do iPhone, utilizando a funcionalidade MobileTogether](/blog/images/iPhone-Simulator.png) O programa MobileTogether Designer é gratuito, por isso, [descarregue uma cópia](https://www.altova.com/pt/download/mobiletogether-designer.html) hoje mesmo e comece a usar tabelas com rolagem para criar a sua própria aplicação móvel, que funcione em diferentes plataformas e que seja baseada em dados!