O Power Apps e Seus Componentes

Conhecendo os Componentes do Power Apps 

Aqui você conhecerá os fundamentos do Power Apps, a plataforma da Microsoft utilizada para criar aplicativos de forma visual e sem a necessidade de programação tradicional. Além de entender como o Power Apps se integra à Microsoft Power Platform, você aprenderá os conceitos essenciais e os cinco elementos que compõem qualquer aplicativo desenvolvido na ferramenta. Este conhecimento servirá como base para todo o restante do curso, permitindo compreender a estrutura, a lógica de funcionamento e a integração do Power Apps com outras soluções, como o Power Automate.

Pré-requisito: Este post é o ponto de entrada do curso. Antes de continuar, certifique-se de ter lido a apresentação do módulo 1 — Conhecendo a Power Platform. Ela explica o que este módulo propõe, como cada post funciona e o que esperar desta jornada. Sem essa leitura, algumas referências aqui não farão sentido completo.

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

📌 Guia de Navegação

• 1. Objetivo: Conhecer a Base que Sustenta Todo o Resto 
• 2. Conceito: Power Apps: Uma Plataforma Visual Dentro do Ecossistema Microsoft
• 3. Prática: Os Cinco Elementos que Formam Qualquer Aplicativo de Tela no Power Apps
• 4. Entendimento: Como o Sistema da Escola, nasce sobre Esses Cinco Elementos
• 5. Fixação: Explorando Esses Cinco Elementos na Interface do Power Apps Studio

1. Objetivo: Conhecer a Base que Sustenta Todo o Resto

O objetivo deste post

Antes de inserir um botão, antes de escrever uma fórmula, antes de conectar qualquer dado, você precisa entender o terreno em que vai trabalhar. Este post apresenta o Power Apps como plataforma e revela os cinco elementos que compõem qualquer aplicativo criado nela. Não são conceitos teóricos — são as peças reais que você vai encontrar em todo momento do curso, usadas de formas diferentes em cada post.
Ao final deste post, você vai saber responder com clareza: o que é o Power Apps, onde ele vive dentro do ecossistema Microsoft, por que foi escolhido para construir o sistema da Escola,, e quais são os cinco elementos que formam qualquer aplicativo de tela. Esse vocabulário é o idioma do curso. Tudo que vier depois parte daqui.

Por que este post é o ponto de partida obrigatório

Imagine que alguém te entrega as chaves de um carro e diz: "Aprenda a dirigir." Você pode até sair na rua — mas sem saber o que é o acelerador, o freio, a embreagem, o volante, você vai bater antes de chegar à esquina. O mesmo acontece no Power Apps. Quem pula essa etapa começa a criar sem entender o que está fazendo, e quando algo dá errado — e vai dar — não tem vocabulário para identificar o problema.
Este post é a diferença entre apertar botões sem entender e construir com propósito.

2. Conceito: Power Apps: Uma Plataforma Visual Dentro do Ecossistema Microsoft

O que é o Power Apps e onde ele vive

O Power Apps é uma plataforma da Microsoft que permite criar aplicativos funcionais sem precisar escrever código de programação tradicional. Em vez de escrever linhas e linhas de instrução como um programador faria em Python ou JavaScript, você trabalha de forma visual — arrasta componentes para a tela, configura suas propriedades e escreve fórmulas curtas e objetivas para definir o comportamento de cada peça.

Ele faz parte de um conjunto maior chamado Microsoft Power Platform, que inclui quatro ferramentas que se complementam:

O Power Apps cria os aplicativos. O Power Automate cria os fluxos de automação — processos que executam tarefas automaticamente, como enviar um e-mail ou gerar um PDF quando o usuário clica em um botão. O Power BI cria painéis de inteligência de negócios — gráficos e relatórios visuais conectados a dados re

A Microsoft oferece três caminhos diferentes dentro do Power Appais. O Power Virtual Agents cria chatbots — assistentes virtuais que respondem perguntas automaticamente.

