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

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

Telas no Power Apps: Para que Servem e Como Usá-las

Aprenda as Diversas maneiras de Criar Telas

As telas no Power Apps funcionam como os contêineres fundamentais da interface, servindo como o ambiente principal onde os controles, formulários e elementos visuais são organizados para compor a jornada e a interação do usuário com o sistema. Elas estruturam a hierarquia de navegação da aplicação, permitindo que funcionalidades específicas sejam isoladas em páginas distintas e apresentadas de forma lógica conforme o fluxo de trabalho exigido pela solução.

Este é o primeiro tutorial prático do Módulo Layout do Sistema. Você já entende o que é o Power Apps e para que ele serve — agora vamos colocar a mão no Controle Mov_Extras_Mobile e começar a construir, literalmente, a casa onde o seu aplicativo vai morar.

Pré-requisito: você precisa ter concluído a introdução ao Power Apps e ter o aplicativo Controle Mov_Extras_Mobile já criado e aberto no Power Apps Studio, mesmo que ainda vazio. Se você ainda não abriu o app pelo link que criou em make.powerapps.com, pare aqui e faça isso antes de continuar — tudo que vamos construir agora acontece dentro do Studio, não na tela de administração.

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

📌 Guia de Navegação

• 1. Por que Telas São o Primeiro Assunto de um Aplicativo?
• 2. Telas no Power Apps: O que São e Como Funcionam
• 3. Construindo as Quatro Primeiras Telas no Power Apps Studio
• 4. Por que Escolhemos Renomear em Vez de Manter os Nomes Padrão
• 5. O que Você Aprendeu e os Cuidados para Não Errar