Aula 08 Power Apps - Como fazer uma página inicial simples e elegante para o seu app

Aula 08 Power Apps - Como fazer uma página inicial simples e elegante para o seu app Olá seja bem-vindo a mais uma aula do meu canal de vídeos no YouTube Meu nome é Alessandro travato e na aula de hoje nós vamos falar sobre o Power apps E chegamos à aula que eu comentei.

Aula 08 Power Apps - Como fazer uma página inicial simples e elegante para o seu app

Anteriormente nós vamos fazer a criação de uma página inicial totalmente nova do nosso aplicativo você vai aprender como manipular uma página em branco e a partir dessa página nós vamos colocar.

Alguns controles e vou mostrar mais alguns comandos do Power FX antes de começarmos não esqueça clique em curtir compartilhe esse vídeo e deixe aí o seu recado o que você está achando dessa.

Playlist de power apps vamos lá vamos começar já estou iniciando o Power apps e nós vamos carregar o nosso aplicativo enquanto ele está carregando uma informação na aula passada você percebeu.

Que quando eu estava atribuindo um controle o tamanho dimensionamento de um controle usando o nome de outro controle da tela você percebeu que estava dando erro e ele não estava respeitando .

Me chamaram a atenção num comentário do vídeo que eu estava fazendo a mudança de uma propriedade de um objeto errado e realmente isso acontece com bastante frequência tá você vai perceber que.

Conforme você vai mudando os componentes na tela ele vai mudando o componente ativo então necessariamente aquilo que nós estamos vendo aqui na caixa sem que você perceba pode ter sido um controle.

Alterado nós mudamos a propriedade sem muita efetividade Então o que aconteceu vou tentar prestar bastante atenção nesse processo daqui paraa frente vamos lá nossas três telas estão.

Prontas para adicionar uma nova tela Você vai clicar na parte superior da tela aqui à esquerda no modo de exibição de árvore no botão nova tela vamos clicar sobre ela e temos algumas telas.

Que você pode adicionar uma página em branco uma página rolável lista formulário são tipos de tela que você pode gerenciar registros telas de êxito telas de tutorial e-mail pessoas.

Reunião calendário então Note que há diversos itens diferentes que você pode alterar muito bem nós vamos criar uma página em branco então clicando sobre o modelo em branco uma nova página vai ser.

Adicionada na parte inferior da tela Ela seria a quarta página do nosso aplicativo clicando nas rências você pode então escolher o comando renomear e vamos chamá-la de TL underline Inicial.