No sistema da Escola,, o Power Apps e o Power Automate trabalham juntos. O aplicativo cuida da interface e das operações do dia a dia. O Power Automate cuida das tarefas automáticas, como a geração de relatórios em PDF. Você vai entender essa integração na prática ao longo do curso.

Os três tipos de aplicativos que o Power Apps ofereces, e cada um foi projetado para um tipo de necessidade:

O Aplicativo de Tela (Canvas App) é o mais flexível dos três. Você começa com uma tela em branco e constrói cada detalhe da interface exatamente como imagina — arrastar, soltar, posicionar, colorir, configurar. A lógica de navegação e exibição é totalmente sua. É como ter uma folha em branco onde você decide onde cada coisa vai estar.

O Aplicativo Baseado em Modelo (Model-driven App) funciona de forma oposta. Você parte de uma estrutura de dados já existente, e o Power Apps gera a interface automaticamente com base nessa estrutura. Você tem muito menos controle visual, mas ganha velocidade e integração nativa com o Dynamics 365.

Os Portais (agora chamados de Power Pages) são voltados para criar sites externos acessíveis sem login corporativo — para clientes, fornecedores ou público externo.

Por que o Aplicativo de Tela foi escolhido para o sistema da Escola,

A escolha pelo Aplicativo de Tela foi estratégica e necessária. O sistema da Escola, precisava de uma interface pensada para as realidades específicas da instituição — fluxos de trabalho únicos, identidade visual própria, painéis que aparecem e desaparecem conforme o contexto, comportamentos personalizados em cada botão. Nenhum modelo automático entregaria isso.

Além disso, o ambiente tecnológico da Escola, usa o Microsoft 365 A1 Educação — a versão gratuita destinada a instituições de ensino. Essa versão tem limitações importantes: o SharePoint funciona como banco de dados, e o aplicativo precisa ser inteligente o suficiente para trabalhar dentro dessas limitações sem perder desempenho. O Aplicativo de Tela permite exatamente esse nível de controle e otimização.

3. Prática: Os Cinco Elementos que Formam Qualquer Aplicativo de Tela no Power Apps

Todo aplicativo criado no Power Apps Canvas — do mais simples ao mais complexo — é construído com os mesmos cinco elementos. Entender o que é cada um e como eles se relacionam é entender a gramática da plataforma.

Telas — as páginas do seu aplicativo

Uma tela é o espaço visual onde tudo acontece. Pense nela como uma página de um livro, ou como um slide de uma apresentação. Cada tela representa um contexto diferente dentro do aplicativo — uma para cadastros, outra para relatórios, outra para movimentações.

O sistema da Escola, tem exatamente quatro telas oficiais, definidas pelo Documento Zero como imutáveis:

Tela_Inicial é a porta de entrada do sistema — onde o usuário chega ao abrir o aplicativo. Tela_Cadastros é onde os dados estruturais são gerenciados — diretores, setores, locais e a hierarquia de classificação dos bens. Tela_Catalogo é onde o patrimônio financeiro vive — as aquisições, as baixas e o saldo de cada lote. Tela_Alocacao é o coração físico do sistema — onde os bens se movem entre os espaços da instituição.

Quatro telas. Não três, não cinco. Essa decisão tem uma razão técnica e arquitetural que você vai compreender profundamente ao longo do curso.

Componentes — as peças que constroem cada tela

Dentro de cada tela, você insere componentes. Um componente é qualquer elemento visual ou funcional que você coloca na tela — um botão, um campo de texto, uma galeria que lista registros, um formulário que captura dados, uma imagem, um rótulo com texto, um ícone de navegação.

O Power Apps oferece uma biblioteca extensa de componentes prontos. Você os insere, posiciona e configura. O sistema da Escola, usa componentes como galerias para listar setores, formulários para registrar bens, containers para agrupar painéis inteiros, botões para acionar ações e rótulos para comunicar ao usuário o que está acontecendo.

