Adicionar um ecrã de deslocamento no PowerAppsAdd a scrolling screen in PowerApps

Crie um ecrã que os utilizadores podem deslocar para mostrar itens diferentes.Create a screen that users can scroll to show different items. Por exemplo, pode querer criar uma aplicação que apresenta dados num gráfico de colunas e num gráfico de linhas.For example, you might want to create an app that displays data in a column chart and line chart. Ao adicionar um ecrã de deslocamento, pode adicionar vários controlos, que os utilizadores podem apresentar se deslocarem o ecrã.By adding a scrolling screen, you can add multiple controls, which users can display if they scroll.

Quando adicionar vários controlos numa secção, os controlos mantêm as posições relativas nessa secção, quer se trate de uma aplicação para telemóvel ou de uma aplicação para tablet.When you add multiple controls in a section, the controls maintain their relative positions within that section, regardless if it's a phone app or a tablet app. Tenha em atenção que a orientação e o tamanho do ecrã podem determinar a forma como as secções são dispostas.Note that the screen size and orientation may determine how the sections are arranged.

Pré-requisitosPrerequisites

Criar um ecrã de deslocamentoCreate a scrolling screen

  1. No separador Base, clique ou toque em Novo ecrã:On the Home tab, click or tap New screen:

    Opção para adicionar um ecrã a uma aplicação

  2. No separador Base, clique ou toque em Esquemas e, em seguida, clique ou toque na opção para adicionar uma tela de deslocamento infinito:On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    Opção para adicionar uma tela de deslocamento infinito

    A tela é adicionada:The canvas is added:

    Um ecrã com uma tela de deslocamento infinito, tal como aparece por predefinição

Adicionar elementosAdd elements

Agora, vamos adicionar alguns controlos à tela para ver como funciona o ecrã de deslocamento.Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. Na tela que adicionou, clique ou toque em Adicionar um item do separador Inserir.In the canvas you added, click or tap Add an item from the Insert tab.

  2. No separador Inserir, clique ou toque em Gráficos e, em seguida, em Gráfico de Colunas.On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    A opção para adicionar um gráfico de colunas

    Um gráfico de colunas é apresentado no primeiro cartão no ecrã:A column chart appears in the first card on the screen:

    Gráfico de colunas predefinido

  3. No separador Inserir, clique ou toque em Texto e, em seguida, em Introdução a caneta:On the Insert tab, click or tap Text, and then click or tap Pen input:

    Opção para adicionar um controlo de caneta

  4. Mova o controlo de caneta para baixo do gráfico e redimensione o controlo de caneta para cobrir a parte inferior do cartão:Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    Mover e redimensionar o controlo de caneta

Adicionar uma secçãoAdd a section

Agora, vamos adicionar outro cartão com outro controlo.Now, let's add another card with another control.

  1. Junto à parte inferior do ecrã, clique ou toque em Adicionar secção:Near the bottom of the screen, click or tap Add section:

    Opção para adicionar uma secção

    É adicionado um novo cartão ao ecrã:A new card is added to the screen:

    Um novo cartão abaixo da secção predefinida

  2. Com o cartão ainda selecionado, aceda ao separador Inserir, clique ou toque em Gráficos e, em seguida, em Gráfico de linhas.With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    O novo gráfico é demasiado grande para ser apresentado no ecrã com os outros controlos:The new chart is too big to appear on the screen with the other controls:

    Um gráfico de linhas adicionado à parte inferior do novo cartão

  3. Prima F5 (ou clique ou toque no ícone de reprodução, junto ao canto superior direito) para abrir o Modo de pré-visualização.Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    Abrir o Modo de pré-visualização

  4. Desloque o ecrã para baixo para apresentar o novo gráfico de linhas.Scroll down to display the new line chart.

    A pré-visualização mostra o gráfico de linhas