NOVAS TELAS MODERNAS NO POWER APPS CANVAS - VALE A PENA ESSA NOVIDADE COMO USAR

NOVAS TELAS MODERNAS NO POWER APPS CANVAS - VALE A PENA ESSA NOVIDADE COMO USAR Fala meus amigos como vocês estão sejam muito bem-vindos aqui ao meu canal meu nome é Ronan Vico e nesse vídeo Nós Vamos explorar essa novidade do Power apps que são as novas telas telas.

NOVAS TELAS MODERNAS NO POWER APPS CANVAS - VALE A PENA ESSA NOVIDADE COMO USAR

Modernas bom a gente vai olhar cada uma delas aqui passo a passo para entender melhor qual que é a ideia de utilizar essas novas telas e a palavra moderna não é à toa tá o motivo principal é.

Porque agora já está sendo utilizado os controles modernos tá então você vai ver que ao longo do tempo eh a Microsoft tá tentando incluir aí somente o uso dos controles modernos mas tá ainda tem tá.

Bom galera aqui no clássico os os controles antigos tudo bem Bom vamos lá vamos analisar Então essas novas telas talvez você nem tenha visto apesar de tá aqui no nova tela aqui nós temos agora a.

Tela de boas-vindas cabeçalho galeria e também solicitação de aprovação ou seja são telas aí que normalmente a gente utiliza na nossa aplicação principalmente telas de boa vinda né.

Então essa aqui eu acho muito legal a gente começar a utilizar não somente para uma tela inicial Tá mas também eu posso utilizar aqui né para exibir algumas coisas eu posso exibir alguns.

Objetos legais aí de acordo com a minha aplicação né então se eu quiser mostrar algumas coisas em tela eu consigo utilizar essa tela de boas-vindas aqui mas o ponto mais legal aqui dessas telas.

É que elas já são totalmente responsivas né Afinal já está aqui utilizando sem por de contêiners né Cada contêiner vai ter aqui os seus objetos e obviamente dentro dos objetos já estão ó como eu.

Falei os controles modernos Tá qual que é a ideia então de ser responsivel eu conseguir ó abrir ele num celular ou abrir ele num outro tipo de celular né até mesmo num tablet e ele sempre estar.

Ali de uma forma responsiva o legal também é que se você abrir né no tamanho da janela de um computador ele também fica responsivo então é óbvio que algumas coisas não ficam tão legais aqui.

De forma responsivel mas a maioria Fica assim então dá para utilizar tranquilamente a gente percebe que quando cria essa tela aqui Fica tudo meio abstrato né você tem que vir.

Alterando ou até mesmo retirando algum algum objeto aqui que você não queira né então por exemplo Ah eu quero que na minha tela de boas-vindas tenha só quatro botões né ou seja ir para o menu.