Cada componente tem um nome. E no sistema da Escola,, esse nome segue um padrão rigoroso definido pelo Documento Zero: [prefixo][NomeSemantico]_[SufixoTela]. Um botão de salvar na tela de cadastros se chama btSalvar_Cad. Uma galeria de setores na mesma tela se chama galSetores_Cad. Esse padrão não é burocracia — é o que torna o sistema manutenível por qualquer pessoa que chegar depois de você.

Propriedades — o DNA de cada componente

Todo componente tem propriedades. Uma propriedade é uma característica configurável — o tamanho, a cor, o texto exibido, a visibilidade, o comportamento quando clicado, a fonte de dados que alimenta uma galeria.

Cada propriedade tem um nome e aceita um tipo de valor. Algumas aceitam texto simples, como o nome que aparece em um botão. Outras aceitam números, como a largura de um componente. Outras aceitam valores lógicos — verdadeiro ou falso — que controlam se o componente está visível ou oculto. E as mais poderosas aceitam fórmulas, onde você define um comportamento dinâmico que muda conforme o contexto.

No Power Apps em português, as propriedades de um componente são acessíveis de duas formas distintas, e você vai usar as duas o tempo todo:

A primeira forma é o painel lateral de propriedades, localizado à direita da tela de trabalho. Quando você seleciona um componente, este painel abre automaticamente com duas abas: Apresentar e Avançadas. A aba Apresentar exibe as propriedades visuais mais comuns de forma simplificada — campos de cor com seletor visual, campos de número com setas de incremento, menus suspensos para escolher fontes e alinhamentos. É a forma mais rápida de configurar a aparência de um componente. A aba Avançadas lista todas as propriedades disponíveis para aquele componente, inclusive as que não aparecem na aba Apresentar, e cada uma delas aceita fórmulas diretamente no campo.

A segunda forma é a barra de fórmulas, localizada no topo da tela de trabalho, logo abaixo da barra superior de menus. Ela tem duas partes: à esquerda, um menu suspenso onde você escolhe qual propriedade do componente selecionado deseja configurar; à direita, o campo onde você escreve o valor ou a fórmula. Profissionais experientes trabalham quase exclusivamente pela barra de fórmulas, porque ela permite ver e editar qualquer propriedade sem precisar navegar pelo painel lateral.

As duas formas acessam as mesmas propriedades. A diferença é ergonomia e contexto — para ajustes visuais rápidos, o painel lateral é mais cômodo; para escrever e revisar fórmulas complexas, a barra de fórmulas é mais precisa.

Fórmulas — a inteligência por trás das propriedades

Uma fórmula é o que transforma um componente estático em um componente inteligente. Em vez de configurar um botão para sempre mostrar o texto "Salvar", você escreve uma fórmula que exibe "Salvar" quando o usuário está criando um novo registro e "Atualizar" quando está editando um existente. A propriedade é a mesma — o texto do botão. O que muda é o valor, que agora depende de uma condição lógica.

A linguagem de fórmulas do Power Apps se chama Power Fx. Ela foi inspirada no Excel — quem conhece fórmulas de planilha vai reconhecer a lógica rapidamente. Funções como If, Filter, Sum, Concat e Navigate são usadas constantemente no sistema da Escola,.

No Power Apps configurado em português do Brasil — que é o caso do nosso sistema — a sintaxe tem regras específicas que diferem da versão em inglês. Os argumentos dentro de uma função são separados por ponto e vírgula (;), não por vírgula. Quando você precisa encadear múltiplas ações em sequência, usa ponto e vírgula duplo (;;). Nomes de colunas em funções como Filter e GroupBy nunca levam aspas. Essas regras são invioláveis e você vai vê-las aplicadas em cada fórmula do curso.

Dados — a ponte com o mundo real

Um aplicativo sem dados é uma casca vazia. Os dados são o conteúdo que o aplicativo exibe, processa e armazena. No Power Apps, você conecta o aplicativo a uma fonte de dados — pode ser uma lista do SharePoint, uma planilha do Excel, uma tabela do SQL Server, entre outras opções.

