Crie uma tela que os usuários podem rolar para mostrar itens diferentes. Por exemplo, você talvez queira criar um aplicativo que exibe dados em um gráfico de colunas e um gráfico de linhas. Adicionando uma tela de rolagem, você pode adicionar vários controles, os quais os usuários podem exibir se eles rolarem a tela.

Quando você adiciona vários controles em uma seção, os controles mantêm suas posições relativas dentro dessa seção, independentemente se ele é um aplicativo de telefone ou um aplicativo de tablet. Observe que o tamanho da tela e a orientação podem determinar como as seções são organizadas.

 

Pré-requisitos

Criar uma tela com rolagem

  1. Na guia Página Inicial, clique ou toque em Nova tela:

    Opção de adicionar uma tela em um aplicativo

  2. Na guia Página Inicial, clique ou toque em Layoutse, em seguida, clique ou toque na opção de adicionar uma tela de rolagem infinita:

    Opção de adicionar uma tela de rolagem infinita

    A tela é adicionada:

    Uma tela com uma tela de rolagem infinita, conforme a exibição padrão

Adicionar elementos

Agora, vamos adicionar alguns controles à tela para ver como funciona a tela de rolagem.

  1. Na tela que você adicionou, clique ou toque em Adicionar um item da guia Inserir.

  2. Na guia Inserir, clique ou toque em Gráficos e, em seguida, clique em Gráfico de colunas.

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

    Um gráfico de colunas é exibido no primeiro cartão na tela:

    Gráfico de colunas padrão

  3. Na guia Inserir, clique ou toque em Texto, e, em seguida, clique ou toque em Entrada à caneta:

    Opção para adicionar um controle de caneta

  4. Mova o controle de caneta abaixo do gráfico e redimensione o controle de caneta para cobrir a parte inferior do cartão:

    Mover e redimensionar o controle de caneta

Adicionar uma seção

Agora, vamos adicionar outra carta com outro controle.

  1. Na parte inferior da tela, clique ou toque em Adicionar seção:

    Opção para adicionar uma seção

    Um novo cartão é adicionado à tela:

    Um novo cartão abaixo da seção padrão

  2. Com o cartão ainda selecionado, vá até a guia Inserir, clique ou toque em Gráficose, em seguida, clique ou toque Gráfico de linhas.

    O novo gráfico é grande demais para aparecer na tela com os outros controles:

    Um gráfico de linhas adicionado ao final do novo cartão

  3. Abra o modo de Visualização pressionando F5 (clicando ou tocando no ícone de reprodução no canto superior direito).

    Abrir modo de visualização

  4. Role para baixo para exibir o novo gráfico de linhas.

    A visualização mostra o gráfico de linhas