Aula 05 Power Apps - Personalizar a tela e os componentes do APP

Aula 05 Power Apps - Personalizar a tela e os componentes do APP Olá seja bem-vindo a mais uma aula do meu canal de vídeos no YouTube Meu nome é Alessandro trovato e essa é a quinta aula sobre o Power apps o Power apps.

Aula 05 Power Apps - Personalizar a tela e os componentes do APP

Como você tem visto é uma aplicação muito simples para criar apps para dispositivos móveis seja seu celular ou seja seu tablet nessa aula nós vamos falar sobre a adaptação do nosso.

Aplicativo de três telas que utiliza o Excel como fonte de dados Você viu que a parte de criação dele é bem simples criar o aplicativo em si é um processo bem leve bem tranquilo agora nós.

Precisamos personalizá-lo O que nós vamos fazer com esse aplicativo é trabalhar nas três telas que foram criadas depois nós vamos criar uma tela principal para acesso e vamos fazer a.

Publicação e o compartilhamento desse app Isso vai ser feito em várias aulas então esteja preparado aí para acompanhar pelas próximas semanas esse curso antes de mais mais nada não se.

Esqueça se inscreva no canal curta e compartilhe esse vídeo em suas redes sociais quanto mais Pessoas souberem como utilizar o powerapps mais fácil será o uso dessa aplicação nos ambientes.

Corporativos vamos lá já estou com o ambiente do powerapps carregado para acessar o nosso aplicação a nossa aplicação você deve clicar em aplicativos e na lista que será exibida.

De todos os seus aplicativos você pode passar o mouse sobre o nome da sua aplicação para editar Você vai clicar nesse ícone a tela do Power apps vai mudar e a.

Partir de agora podemos fazer a alteração do nosso app vamos aguardar a carga do aplicativo assim que ele for carregado clique em ignorar e agora vamos olhar a.

Nossa primeira tela Vamos pensar primeiro nessa primeira tela onde eu vou passar algumas informações importantes a você primeiro todo objeto que está dentro da página ou da tela é.

Personalizável na parte de baixo da tela você tem tem um controle deslizante para o zoom onde você pode ver mais detalhes da página esse ícone específico ele Ajusta a página às vezes fica muito.

Pequena para trabalharmos Então vamos aumentar um pouco e vamos observar alguns controles principais que nós temos inseridos aqui para saber a quantidade total de controles que nós.

