Usar uma fórmula para modificar o formato dos controles

Concluído

Lembre-se de que cada aplicativo de tela que você cria inclui controles com conjuntos de propriedades um pouco diferentes. Devido às diferenças entre eles, os controles podem ser usados como outro meio para executar tarefas distintas. Por isso, é útil consultar as referências dos controles e fórmulas, para que você possa usar as corretas.

Ao obter mais experiência usando os controles diferentes com fórmulas distintas, você aprende o que funciona melhor em determinadas circunstâncias, mas as referências sempre são úteis! Não se preocupe porque incluímos os links para referências no final deste módulo de aprendizagem.

Alterar as propriedades do controle

Ao desenvolver seu aplicativo, você pode criar fórmulas para alterar e atualizar dinamicamente diferentes propriedades de controle, como:

  • Format

  • Text

  • Color

  • Position (X e Y)

Onde alterar as propriedades do controle: Power fx e IntelliSense

Você pode escolher as diferentes propriedades do controle usando o seletor de propriedades à esquerda da barra Power fx (fórmula). Você também pode exibir/alterar as propriedades usando o painel Propriedades no lado direito da tela, mas é mais fácil atualizar as propriedades usando a barra Power fx. A razão disso é que o IntelliSense fornece comentários valiosos conforme você insere as fórmulas. Portanto, aproveite o IntelliSense usando a barra Power fx para inserir e alterar fórmulas.

Diferentes propriedades modeladas pelo controle Seletor de data

Como exemplo de algumas propriedades diferentes disponíveis para um controle, vamos nos concentrar por um momento no controle Seletor de data. O controle Seletor de data tem algumas propriedades exclusivas:

  • DefaultDate: a primeira propriedade que você vê na barra de fórmulas. Essa data é o valor inicial de um controle de data, a menos que o usuário o altere. Por padrão, ele está definido como a fórmula Today(), que retorna a data de hoje. No entanto, você pode inserir uma data diferente como a data padrão, e essa seria a data em que esse controle sempre começa.

  • StartYear e EndYear: StartYear tem efeito sobre DefaultDate. Qualquer entrada de data anterior ao ano de início torna-se 1/1/(qualquer que seja seu valor StartYear). Da mesma forma, isso se aplica ao controle EndYear, que se torna 31/12/(o ano de EndYear).

  • StartOfWeek: o dia da semana que o calendário mostra quando você seleciona o ícone de calendário à direita do controle. Esses padrões são definidos de acordo com suas configurações regionais.

  • Format: o formato de texto em que o controle mostra a data e o usuário especifica a data.

  • Language: determina o idioma usado para formatar datas, inclusive nomes de meses. Se essa propriedade não for especificada, a configuração do dispositivo do usuário determinará o idioma.

Experimentar um controle Seletor de data

Vamos tentar usar esse controle em um aplicativo de tela. Abra o Power Apps Studio e siga estas etapas para adicionar o controle Seletor de data e modificar o formato exibido.

  1. Na faixa de opções do estúdio, selecione o botão + Inserir e, depois, Seletor de data.

  2. Observe que, quando o controle aparece na tela, a propriedade exibida no campo de entrada Power Fx é a DefaultDate que reflete Today() como o valor. Agora, selecione a propriedade Format no menu suspenso Propriedades no canto superior esquerdo da tela. Por padrão, a propriedade Format é definida como DateTimeFormat.ShortDate.

    Captura de tela do cursor no campo fx para o formato exibido.

  3. Com o cursor à direita de ShortDate, pressione a tecla Backspace até o ponto (.) de modo que apenas DateTimeFormat esteja no campo fx.

  4. Agora digite o ponto no campo fx à direita de DateTimeFormat e observe que aparecem opções para o sufixo da fórmula abaixo do campo fx e DateTimeFormat. Este é o IntelliSense em ação, e é um truque importante a ser lembrado. Há várias fórmulas com mais opções que podem ser exibidas enquanto você as está criando. Neste caso, você pode rolar pela lista para ver as opções disponíveis.

    Captura de tela do campo fx mostrando as opções DateTimeFormat, incluindo LongDate, LongDateTime e outras.

  5. Selecione LongDate na lista de opções e observe como a fórmula muda para DateTimeFormat.LongDate. Isso altera a exibição diretamente no seu controle do formato 11/22/2022 para Tuesday, November 22, 2022. Logo abaixo do campo Power fx, veja que o Power Apps exibe DateTimeFormat.LongDate = 'longdate' | Data type: text. Novamente, é o IntelliSense fornecendo não apenas a fórmula completa em funcionamento, mas também o tipo de dados dessa propriedade.

    Captura de tela de LongDate.

O Power Apps auxilia com informações de fórmula

Lembre-se de que o Power Apps pode auxiliar com fórmulas. O IntelliSense fornece sugestões e informações valiosas sobre suas fórmulas em relação aos tipos de dados e quaisquer abreviações, assim como no exemplo do DatePicker. Os comentários são úteis e em tempo real, conforme você usa controles para interagir com dados no aplicativo. Você pode recuperar informações como essa a qualquer momento simplesmente selecionando o controle e selecionando sua fórmula no campo Power fx.

Na próxima unidade, vamos aprender a usar as fórmulas para fazer cálculos matemáticos no nosso aplicativo. Em poucos minutos, você saberá como usar o Power Apps para calcular os dados e exibi-los no formato de moeda. Vamos lá!