VEJA MAIS AQUI:

    Principal ir para alterar alguma coisa

    Ir para solicitar aprovação Então eu posso ir excluindo aqui sem problema tá ó eh não é algo eh fixo né então por exemplo ó não gostei desse contêiner.

    Inteiro aqui não quero ele eu posso vir e deletar e puf ele vai e se reajusta da forma necessária então isso aqui é legal Claro se você precisar deais também tá também Segue o mesmo princípio eu posso.

    Vir aqui num conteiner como esse ó que seria a parte um por exemplo Ó pt1 ali só para ficar claro então a parte um vou dar um CRL C vou voltar no Main container aqui ó e posso colar certo.

    Mais alguns opa ele colou no lugar errado agora vou clicar de volta no Main container cont Crol V tá vendo Então ele vai criando aqui ó quantos forem necessários basta você ir dando um.

    Copiar e colar Sem problema nenhum Mas como eu disse tá essa tela aqui ela acaba sendo abstrata você tem que vir alterando os seus parâmetros então por exemplo esse componente header aqui dos.

    Controles modernos eu posso vi colocar por exemplo um logo tipo que seria essa imagenzinha aqui né então vou vir aqui ó pegar do banco de imagens online só para para não perder tempo ó vou colocar ali.

    Ele vai trocar ali para mim tá eu posso colocar aqui nessa imagem que seria o imagem do perfil né Ó vou clicar tá ativado beleza ã deixa eu ver aonde que que altera essa essa imagenzinha do.

    Perfil aqui ah é porque eu não tenho foto mesmo por isso que não tá aparecendo Então já iria automático a minha foto aqui tudo bem então você tendo a foto também já aparece ali no.

    Cantinho O componente header então alguns parâmetros Como foi o caso do logotipo né eu tenho que alterar igual telas de boas vindas pô não quero isso eu quero eh tela início então eu vou.

    Alterando aqui então de forma bem low

    Code mesmo né esso sim aí podemos dizer que é um no code não teve código nenhum mas a gente sabe que no power apps tem bastante código ainda que a gente tem.

    Que utilizar né então eu gostei bastante dessa tela em específico tá principalmente para colocar coisas aqui é não necessariamente montar um menu como é a ideia dessa tela de boa.

    Boas-vindas né mas para exibir coisas de forma mais fácil né então já tenho a tela e eu já posso utilizar ela de uma forma que eu consigo utilizar aqui no celular e tudo mais né e colocar várias.

    Informações aqui né e normalmente a gente fazia isso com uma galeria e tudo mais mas essa forma fica bem legal também montar dessa maneira aqui então a ideia né você poderia vir aqui colocar.

    Uma foto também como eu falei né vou colocar em editar imagem do banco de dados colocar um botão aqui e aqui eu poderia colocar né como é um botão como a gente pode perceber esse item destaque.

    Ele é um botão então ele tem um on select tá então se eu ven aqui no onselect dele eu posso dar aqui um navegate para uma outra tela né Vou colocar aqui ir para a tela nove só como.

    Exemplo ó screen nine então eu tô aqui tá ó passo o mouse quando eu clico navega para a tela nove então dá para eu ir montando ali aí sim entra um pouquinho de power Effects né coisa.

    Básica que você já tem aqui no canal e já entende se você quiser dominar tá Power apps Canvas Power Effects Power automate Cloud rpa conheça aí os nossos cursos O link tá aqui na descrição tem o.

    Certeza que você vai curtir muito clica aqui dá uma olhada veja se te interessa Então galera passei aqui por cima já deu para entender a ideia tá não vou me estender muito a ids responsivo alterar.

    Aqui uns parâmetros então gostei bastante dessa tela eu vou ver a outra que seria cabeçalho e galeria essa aqui é a mesma ideia da outra porém Qual que é o grande ponto é uma galeria então é.

    Aquilo que eu falei esses botões que estão aqui também daria para ser nesse mesmo esquema de galeria por quê Porque galeria fica dinâmico então não necessariamente eu sei quais são os.

    Itens que eu quero deixar em destaque né Eu não sei o que eu quero mostrar às vezes eu quero pegar todos as pessoas de uma tabela para que o meu usuário possa vir e selecionar uma clicando no botão.

    Eu quero mostrar todos os produtos que eu tenho estoque para que o usuário venha e clique em selecionar produto Então como eu não sei quais produtos são quero deix de dinâmico Aí eu entro com.

    Uma Galeria né E você já deve ter aprendido aqui no canal como usar uma uma Collection né O que que é uma galeria tem essas aulas aqui no canal gratu Então você consegue jogar aqui e.

    Utilizar de forma bem simples e rápida né coloca aqui então só para dar um exemplo aqui eu tô usando Custom Gallery sample né que é o que vem por padrão quando você cria a tela eu poderia.

    Criar um podia trazer uma tabela qualquer com imagens né Por exemplo eu tenho aqui uma lista ó de parâmetros né onde eu tenho aqui imagens e eu quero exibir Isso numa tela Então eu não sei.

    Quantos eu vou ter aqui eu tenho quatro mas eu podia ter 10 100 né não tenho como saber Afinal uma lista que vai sendo preenchida então conectado esta lista aqui na minha aplicação eu posso.

    Vi e colocar né ó tb parâmetro vai ser a galeria aqui e Óbvio é aquilo que eu falei ainda está abstrato que eu digo é ainda tá de forma padrão então você tem que vir e alterar o que que você quer.

    Que vá a onde então por exemplo descrição curta Então essa descrição curta vai ser o quê des item né o item que eu estou ponto aí eu posso colocar o que eu quiser né aqui no caso eu tenho ó.

    Parâmetro valor então aqui Vou colocar ó parâmetro por exemplo e aqui vai tá ó tá vendo o valor que está lá na lista e aqui eu tenho quatro por quê Porque eu tenho quatro aqui também se eu adicionar.

    Mais vai ir adicionando naquela tela beleza item em destaque podia ser this item ponto ã eu tenho parâmetro eu tenho valor então vou colocar aqui ó valor tá vendo olha que legal eu posso.

    Colocar na imagem o this item ponto esqueci o nome da coluna ó coluna Imagem Beleza coluna Imagem Beleza não ficou tão legal aqui né Deixa eu ver se eu consigo na imagem eh colocar para não.

    Distorcer ó vou selecionar aqui a imagem no ó tá vendo tô selecionado a imagem vou vir aqui e vou colocar em vez de preencher centralizar pronto ó ficou melhor a imagem aqui uma não apareceu.

    Por causa do tipo da imagem tá eh que é essa é o do Chile aqui é o tipo da imagem provavelmente que tá causando esse bug aqui mas deu para entender a ideia né ó eu vou ter aqui todos os.

    Produtos o usuário vem aqui clica no botão e faz uma ação Então essa tela muito legal muito útil né então ele pode ver aqui posso entrar com filtros né e acrescentar aqui uma parte de filtros.

    Para ajudar a o usuário pesquisar né O que que ele quer selecionar e tudo mais então a gente pode fazer isso numa outra aula mas O legal é que para criar menus né Isso aqui é muito útil também então.

    Já tem o menu pronto aqui eu só crio a tela coloco que tem que colocar e Pronto né sem ter que perder tempo você gostou dessa dessa tela aqui ou você preferiu a outra aqui comenta aqui.

    Embaixo Qual que você gostou mais Qual que você vai utilizar aí no seu dia dia por último aqui a última tela nova que nós temos né Eh é a tela de solicitação de aprovação essa aqui é um pouquinho.

    Mais complicado tá Por quê a ideia da solicitar a de aprovação aqui é utilizar já os dados que estão no dat virus né então ele já vem aqui é meio que padronizado para um fluxo de solicitação.

    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=uBZ4XB6zo0Y

Postar um comentário

Post a Comment (0)

Postagem Anterior Próxima Postagem