Veja Mais Aqui:

    $ads={1}

    Temos nessa página basta olhar à

    Esquerda no Nossa janela de exibição de árvore Aqui nós temos o browse screen que é o nome da nossa tela é o nome padrão dela é a tela de listagem dos.

    Dados depois nós temos o brows Gallery quando você clica sobre um objeto à esquerda ele é selecionado na tela e você vai ver que o browser Gallery é todo esse controle que exibe os.

    Registros se expandirmos a lista do browser Gallery a cada item que você clicar você vai observar alguns objetos também colocados dentro da primeira área nós vamos falar do browser Gallery já já.

    Você você também tem retângulos veja só search icon text box então nós temos uma série de controles que são colocados na nossa página que podem ser personalizados e a minha primeira dica é.

    Sempre mantenha atualizada a tela o nome dos seus componentes dentro das suas telas para facilitar a sua identificação Como nessa nossa aplicação nós temos três telas essa tela de listagem ou essa.

    Tela de de consulta você vai nomeá-la então recolhendo os itens da primeira tela clique nas reticências escolha o comando renomear e nós vamos chamá-la de TL abreviação para tela underline.

    Consulta enter não se preocupe pois todos os objetos que fazem referência a ele na sua aplicação serão renomeados automaticamente você não precisa se.

    Preocupar em fazer isso manualmente a tela de detalhes você vai clicar sobre ela se clicar com o botão direito Também vai encontrar a opção renomear podemos renomear para TL underline essa tela.

    Aqui é a tela de detalhes então DD botão direito renomear TL detalhes e por fim a última botão direito renomear TL edição nós já temos os nossos nomes de telas aqui se você vai utilizar o Power.

    Apps em múltiplos idiomas então se você

    Vai ter equipes trabalhando com múltiplos idiomas então você não precisa pra colocar os acentos até onde eu fiz os testes não há nenhum problema de.

    Colocação dos acentos para aplicações que rodam no Android e rodam aqui na minha organização se você tiver qualquer problema lembre-se você tem a opção de tirar os assentos e trabalhar com todos.

    Os seus eh todos os seus controles sem esses assentos vamos voltar pra tela de consulta então anote aí como boa prática Inicial renomear os objetos que você vai utilizar Quando estamos na tela de de.

    Consulta nossaa tela principal temos alguns objetos que podemos trabalhar dentro do Power apps vamos começar pensando aqui no brows Gallery browse Gallery é um componente chamado de.

    Galeria que faz a leitura e faz a visualização dos registros a browser Gallery ela tem uma característica muito importante esse primeiro controle ou esse primeiro Card que aparece aqui na.

    Parte superior ele é o principal as alterações que fazemos aqui neste it repercutem em todos os outros da lista tanto que você não consegue clicar no segundo elemento você só consegue fazer.

    As adaptações a partir do primeiro elemento como nós estamos ainda fazendo o processo de renomear nós não vamos nos preocupar com isso agora você vai clicar sobre o brows Gallery botão direito.

    Renomear vamos chamar de galeria uma dica podemos ter Galerias em outras telas também normalmente eu faço a identificação de que tela que ela está está então TL underline consulta dessa.

    Forma se eu tiver browsers galleries ou Galerias em outras páginas eu sei que cada uma delas vai ter um nome diferente se nós chamarmos apenas de galeria e numa outra tela chamarmos de galeria.

    Também nós vamos ter problema dois componentes não pode ter o mesmo nome no power apps Isso é uma regra esse retângulo Ele está aqui do lado esquerdo ele está fazendo a divisão do registro.

    Veja só quando clicamos aqui do lado é essa marca azul que aparece então eu posso simplesmente renomear esse objeto clicando sobre ele e pressionando a tecla F2 também eu vou colocar as.

    Iniciais R de retângulo underline e vou colocar aqui o nome lateral se você sabe que tem retângulos em outras páginas você também coloca o complemento para facilitar Eu sempre.

    Deixo essa terminação na memória comtrol C deixo ela colada na minha área de transferência pois assim eu posso nomear tranquilamente e colar essa terminação dos meus controles separador é esse.

    Elemento que separam os meus registros veja que ele está dentro da minha primeira opção então ele é um separador como é um objeto de forma também veja só é outro retângulo eu vou colocar aqui.

    Hat under separador vou colar o nome da tela next Arrow é até a seta que mostra o próximo registro ou abrir o registro PR edição ele é do tipo ícone então sempre.

    Consulte do lado direito da sua tela que tipo de objeto que você está trabalhando aqui eu vou renomar para icon que é um ícone e vou colocar aqui detalhe da minha.

    Tela de consulta bar é esse controle que está exibindo o meu nome ele é um rótulo de texto ele serve para exibir textos cuja propriedade pode ser alterada para exibição dos dados que vem do nosso.

    Banco de dados então o bu nada mais é do que um rótulo ou um Label em inglês eu gosto de usar a sigla lbl para demonstrar um rótulo de texto lbl under nome só que nós vamos fazer algumas.

    Alterações aqui nesse nosso registro por enquanto nós vamos deixar esses controles sem sem renomear retângulo veja que ele tem aqui uma propriedade na parte superior da.

    Tela que é um retângulo é outro objeto gráfico então retângulo under superior da minha tela de search ion É um ícone de busca Então vou renomear para I busca e vou colocar o.

    Nome da tela text search é a caixa de texto veja só entrada de texto eu vou renome para Tex under filtro da tela de consulta o ícone na parte superior para adicionar o novo registro vou renomear.

    Para Ico adicionar da tela de consult outro Icone da classificação vou renomear para Ico underline classifica da tela de consulta refresh para atualizar os.

    Registros vai ser também o meu ícone então F2 I underline atualiza da tela de consulta lbl app name Então veja que ele já tem aqui o nome lbl para o meu rótulo do nome da.

    Tela eu vou trocar para lbl under nome tela da tela de consulta e por fim esse retângulo de fundo que faz a parte de cabeçário eu vou renomeável.

    De consulta fica mais fácil por exemplo referenciar esses objetos caso precisemos usando seus nomes começando com o tipo dele o nome dele e a tela que.

    Ele faz parte a antes de continuarmos um detalhe importante quando nós estamos trabalhando com uma galeria ao adicionar os campos do nosso do nosso controle Observe que nós temos um layout para ele.

    Título subtítulo e corpo você pode alterar à vontade esse layout quando você faz a escolha de um layout a lista de Campos ela pode ser manipulada então nós temos aqui o título subtítulo e o.

    Corpo dos dados Você pode trocar os campos clicando na caixa de controle escolhendo Qual é o elemento que você quer exibir nós temos alguns layouts nós.

    Temos algumas coisas que você pode alterar e algumas propriedades que você pode adaptar nesse caso específico O que nós vamos fazer nós vamos adaptar os.

    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=8wo-ir3x5ww
Wesdigital

Postar um comentário

Postagem Anterior Próxima Postagem