Compartilhar via


Criar um cartão simples (versão preliminar)

Neste artigo, você cria um cartão que solicita que o usuário insira seu nome e, em seguida, mostra o nome no título do cartão. Você usa o designer de cartão, variáveis e o Power Fx.

Pré-requisitos

Uma conta do Power Apps

Criar um cartão

  1. Entre no Power Apps e selecione seu ambiente.

  2. No menu de navegação esquerdo, 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 texto Adicionar e remover elemento para personalizar seu novo cartão. e, em seguida, selecione o ícone Remover (X) para excluí-lo.

    Captura de tela do rótulo de texto do espaço reservado a ser removido de um novo cartão no designer de cartões.

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

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

    Captura de tela do painel de ferramentas do designer de cartões com os controles de entrada exibidos e o controle Entrada de texto realçado.

  4. No painel de propriedades de entrada de texto, defina Rótulo como Qual é o seu nome?.

    Captura de tela de um cartão com um controle de entrada de texto rotulado no designer de cartões.

Atribuir variáveis

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

    Fornecemos ao controle de entrada de texto o nome de uma variável associada à entrada do usuário. Qualquer nome de controle de entrada pode ser usado como uma variável, por exemplo, uma entrada de texto, um botão ou um rótulo de texto.

    Captura de tela do controle de entrada de texto do menu de navegação de Exibição de Árvore com um nome alterado.

    Dica

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

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

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

  3. Selecione + Nova variável.

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

  5. Selecione Salvar.

    Captura de tela do painel de propriedades da variável.

  6. Na tela, selecione o título do cartão, que é um controle de rótulo de texto. No painel de propriedades do controle, defina Texto como ="Olá" & UserName.

    Essa expressão altera o título do cartão para a cadeia de caracteres "Olá" seguida pelo valor da variável que você criou. Você pode inserir a expressão na barra de fórmulas ou no painel de propriedades.

    Captura de tela de uma expressão de texto inserida na propriedade Texto 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 selecione Botão.

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

    Captura de tela do painel de propriedades do botão nomeado e o botão no cartão.

  4. No painel de propriedades ao lado de On select, selecione PowerFx para colocar o cursor na barra de fórmulas.

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

    Essa expressão de função Set() atribui o valor da entrada UserAnswer do usuário à variável UserName do rótulo de texto (o título do cartão) quando o botão é selecionado. Outra maneira de ler a expressão é: Defina o valor da variável UserName como igual ao valor de UserAnswer. Como a expressão está associada à propriedade On select On select do botão, também chamada de Verbo ao lado da barra de fórmulas, ela é executada quando o usuário seleciona o botão.

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

Teste o cartão

Você sempre precisará salvar suas alterações antes de usar um cartão. Selecione Salvar e Reproduzir.

Teste seu cartão algumas vezes com entradas diferentes. Assegure-se de que sua entrada substitua o valor padrão "Sem Nome" no título do cartão em todas as ocasiões.

Próximas etapas

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