O Power Apps Canvas continua evoluindo — e uma das novidades mais práticas recentes é o objeto Card (Cartão), um componente nativo para criar layouts de cartão com título, subtítulo, descrição e imagem de cabeçalho sem precisar montar containers manualmente. Neste artigo, você vai entender o que é o Card, como usá-lo em galerias do SharePoint e por que ele representa exatamente o tipo de evolução que o Power Apps precisa.
O que é o Card no Power Apps Canvas?
O Card é um novo objeto nativo do Power Apps Canvas que permite criar componentes visuais de cartão de forma rápida e padronizada. Antes da sua introdução, a maioria dos desenvolvedores montava cartões manualmente com containers, labels e ícones — funcional, mas trabalhoso e difícil de manter.
Com o objeto Card, você tem nativamente:
- Título — propriedade
Title - Subtítulo — propriedade
Subtitle - Descrição — propriedade
Description - Imagem de cabeçalho (Header Image) — aceita URLs de imagem, fotos de usuário, etc.
- Suporte a orientação vertical e horizontal
Por ser um objeto oficial da Microsoft, ele se beneficia de atualizações automáticas da plataforma, temas e acessibilidade — sem o risco de quebrar com personalizações manuais.
Card vs. Container com Labels: por que usar o nativo?
Tecnicamente, você pode montar um card identico usando um container + labels + ícones. Então por que usar o objeto Card?
- Velocidade: arraste um único objeto em vez de montar 4-5 controles aninhados
- Consistência visual: o Card segue automaticamente o tema do app
- Manutenção: uma propriedade de título é mais simples de manter do que um label desaninhado dentro de um container
- Reutilização: especialmente útil dentro de galerias, onde você instancia o Card para cada item
- Suporte nativo: componente da Microsoft — atualiza e corrige problemas com o próprio Power Apps
Como usar o Card dentro de um Grid Container no Power Apps
Uma das combinações mais poderosas é usar o Card + Grid Container. O Grid Container permite definir linhas e colunas fixas, e dentro de cada célula você insere um Card. O resultado é um layout visual organizado em questão de minutos.
Passo 1: adicione um Grid Container
Insira um Grid Container na tela e configure o número de linhas e colunas desejado (ex: 3 colunas × 2 linhas). O grid se encarrega do posicionamento automático dos itens filhos.
Passo 2: insira Cards no Grid
Arraste o objeto Card para dentro do Grid Container. Ele será alocado automaticamente em uma célula. Repita para cada cartão que precisar.
Passo 3: configure as propriedades
Para cada Card, preencha:
Title: o título principal do cartãoSubtitle: texto secundário abaixo do títuloDescription: texto de apoio ou detalhesHeaderImage: URL de imagem ou expressão dinâmica (ex: foto do usuário)
Usando o Card em galerias com dados do SharePoint
O caso de uso mais comum é exibir itens de uma lista do SharePoint em cards dentro de uma galeria. Veja como fazer:
- Insira uma Galeria vertical na tela
- Conecte-a à sua lista do SharePoint
- Dentro do template da galeria, insira um Card
- Configure as propriedades com referências ao item atual:
Title:ThisItem.TitleSubtitle:ThisItem.DescriptionHeaderImage:ThisItem.Author.Picture(foto de quem criou o item)
O resultado é uma galeria visual com um card por item do SharePoint — exibindo título, descrição e foto do autor, sem precisar montar nada manualmente.
Orientação horizontal: perfeito para listas com ícone + texto
O Card suporta modo horizontal, onde a imagem fica à esquerda e o texto (título + descrição) à direita. Este layout é ideal para:
- Listas de contatos com foto e nome
- Itens com ícone categórico + descrição
- Feeds de notícias ou atualizações
Basta alterar a propriedade de orientação do Card para Horizontal — sem nenhuma reestruturação de controles.
O que a evolução do Power Apps significa para o desenvolvedor
O lançamento do Card — assim como o Grid Container antes dele — mostra que o Power Apps Canvas continua recebendo investimento mesmo com o avanço da IA e do Copilot Studio. A filosofia é clara: tornar o desenvolvimento de apps de negócios cada vez mais rápido e acessível para desenvolvedores cidadãos e profissionais.
Para quem trabalha com Power Platform, isso é uma boa notícia: dominar esses objetos nativos significa criar soluções de qualidade profissional em fração do tempo — uma vantagem competitiva real.
Perguntas Frequentes
O Card no Power Apps é o mesmo que o Card do Adaptive Cards?
Não. O objeto Card do Power Apps Canvas é um controle nativo da tela, diferente dos Adaptive Cards usados no Teams e Power Automate. O Card do Canvas é um componente visual para organizar título, subtítulo, descrição e imagem dentro de um app.
Posso usar o Card fora de um Grid Container?
Sim! O Card pode ser inserido diretamente na tela, dentro de uma galeria, dentro de um container livre ou dentro de um Grid Container. O Grid Container apenas facilita o alinhamento automático em grade — mas o Card funciona de forma independente.
O Card substitui completamente os containers manuais?
Para o caso específico de cartões com título + subtítulo + imagem, sim — o Card é mais prático. Para layouts complexos com componentes customizados, containers ainda são necessários. O Card resolve um caso de uso frequente de forma mais rápida e padronizada.
Como exibir a foto do usuário no HeaderImage do Card?
Em uma galeria conectada ao SharePoint, use ThisItem.Author.Picture para exibir a foto do usuário que criou o item. Para usuários do Microsoft 365, isso retorna automaticamente a foto do perfil cadastrada no Azure Active Directory.
O Card está disponível para todos os usuários do Power Apps?
O Card está sendo lançado como novidade do Power Apps Canvas. Por estar em rollout progressivo, pode não estar disponível imediatamente para todos os tenants. Verifique nas configurações de preview do Power Apps se o objeto já aparece na lista de controles disponíveis.
Conclusão
O novo objeto Card no Power Apps Canvas é uma adição simples mas de alto impacto: ele elimina a necessidade de montar estruturas manuais de container + label para um dos layouts mais usados em apps corporativos. Combine com o Grid Container para criar interfaces visuais organizadas em minutos.
Assista ao vídeo acima para ver a demonstração ao vivo. Se quiser dominar Power Apps Canvas, Power Automate e Copilot Studio, conheça a Formação VICO Power.