Barra de progresso moderna do Power Apps

Neste tutorial do Power Apps, aprenderemos tudo sobre a Modern Progress Bar no Power Apps, como trabalhar com a Modern Progress Bar, incluindo um exemplo real.

Além disso, veremos como habilitar os controles modernos no aplicativo Canvas.

Barra de progresso moderna do Power Apps

A barra de progresso pode ser configurada para exibir diferentes níveis de progresso. Esse controle flexível pode ser usado para indicar para atualizar os usuários sobre seu progresso enquanto usam o aplicativo. 

O progresso de uma tarefa ou processo é indicado visualmente por um controle de barra de progresso. Sua função é informar ao usuário como está indo a tarefa e quanto tempo falta para concluí-la.

A captura de tela abaixo representa a aparência de uma barra de progresso moderna:

Experimente os controles modernos no Power Apps

A seguir, veremos como adicionar um controle de barra de progresso moderno no Power Apps.

Mas primeiro, temos que ativar a opção “Experimente os controles modernos” na página de configurações do aplicativo Canvas.

Você não poderá ver os controles modernos se não habilitar essa opção. Para ativar os controles modernos, siga estas etapas:

• Abra o Power Apps e entre com suas credenciais da Microsoft.
• Crie um novo aplicativo de tela em branco (Aplicativos -> + Novo aplicativo -> Tela).
• Especifique um nome exclusivo para o aplicativo -> Escolha o formato -> Clique em Criar.
• Na tela do Power Apps, vá para Configurações (na parte superior) -> Selecione Próximos recursos -> Clique na guia visualizar -> Ativar Experimente os controles modernos conforme mostrado abaixo.
• Salve e publique o aplicativo de tela uma vez.

Como usar a barra de progresso moderna do Power Apps

A seguir, veremos como usar o controle de barra de progresso moderno do Power Apps com um exemplo de caso de uso.

Exemplos de barras de progresso modernas. Siga as instruções abaixo:

Passo 1:

• Na tela, insira um controle Modern Progress Bar e defina algumas propriedades como:
  • Espessura: Grande
  • Forma: Arredondado
  • Cor: Sucesso
  • Valor: 0
  • Máximo: 200

Passo 2:

• Em seguida, adicione um controle de botão moderno e defina sua propriedade Text como “Clique aqui!“.
• Selecione o botão (Clique aqui) e aplique o código abaixo em sua propriedade OnSelect como:

OnSelect = Set(varProgressValue, 130)

Onde,

• varProgressValue: Nome da variável
• 130: Defina o valor que deseja definir na barra de progresso moderna

Passo 3:

• Para exibir o valor da barra de progresso, adicione um controle de rótulo de texto e defina a variável em sua propriedade de texto como:

Text = “Progress Bar Value: ” & varProgressValue

Onde,

• “Valor da barra de progresso:”: O texto que será exibido no controle de rótulo
• varProgressValue: Nome da variável criada

Passo 4:

• Por fim, salve e publique o aplicativo no canto superior direito.

• Clique no  botão Publicar esta versão. Em seguida, feche o aplicativo Canvas e reabra-o novamente no modo Play .

Passo 5 :

• Ao clicar no botão ( Clique aqui ), a unidade de progresso mudará de acordo com o valor que você selecionou. O controle de rótulo do Power Apps também mostrará o valor (130), conforme mostrado na captura de tela abaixo.

Conclusão

É assim que funciona com o controle de barra de progresso moderno no Power Apps. Neste tutorial, aprendemos tudo sobre a Barra de Progresso Moderna no, como trabalhar com a Barra de Progresso Moderna, incluindo um exemplo real e simples.

Você também pode gostar deste artigo: Controles modernos do Microsoft Power Apps