No sistema da Escola,, a fonte de dados é o SharePoint. Cinco listas principais armazenam todo o patrimônio da instituição: tblSetores, tblLocais, tblAlocacoes, tblBensMovimentacao e tblGestaoDiretoria. O aplicativo lê essas listas, processa as informações em memória por meio de coleções globais e apresenta os dados ao usuário de forma organizada, filtrada e em tempo real.

A relação entre esses cinco elementos é sempre a mesma: as telas organizam o espaço, os componentes habitam as telas, as propriedades definem o comportamento dos componentes, as fórmulas tornam as propriedades inteligentes e os dados alimentam todo o sistema com informação real.

4. Entendimento: Como o Sistema da Escola, nasce sobre Esses Cinco Elementos

Agora que você conhece os cinco elementos, observe como eles se manifestam no sistema que você vai construir.

As quatro telas oficiais — Tela_Inicial, Tela_Cadastros, Tela_Catalogo e Tela_Alocacao — são o esqueleto do sistema. Dentro delas, dezenas de componentes trabalham juntos: galerias que listam setores e locais, formulários que registram bens e movimentações, containers que agrupam painéis inteiros, botões que acionam operações complexas, rótulos que comunicam ao usuário exatamente o que está acontecendo a cada momento.

Cada um desses componentes tem propriedades configuradas com fórmulas. Uma galeria tem sua propriedade Items configurada com uma fórmula que filtra os dados conforme o contexto atual. Um botão tem sua propriedade DisplayMode configurada com uma fórmula que o desabilita quando o usuário já está executando aquela ação. Um rótulo tem sua propriedade Text configurada com uma fórmula que lê uma variável global e exibe a instrução correta para aquele momento.

E tudo isso alimentado pelos dados do SharePoint — lidos, processados e armazenados em memória nas três coleções globais que são as verdades absolutas do sistema: colBensAtivos, colBensGuardados e colBensAGuardar.

Você não precisa memorizar tudo isso agora. O que precisa entender é que não existe nenhuma mágica — existe a combinação inteligente dos mesmos cinco elementos, usados com consistência e propósito em cada centímetro do sistema.

5. Fixação: Explorando Esses Cinco Elementos na Interface do Power Apps Studio

Como acessar o Power Apps Studio

O Power Apps Studio é o ambiente onde o aplicativo é construído. Para acessá-lo, abra o navegador e vá até make.powerapps.com. Faça login com sua conta Microsoft 365. Na tela inicial, você verá seus aplicativos existentes e as opções para criar novos.

Para acompanhar este post, abra um aplicativo existente clicando nele com o botão direito e escolhendo Editar. Você entrará no Power Apps Studio — o ambiente de desenvolvimento que será seu espaço de trabalho por todo o curso.

Reconhecendo os cinco elementos na interface

Ao abrir o Studio, observe as quatro regiões principais da interface. No centro está a tela de trabalho — é ali que as telas do aplicativo aparecem e onde você visualiza e posiciona os componentes. À esquerda está o menu lateral, que dá acesso à Árvore do aplicativo — a lista hierárquica de todas as telas e todos os componentes dentro de cada uma. Na parte superior está a barra de menus e a barra de fórmulas — onde você controla o aplicativo e configura as propriedades de cada componente selecionado. À direita está o painel de propriedades com as abas Apresentar e Avançadas.

Clique em qualquer componente na tela de trabalho. Observe o que acontece: o componente fica selecionado, o painel lateral de propriedades à direita mostra suas configurações, e a barra de fórmulas no topo exibe a propriedade atualmente selecionada com seu valor ou fórmula. Você acabou de ver os cinco elementos em ação — o componente selecionado, suas propriedades visíveis, a fórmula configurada, dentro de uma tela, conectado a dados.

Cada post deste módulovai detalhar uma dessas regiões com profundidade. Aqui, o objetivo era apenas reconhecê-las.

---

Por que o Power Apps Canvas Foi a Escolha Certa para a Escola

