Galerias no Power Apps

Uma galeria em Power Apps é um controle que repete automaticamente um mesmo modelo visual — chamado de template — uma vez para cada linha de uma fonte de dados, permitindo exibir listas inteiras sem a necessidade de criar manualmente um controle para cada registro. Combinada com propriedades condicionais como DisplayMode e TemplateFill, a galeria pode reagir dinamicamente ao contexto do aplicativo, alternando entre modo de leitura e edição, e destacando visualmente o item selecionado pelo usuário.

Pré-requisito: você precisa ter concluído o tutorial anterior, com o Painel_MenuCadastros e o BtDiretores_Cad já configurados, incluindo a limpeza de variáveis e a definição de varGlobal_Acao.

Botões de Painéis: Alternando entre Painéis

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Neste Tutorial você vai aprender

• 1. Construindo o Painel e a Galeria de Diretores
• 2. Galerias: O que São, Para que Servem e Como se Estruturam
• 3. Criando o Painel_Diretores e a Galeria galDiretorCad
• 4. DisplayMode, TemplateFill e os Controles Internos da Galeria
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Botões de Painéis: Alternando entre Painéis

Botões de Painéis são botões de alternância que utilizam a mesma propriedade OnSelect de um botão de navegação comum, mas em vez de disparar a função Navigate, atualizam variáveis globais de escopo mais específico — como varGlobal_Acao — para controlar qual painel interno deve ficar visível dentro da mesma tela. Essa técnica permite construir sistemas de submenu inteiros sem exigir nenhuma tela adicional, mantendo a navegação do usuário concentrada num único espaço visual, mesmo quando o número de opções ultrapassa o que caberia num único painel de navegação.

Pré-requisito: você precisa ter concluído o tutorial Listas do SharePoint: Conectando o Aplicativo a uma Base deDados, com todas as listas necessárias para este módulo já conectadas ao aplicativo.

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Neste Tutorial você vai aprender

• 1. Botões de Painéis: O que há de Diferente?
• 2. Como o Sistema de Controle de Bens Organiza um Submenu Dentro da Área de Trabalho
• 3. Criando o Painel_MenuCadastros e o Primeiro Botão de Alternância
• 4. A Lógica por Trás do Painel e do BtDiretores_Cad
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Listas do SharePoint: Conectando o Aplicativo a uma Base de Dados

Listas do SharePoint serão utilizadas como base de dados do Sistema de Controle de Bens durante todo este módulo. Neste tutorial vamos criar as listas que serão utilizadas pela Tela de Cadastros, conhecer a função de cada uma delas e conectar todas ao Power Apps em uma única etapa. Não vamos estudar o SharePoint em profundidade, porque o objetivo deste curso é desenvolver aplicativos. Aqui, ele será apenas a tecnologia responsável por armazenar e organizar as informações do sistema.

Pré-requisito

Antes de prosseguir, você precisa ter concluído a apresentação do Módulo Tela de Cadastros e o módulo anterior, Layout do Sistema, com as quatro telas criadas, os três painéis fixos configurados e a navegação funcionando corretamente.

Padronizando o Layout do Sistema nas Quatro Telas

Apresentação do Módulo: Tela de Cadastros

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Neste Tutorial você vai aprender

• 1. Por que utilizamos Listas do SharePoint
• 2. As listas utilizadas neste módulo
• 3. Criando as listas do SharePoint
• 4. Conectando as listas ao Power Apps
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Apresentação do Módulo: Tela de Cadastros

O Módulo Tela de Cadastros será a formação em que o aplicativo deixa de ser apenas uma estrutura visual e começa a se transformar em um sistema de gestão completo. A partir deste momento, vamos trabalhar com dados reais armazenados no SharePoint, construir galerias inteligentes, criar formulários de cadastro, implementar filtros simples e em cascata e desenvolver painéis dinâmicos que respondem automaticamente às ações do usuário.

Ao concluir este módulo, você terá deixado para trás os fundamentos do Power Apps e dará início à formação intermediária da plataforma, aprendendo técnicas utilizadas na construção de aplicativos corporativos profissionais.

Aprenda a construir a Tela de Cadastros no Power Apps utilizando SharePoint, galerias, formulários, filtros inteligentes e painéis dinâmicos em um projeto completo de Sistema de Controle de Bens.

Pré-requisito

