Partilhar via

Criar um cartão simples (pré-visualização)

  • Artigo

Neste artigo, cria um cartão que pede ao utilizador para introduzir o nome e, em seguida, mostra o nome no título do cartão. Utiliza o estruturador de cartões, variáveis e Power Fx.

Pré-requisitos

Uma conta do Power Apps

Criar um cartão

  1. Inicie sessão no Power Apps e selecione o seu ambiente.

  2. No menu de navegação, selecione ...Mais > Cartões.

  3. Selecione + Criar um cartão.

  4. Em Nome do cartão, digite HelloWorldCard e, em seguida, selecione Criar.

Solicitar entrada de texto

  1. Selecione o Adicionar e remover elemento para personalizar o novo cartão e, em seguida, selecione o ícone Remover (X) para o eliminar.

    Captura de ecrã da etiqueta de texto do marcador de posição a remover num novo cartão no estruturador de cartões.

  2. No menu de navegação, selecione + Inserir.

  3. No painel de ferramentas, selecione Entrada para expandir a categoria e, em seguida, selecione Entrada de texto.

    Captura de ecrã do painel de ferramentas do estruturador de cartões com controlos de entrada mostrados e o controlo Introdução de texto realçado.

  4. No painel de propriedades de entrada de texto, defina Etiqueta como Como se chama?.

    Captura de ecrã de um cartão com um controlo Introdução de texto etiquetado no estruturador de cartões.

Atribuir variáveis

  1. No menu de navegação, selecione Vista de Árvore e altere o nome textInput1 para UserAnswer.

    Atribuímos ao controlo de entrada de texto o nome de uma variável que está associada à entrada do utilizador. Qualquer nome de controlo de entrada pode ser utilizado como variável, por exemplo, uma entrada de texto, botão ou etiqueta de texto.

    Captura de ecrã do controlo de entrada de texto no menu de navegação Vista de árvore com um nome alterado.

    Sugestão

    Dê às suas variáveis nomes descritivos e exclusivos para facilitar a utilização em expressões do Power Fx.

    Precisamos de outra variável para adicionar a entrada do utilizador ao título do cartão, por isso, vamos criar uma agora.

  2. No menu de navegação, selecione Variáveis.

  3. Selecione + Nova variável.

  4. Na janela Nova variável, introduza UserName em Nome e introduza Sem Nome em Valor Predefinido. Deixe os outros valores como estão.

  5. Selecione Guardar.

    Captura de ecrã do painel de propriedades da variável.

  6. Na aplicação de tela, selecione o título do cartão, que é um controlo de etiqueta de texto. No painel de propriedades do controlo, defina Text como ="Olá " e UserName.

    Esta expressão altera o título do cartão para a cadeia "Olá " seguida pelo valor da variável que criou. Pode introduzir a expressão na barra de fórmulas ou no painel de propriedades.

    Captura de ecrã de uma expressão de texto introduzida na propriedade Text do título do cartão.

Adicionar um botão do Power Fx

  1. No menu de navegação, selecione + Inserir.

  2. No painel de ferramentas, selecione Entrada para expandir a categoria e, em seguida, selecione Botão.

  3. No painel de propriedades do botão, defina Título como Dizer Olá.

    Captura de ecrã do título de propriedades do botão nomeado e do botão no cartão.

  4. No painel de propriedades, junto a Ao selecionar, selecione PowerFx para colocar o cursor na barra de fórmulas.

  5. Digite a seguinte expressão do Power Fx na barra de fórmulas: Set(UserName, UserAnswer)

    Esta expressão de função Set() atribui o valor da entrada do utilizador, UserAnswer, à variável UserName da etiqueta de texto (o título do cartão), quando o botão é selecionado. Outra forma de ler a expressão é Definir o valor da variável UserName igual ao valor de UserAnswer. Como a expressão está vinculada à propriedade Ao selecionar do botão, também chamada Verbo junto à barra de fórmulas, ela é executada quando o utilizador seleciona o botão.

    Captura de ecrã da expressão do Power Fx na barra de fórmulas, atribuída à propriedade OnSelect do botão.

Testar o cartão

Deve guardar sempre as suas alterações antes de reproduzir um cartão. Selecione Guardar e, em seguida, selecione Reproduzir.

Teste o cartão algumas vezes com entradas diferentes. Certifique-se de que a entrada substitui sempre o valor predefinido "Sem Nome" no título do cartão.

Passos seguintes

Saiba como criar um cartão ligeiramente mais complexo no tutorial lista de compras simples.