Um sistema de controle de patrimônio para uma instituição educacional poderia ter sido construído de várias formas. Uma planilha de Excel, um sistema comprado, um formulário online simples. Por que o Power Apps?

A resposta está no cruzamento entre custo, controle e integração. A Escola já usa o Microsoft 365 A1 Educação, que inclui o SharePoint como repositório de dados e o Power Apps como plataforma de desenvolvimento — sem custo adicional para a instituição. Construir um sistema nativo nesse ecossistema significa que os dados vivem onde já vivem, os usuários fazem login com as mesmas credenciais que já usam, e as permissões são gerenciadas pelo mesmo ambiente que já conhecem.

Mais do que isso: o Power Apps Canvas oferece controle total sobre a interface. Cada pixel, cada cor, cada comportamento foi definido intencionalmente. O sistema da Escola, não é uma planilha com cara de aplicativo. É um sistema de governança patrimonial com arquitetura própria, lógica própria e identidade visual própria — construído por uma pessoa, do zero, sem código tradicional, em um ano de aprendizado e construção simultâneos.

Isso é exatamente o que o Power Apps Canvas permite. E é exatamente o que você vai aprender a fazer.

Síntese — O Vocabulário que Você Carregará por Todo o Curso

Você chegou ao fim do primeiro post. Cinco elementos, uma plataforma, um sistema real como contexto. Veja o que ficou:

O Power Apps é uma plataforma da Microsoft Power Platform para criar aplicativos visuais sem código tradicional. O tipo escolhido para o sistema da Escola, é o Aplicativo de Tela (Canvas App), que oferece controle total sobre a interface. Qualquer aplicativo de tela é formado por cinco elementos: Telas (os espaços), Componentes (as peças), Propriedades (as características), Fórmulas (a inteligência) e Dados (o conteúdo real). As propriedades de qualquer componente são acessíveis de duas formas: pelo painel lateral com as abas Apresentar e Avançadas, ou pela barra de fórmulas no topo da interface.

Atenção Técnica

O Power Apps Studio que você vê pode ter uma aparência ligeiramente diferente da descrita aqui, dependendo de atualizações recentes da plataforma. A Microsoft atualiza a interface regularmente. Os elementos fundamentais — barra de fórmulas, painel de propriedades, árvore, tela de trabalho — sempre existem, mas podem estar em posições ligeiramente diferentes ou com nomes atualizados. Sempre que isso acontecer, use a lógica do que foi ensinado aqui para identificar a região correta.

O sistema da Escola, está configurado em português do Brasil. Isso significa que toda a interface do Power Apps Studio — menus, nomes de propriedades, funções — aparece em português. Se você acessar tutoriais em inglês ou na documentação da Microsoft em inglês, os nomes das funções e propriedades serão diferentes. Nunca aplique sintaxe em inglês diretamente no nosso sistema sem verificar o equivalente em português.

Erro Comum

O erro mais frequente de quem começa no Power Apps é confundir componente com tela. Uma tela é o espaço. O componente vive dentro da tela. Quando alguém diz "cliquei na tela e nada aconteceu", geralmente significa que clicou no fundo da tela — na área vazia — em vez de clicar em um componente. Selecionar a tela em branco e selecionar um componente dentro dela são ações completamente diferentes, com efeitos completamente diferentes no painel de propriedades.

O que Vem no Próximo Post — A Barra Superior e o Controle Total do SeuAplicativo

Agora que você sabe o que é o Power Apps e conhece os cinco elementos que formam qualquer aplicativo, o próximo passo é dominar o painel de comando. A barra superior doPower Apps Studio é onde você salva seu trabalho, publica o aplicativo para os usuários, aciona o modo de teste e acessa configurações que afetam o comportamento global do sistema. Você também vai aprender um comportamento específico da plataforma que surpreende quem não foi avisado: a abertura de determinados painéis fecha outros automaticamente. Quem não sabe disso perde minutos procurando onde o painel "foi parar". No próximo post, isso não vai acontecer com você.