Antes de continuar, é indispensável que você tenha concluído o módulo Layout do Sistema, com as quatro telas já criadas, os três painéis fixos configurados em cada uma delas e toda a navegação funcionando corretamente.

Padronizando o Layout do Sistema nas Quatro Telas

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Neste Tutorial você vai aprender

• 1. Tela de Cadastros: O início da construção do sistema
• 2. Por que a Tela de Cadastros marca a passagem para o nível intermediário
• 3. O que vamos construir na Tela de Cadastros
• 4. Por que construiremos os painéis nessa ordem
• 5. Os novos conceitos que você aprenderá neste módulo

Padronizando o Layout do Sistema nas Quatro Telas

A clonagem de containers no Power Apps preserva toda a estrutura interna do controle original — propriedades, fórmulas e controles filhos — permitindo replicar um conjunto inteiro de painéis entre diferentes telas de um mesmo aplicativo sem reconstrução manual. Esse recurso é especialmente relevante em arquiteturas de layout compartilhado, onde múltiplas telas mantêm a mesma estrutura visual e navegacional, exigindo apenas ajustes pontuais de nomenclatura para preservar a rastreabilidade de cada controle dentro da árvore do aplicativo.

Pré-requisito: você precisa ter concluído o tutorial anterior, com o IconMenuInicial_Cad, o BtCadastros_Cad, o BtCatalogo_Cad e o BtAlocacao_Cad totalmente configurados dentro do Painel_NavegacaoCad, incluindo as fórmulas de OnSelect e DisplayMode.

Botões e Ícones: Controles de Navegação e de Ação

Variáveis: A Inteligência do Sistema

Configurando os Botões de Navegação

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Clonando Painéis e Testando a Navegação entre as Quatro Telas
• 2. Por que Clonar em Vez de Reconstruir Cada Painel
• 3. Copiando os Três Painéis e Colando nas Demais Telas
• 4. Testando a Navegação em Funcionamento
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Configurando os Botões de Navegação

Botões de navegação em Power Apps utilizam a função Navigate combinada com atualização de variáveis globais para transportar o usuário entre telas, preservando o contexto de onde ele veio e para onde está indo. A propriedade OnSelect de cada botão concentra tanto a ação de navegação quanto a atualização do estado do sistema, enquanto a propriedade DisplayMode, condicionada por fórmulas, determina se aquele botão está disponível para interação ou bloqueado, refletindo visualmente em qual tela o usuário se encontra no momento.

Pré-requisito: você precisa ter concluído o tutorial de variáveis, com a pirâmide varGlobal_Atividade, varGlobal_Acao e varGlobal_Tarefa já compreendida em nível conceitual, e o ícone e os três botões já inseridos, ainda sem configuração, dentro do Painel_NavegacaoCad.

Variáveis: A Inteligência do Sistema

Botões e Ícones: Controles de Navegação e de Ação

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Configurando os Botões de Navegação
• 2. Fórmulas, Funções e Mudança de Estado dos Botões
• 3. Escrevendo o Código dos Botões de Navegação
• 4. Argumento por Argumento: A Lógica por Trás do OnSelect e do DisplayMode
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Variáveis: A Inteligência do Sistema

Variáveis no Power Apps são componentes de memória temporária que permitem armazenar valores (como textos, números, registros ou tabelas) para que possam ser utilizados e consultados posteriormente em qualquer lugar da aplicação durante a sessão do usuário. Elas funcionam como "caixas" onde você guarda uma informação específica, sendo essenciais para gerenciar o estado do sistema, controlar a visibilidade de elementos ou manter dados que foram calculados em um ponto do app e precisam ser exibidos em outro.

A função Set do Power Fx é responsável pela criação e atualização de variáveis globais dentro de um aplicativo Canvas, permitindo o armazenamento de valores acessíveis em qualquer tela ou painel. Variáveis globais funcionam como pontos centrais de controle de estado, orientando o comportamento de outros controles através de fórmulas condicionais como If e Switch. Em sistemas híbridos de telas e painéis, o uso disciplinado de poucas variáveis, cada uma carregando múltiplos contextos, reduz a complexidade de manutenção e evita inconsistências entre diferentes partes do aplicativo.

