Laboratório: criar um aplicativo de tela com controles exclusivos

Concluído

Leia estas informações antes de iniciar o laboratório!

Importante

Neste laboratório, não entre usando as suas credenciais. Siga as etapas abaixo para entrar no seu ambiente de laboratório com as credenciais corretas.

  1. Selecione Iniciar modo de VM nesta unidade.
  2. Você verá uma janela do PowerShell e a janela Comando do Windows. Após cerca de dois a três minutos, elas serão fechadas e Power Apps será aberto automaticamente. Aguarde até aparecer a tela inicial do Power Apps.
  3. Para ver as instruções do laboratório, selecione a guia Instruções na barra lateral do laboratório.

Agora você pode iniciar seu trabalho neste laboratório.

Criar a coleção de dados

Neste treinamento, você usará vários controles mencionados nas unidades anteriores para criar um aplicativo de tela unitário que será alterado à medida que você interagir com os controles. Isso lhe dará uma ideia dos recursos dos controles e de como você pode ajustá-los às suas necessidades.

Observação

O Power Apps requer uma licença do Office 365 ou uma avaliação gratuita. Saiba mais sobre as opções de licenciamento. Os produtos da Microsoft incluem o Microsoft Power Apps e o Power Automate.

  1. Entre no Power Apps. Se você estiver usando o ambiente virtual, pule para a etapa 2.

  2. Na tela Página Inicial, selecione Aplicativo de tela em branco.

    Captura de tela do recurso Aplicativo de tela em branco.

  3. Nomeie seu aplicativo como Novo Aplicativo de Controles e selecione Criar.

    Captura de tela do novo aplicativo chamado Novo Aplicativo de Interface do Usuário com o botão Criar.

  4. Selecione a guia Inserir, adicione um botão e defina a propriedade OnSelect como esta fórmula:

     ClearCollect(CityPopulations, {City:"London", Country:"United
     Kingdom", Population:8615000}, {City:"Berlin",
     Country:"Germany", Population:3562000}, {City:"Madrid",
     Country:"Spain", Population:3165000}, {City:"Rome",
     Country:"Italy", Population:2874000}, {City:"Paris",
     Country:"France", Population:2273000}, {City:"Hamburg",
     Country:"Germany", Population:1760000}, {City:"Barcelona",
     Country:"Spain", Population:1602000}, {City:"Munich",
     Country:"Germany", Population:1494000}, {City:"Milan",
     Country:"Italy", Population:1344000})
    

    Para copiar e colar o texto no ambiente virtual, selecione o botão Comandos no canto superior esquerdo da tela, selecione Digitar texto e, em seguida, Digitar texto da área de transferência. Cole o texto copiado na janela. Captura de tela do botão de comandos selecionado com o texto do tipo e o texto da área de transferência realçados.

  5. Mantenha pressionada a tecla Alt e selecione o controle Botão. (Isso criará a coleção e armazenará todas as informações.)

  6. Selecione a lista suspensa Galeria na parte superior e escolha a galeria Vertical em branco e CityPopulations no pop-up de fonte de dados.

  7. Com a galeria selecionada, no painel direito, altere o layout de em branco para Título, subtítulo e corpo.

  8. Selecione o último ou terceiro rótulo no primeiro item da galeria e altere a propriedade Text para ThisItem.Population.

    Captura de tela dos itens do menu Galeria para a propriedade de texto.

  9. Selecione a lista suspensa Entrada e escolha Controle deslizante.

  10. Altere a propriedade Maximum do controle deslizante para 10000000.

  11. Insira um Label e altere a propriedade Text para Slider1.Value.

  12. Selecione o primeiro item da galeria e Ícones na barra superior e escolha a Marca de seleção.

    Observação

    Você verá que várias marcas de seleção aparecerão em cada célula da galeria. Isso é intencional, já que uma galeria repete o formato do primeiro item para todos os itens. Se você não vir várias marcas de seleção, verifique se selecionou o primeiro item na galeria e insira um ícone de Marca de seleção novamente.

  13. Altere a propriedade Visible do ícone de marca de seleção para:

     ThisItem.Population > Slider1.Value
    

    Captura de tela do aplicativo com dados de exemplo.

À medida que você altera o controle deslizante, as marcas de seleção aparecem e desaparecem por item na galeria, uma vez que você definiu a visibilidade para mudar de acordo com o controle deslizante. Basicamente, você criou uma galeria que mostra se a população de uma cidade é maior ou não que o valor do controle deslizante. Este é um vídeo de todos os controles em ação.