Anterior

Avançar

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

Concluído

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 Fazer login para iniciar o modo VM nesta unidade.
2. Uma janela do PowerShell e uma janela do Prompt de Comando do Windows são exibidas. Após dois a três minutos, elas são fechadas e o Power Apps é aberto automaticamente. Aguarde até aparecer a tela inicial do Power Apps.

Para ver as instruções do laboratório, selecione a guia Instruções na barra lateral do 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, uma avaliação gratuita ou uma conta de desenvolvedor gratuita.

1. Entre no Power Apps.

2. Na tela inicial, selecione Criar>Aplicativo em branco e selecione Criar em Aplicativo de tela em branco no pop-up.

3. Nomeie seu aplicativo como New Controls App e selecione Criar.

4. Ignore a mensagem de boas-vindas. Depois, selecione o botão Inserir e um controle Botão. Defina a propriedade OnSelect com 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})
   

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 o botão Inserir, escolha uma Galeria vertical e selecione CityPopulations no pop-up Selecionar uma fonte de dados.

   

7. Com a galeria selecionada, no painel Propriedades à direita, altere o Layout de Imagem, título e subtítulo 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.

   

9. Selecione Screen1 na exibição em árvore (para não inserir na galeria). Em seguida, selecione o botão Inserir e encontre/selecione um controle Slider.

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

11. Insira um Rótulo de Texto e altere a propriedade Text para Slider1.Value.

12. Selecione o primeiro item da galeria e selecione Inserir. Em seguida, encontre e selecione um ícone de Marca de seleção. Posicione-o no lado direito da galeria

    Observação

    Você deverá ver marcas de seleção aparecendo em cada linha da galeria. Uma galeria repete o formato para todos os itens da mesma forma que o primeiro item. 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
    

    

Coloque o aplicativo no modo de Visualização e tente ajustar o controle deslizante. Ao ajustar o controle deslizante, você verá marcas de seleção aparecerem e desaparecerem por item na galeria, já que você definiu a visibilidade para mudar dependendo do 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.

Continuar