Pré-requisito: você precisa ter concluído o tutorial anterior, com o ícone e os três botões já inseridos, ainda sem configuração completa, dentro do Painel_NavegacaoCad.

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Variáveis: A Inteligência do Sistema
• 2. Conceito de Variáveis: Global e Contextual
• 3. Conhecendo as Primeiras Variáveis do Sistema
• 4. Por que Poucas Variáveis, com Muito Contexto
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Botões e Ícones: Controles de Navegação e de Ação

Botões e Ícones são os controles interativos do Power Apps responsáveis por disparar ações de navegação e comando dentro de um aplicativo Canvas. Através da propriedade OnSelect, ambos executam fórmulas em Power Fx capazes de alterar variáveis, navegar entre telas ou modificar o estado da interface. A distinção de uso entre esses dois controles — navegação por Botão, ação por Ícone — compõe uma regra de arquitetura que orienta a construção de sistemas híbridos de telas e painéis, garantindo previsibilidade de interação mesmo em aplicativos com múltiplos contextos de uso.

Pré-requisito: você precisa ter concluído os tutoriais anteriores, com os três painéis fixos da Tela_Cadastros já configurados — Painel_NavegacaoCad, Painel_InformativoCad e Area_TrabalhoCad.

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Botões e Ícones no Power Apps e a Regra de Navegação do Sistema
• 2. Botões e Ícones: O que São e Qual a Diferença
• 3. Inserindo o Ícone e os Três Botões no Painel_NavegacaoCad
• 4. Visibilidade Permanente: Por que os Controles de Navegação Nunca Somem
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Propriedades de Containers: Fórmulas e Posicionamento na Tela_Cadastros

As Propriedades de Containers definem a arquitetura responsiva da interface, regendo como os elementos se organizam e se comportam dentro do espaço disponível. Fórmulas de Power Fx são utilizadas para calcular de forma dinâmica os valores de posicionamento, dimensões e estados, garantindo que o layout se adapte automaticamente a diferentes resoluções. Esse controle granular sobre as coordenadas e o alinhamento permite que os painéis mantenham a consistência visual e a usabilidade, independentemente da orientação ou do tamanho do dispositivo utilizado.

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Configurando os Painéis Fixos da Tela_Cadastros
• 2. O que São Propriedades de Container no Power Apps
• 3. Configurando os Três Painéis da Tela_Cadastros
• 4. Arquitetura: Por que Cada Valor Foi Escolhido
• 5. O que Você Aprendeu e os Cuidados para Não Errar

Containers no Power Apps: Como usar para Criar Painéis

Criando os Painéis principais do Sistema com Containers

Containers são elementos de layout que funcionam como organizadores hierárquicos dentro das telas, permitindo agrupar controles para que se comportem de maneira conjunta e responsiva ao redimensionar ou mover a interface. Eles são fundamentais para a criação de painéis estruturados, pois facilitam o alinhamento, o gerenciamento de visibilidade em bloco e a adaptação automática dos elementos internos às variações de tamanho de tela ou orientação do dispositivo.

Neste tutorial vamos dar o primeiro passo dentro da Tela_Catalogo: entender o que é um container no Power Apps e usar essa peça para levantar os quatro primeiros painéis que vão estruturar essa tela híbrida.

Pré-requisito: você precisa ter concluído o tutorialanterior, com as quatro telas do Controle Mov_Extras_Mobile já criadas enomeadas — Tela_Inicial, Tela_Alocacao e Tela_Catalogo. É dentro da Tela_Catalogo que vamos trabalhar hoje.

O que Você Vai Construir Neste Tutorial

Você vai sair daqui entendendo a diferença entre um container horizontal e um container simples (vertical), e vai ter criado, na prática, os quatro primeiros containers da Tela_Catalogo — que no sistema vão funcionar como painéis com papéis bem distintos: um de navegação, um de status e um de área de trabalho.

🚀 BEM-VINDO AO MEU DIÁRIO DE ENGENHARIA LOW-CODE e APRENDIZADO PRÁTICO

📌 Guia de Navegação

• 1. Por que Containers Vêm Antes de Qualquer Botão ou Galeria
• 2. Containers no Power Apps: O que São e Como Funcionam
• 3. Inserindo os Quatro Primeiros Containers na Tela_Catalogo
• 4. Por que Nomeamos os Painéis Dessa Forma
• 5. O que Você Aprendeu e os Cuidados para Não Errar