Veja Mais Aqui:

    $ads={1}

    Será a nossa tela

    Inicial você tem duas possibilidades de reorganização você pode mover esta página para cima para fazer com que ela se torne a primeira página do aplicativo.

    Lembre-se regra importante do Power apps a primeira tela sempre vai ser executada quando você publicar e executar o aplicativo ou você pode deixar a sua página na parte de baixo mesmo como ela.

    Foi criada Particularmente eu gosto de usar a tela sempre ah na ordem em que eu vou elaborar então eu trago a tela inicial sempre para primeiro em todo caso você tem uma propriedade no power.

    Apps se nós clicarmos aqui em app você tem essa propriedade chamada de start screen start screen é a tela de início da sua aplicação quando você executá-la depois de publicada então você pode.

    Clicar na barra de fórmulas e escolher TL underline Inicial e você vai ter certeza que independente da posição que a sua tela esteja a tela inicial sempre vai ser a start screen ou a tela inicial.

    Do seu aplicativo com isso nós já definimos então que a nossa página inicial vai ser a tela inicial perfeito vou aumentar um pouco o zoom e agora nós vamos criar uma página inicial a.

    Primeira coisa que nós vamos fazer é inserir um rótulo de texto esse rótulo de texto ele vai ficar aqui na parte superior para mostrar uma mensagem de boas-vindas para o usuário Então vou.

    Reduzir um pouco a altura e no lugar do texto nós vamos trocar nós vamos colocar entre aspas simples a palavra Olá vírgula vou fechar aspas e eu gostaria de concatenar o nome do usuário há uma.

    Propriedade no no no power FX uma instrução chamada de user então se você usar a propriedade user ponto você vai ver algumas propriedades do objeto ou do usuário que está logado no ambiente do.

    Power apps user abrir e fechar

    Parênteses ponto traz as suas propriedades então eu quero trazer o nome do usuário quando clicamos na propriedade full name você vai ver na.

    Sua caixa de texto no seu rótulo de texto que o nome do usuário já está sendo apresentado agora eu posso concatenar novamente com e- comercial com exclamação por exemplo como se fosse.

    Uma mensagem de boas-vindas essa propriedade do do de texto ela permite que você mescle as suas funções do Power FX com texto simples simplesmente concatenando esse.

    Texto com a instrução agora vamos lá vamos deixar isso assim por enquanto eu gostaria de preencher aqui uma cor na tela de fundo e nós temos uma cor azul que é utilizada em todos os nossos itens.

    Nos Ret ulos da vida das nossas telas então quando clicamos sobre um retângulo você vai ver a cor de preenchimento aqui então vou usar a opção personalizar e vou copiar esse código hexadecimal é bem.

    Simples 03366 para que eu possa na minha tela inicial clicando sobre a tela fazer o preenchimento dessa cor no mesmo tom em personalizar vou colar esse hexadecimal.

    Para manter um padrão de cores do meu APC dessa formaa o meu rótulo de texto eu posso agora voltar nas propriedades e alterar a sua cor para a cor branca.

    Vamos trazer aqui a cor branca para dar um contraste você pode também trocar a fonte lembre-se que você tem os comandos de formatação na parte superior da tela.

    Sempre que precisar faça as alterações necessárias eu vou clicar agora sobre esse item vou copiar a o nosso rótulo de texto e vou colar na própria página nós vamos vamos usar esse segundo componente.

    Como uma um título do nosso aplicativo para facilitar eu já vou clicar aqui no Label e já vou renome lbl Label nome usuário da tela inicial a mesma coisa com esse Label que.

    Acabamos de colar Então vai ser lbl título app da tela inicial nós vamos então centralizar os.

    Dados o usando a propriedade de alinhamento de texto vamos centralizar a fonte e Vamos aumentar bem o seu tamanho Vamos colocar aqui 50 Vamos aumentar a altura e agora.

    Podemos trocar o nome desse aplicativo trocando a propriedade text para dele para eh participantes da palestra Lembrando que como texto nós precisamos colocar isso.

    Entre aspas pressionei aqui um enter não não precisava agora vou aumentar um pouco o tamanho e vou trocar a fonte eu gosto de usar as fontes do tipo Light vou usar a.

    Lato Light gostaria também de colocar uma foto uma imagem do participante eu vou até fazer aqui o inverso nós vamos colocar a cor de preenchimento desta.

    Faixa desse rótulo de texto como branco e a cor da fonte nós vamos usar a mesma propriedade a mesma cor do nosso aplicativo padrão clicando na fonte personalizar.

    03366 Agora sim vamos manter mais ou menos aí a tonalidade de cores do nosso app para inserir uma imagem na tela inicial do seu aplicativo você pode clicar em inserir nós temos aqui Um item.

    Chamado de mídia e dentro dela você tem a opção imagem na parte de cima você pode perceber que nós não temos a imagem então nós temos que localizar dentro da.

    Sua categoria ao clicar sobre imagem uma um novo controle vai ser exibido essa imagem que você está vendo aqui no fundo que parece o desenho de uma.

    Montanha com o sol nada mais é do que uma imagem chamada de sample image que é dada pelo próprio aplicativo do Power apps você pode colocar a imagem que quiser e como vimos anteriormente na.

    Propriedade image podemos usar a instrução do powerfx user abrir e fechar parênteses ponto e agora nós podemos trazer a propriedade image que é a imagem do usuário Note que.

    Essa imagem é a mesma que está aqui na sua conta do Power apps então toda vez que um toda vez que um usuário Acessar o aplicativo a foto dele se houver no cadastro do 365 vai ser exibida rolando.

    A tela aqui para baixo você vai ver que nós temos bordas e nós vamos ativar essa borda com espessura de três pontos vou deixar a borda na cor branca para dar um destaque Podemos até aumentar um pouco.

    Mais eu vou clicar sobre a a espessura e vou aumentar para tamanho C essa imagem eu gostaria que ela fosse Redonda ela está retangular então procurando uma propriedade chamada raio.

    Da borda nós vamos aumentar esse raio da borda para o valor de 180 e você vai ver que a imagem vai ficar arredondada você pode simplesmente agora ajustar as propriedades só que veja só.

    Conforme arrastamos o dimensionamento a nossa imagem ela perde um pouco da sua precisão do arredondamento então se você mantiver tecla control deixa ver se é control não se você mantiver a tecla.

    Shift pressionada você vai dimensionar corretamente a imagem sem perder as suas características Então você vai tornar a sua imagem né um tamanho proporcionalmente bom e vai trazê-la.

    Para cá para que ela fique sobre a sua faixa do título não se preocupe com o texto que nós já vamos ajustá-la esse controle vai se chamar IMG underline usurio da tela.

    Inicial nós já temos uma propriedade e quando nós mudamos o nome desse objeto não se preocupe pois ele vai sumir a sua imagem isso é um bugzinho que o Power apps tem normalmente se você trocar de.

    AVISO LEGAL: Toda a responsabilidade do conteúdo deste vídeo transcrito é do produtor do canal.
    CLique no Link do Vídeo: https://www.youtube.com/watch?v=dhhkVf99LxQ
Wesdigital

Postar um comentário

Postagem Anterior Próxima Postagem