Aparência moderna e atualizada para aplicativos baseados em modelo

Os aplicativos baseados em modelos têm uma aparência moderna e atualizada quando a configuração do aplicativo New Look está ativada. A nova aparência tem um estilo atualizado, incluindo fontes, cores, bordas, sombras e muito mais que se alinham ao mais recente sistema de design Microsoft Fluent. A aparência atualizada torna os aplicativos baseados em modelo mais fáceis de usar para que os usuários possam atingir seus objetivos com rapidez e eficiência. O sistema de design do Fluent fornece consistência, qualidade e coerência de plataforma em toda a Microsoft. Ele também fornece uma base sólida para extensibilidade e permitirá suporte ao modo escuro no futuro.

O que está incluído na aparência moderna, atualizada

Veja o que você pode esperar na experiência moderna e atualizada:

• Design atualizado das páginas do formulário, da exibição e do painel, que inclui o uso de sombras e cores de fundo mais brilhantes para criar uma aparência elevada ou flutuante. A aparência flutuante ajuda a separar visualmente as seções e concentra a atenção no conteúdo principal.
• Novos controles baseados no Fluent em formulários, fluxos do processo empresarial e caixas de diálogo. As caixas de diálogo agora são redimensionadas automaticamente com base no conteúdo.
• Uma nova grade do Power Apps no lugar da grade somente leitura nas páginas de exibição e padrão do painel.
• Um novo mecanismo para personalizar as cores do cabeçalho do aplicativo para combinarem com sua identidade visual pessoal ou da organização. Saiba mais em Usar temas modernos.

Barra de comandos

A barra de comando flutuante se alinha com a experiência do Microsoft 365, com espaçamento consistente, cantos arredondados e elevação. Observe como a barra de comandos está em uma seção separada na parte superior da página no exemplo a seguir.

Páginas de exibição

As páginas de exibição usam a nova barra de comandos e com áreas de grade atualizadas que aproveitam as alterações de elevação para ajudar a chamar a atenção do usuário.

A alteração mais significante nas páginas de exibição é a mudança da grade somente leitura para o controle de grade do Power Apps, que apresenta rolagem infinita para uma experiência de navegação de dados moderna. Essa grade também aparece em subgrades e grades associadas nos formulários principais e nos painéis. O controle de grade do Power Apps também oferece suporte à edição em linha usando a propriedade Habilitar a filtragem. Os criadores podem configurar manualmente suas grades editáveis para usar o controle de grade do Power Apps.

O exemplo a seguir mostra uma página de exibição com a aparência moderna e atualizada.

Páginas de formulário

As páginas de formulário usam a nova barra de comandos com cabeçalhos, guias, seções e fluxos de processos de negócios atualizados. Visualizações rápidas, formulários de cartão, cabeçalhos, mapas de sites e controles de linha do tempo também apresentam estilos atualizados.

O exemplo a seguir mostra uma página de formulário com a aparência moderna e atualizada.

Controles de campo

Os controles de campo, como entrada de texto, entrada de ação, pesquisa e controles de caixa de seleção, são criados e projetados usando componentes do Fluent. Atualizações futuras modernizarão mais controles de campo usando o Fluent design.

As seções de campo, que são contêineres para os campos em um formulário, têm um design mais simplificado. Agora os ícones estão no lado direito dos rótulos dos campos. Alguns ícones redundantes foram removidos para um layout mais limpo. O estilo de entrada e mensagem de erro também é atualizado com base no design do Fluent.

O exemplo a seguir mostra um conjunto de campos com a aparência moderna e atualizada.

Página do painel

A página do painel do sistema, com subgrades e gráficos independentes, é atualizada para usar a nova barra de comandos tem estilo semelhante às seções nas páginas de formulário e exibição. Quando a experiência moderna está ativada ou ao usar o canal mensal, as grades do painel do sistema usam o novo Controle de grade do Power Apps. A nova grade não está ativada por padrão.

Controle do gráfico

Os controles de gráfico em páginas de exibição e painéis são atualizados para uma nova paleta de cores para a aparência moderna e atualizada.

Se as cores do gráfico foram personalizadas, a nova aparência substituirá as cores personalizadas. O criador pode manter as cores personalizadas adicionando a propriedade CustomColorOverride no arquivo .xml do gráfico.

<Chart CustomColorOverride="true">

Atualização de cabeçalho e navegação

O cabeçalho e a navegação atualizados facilitam o uso dos aplicativos com um cabeçalho de aplicativo moderno, mapa do site simplificado e cabeçalhos de página condensados com comandos compactos. Essa experiência aumenta a produtividade, reduzindo o tempo gasto navegando em páginas, encontrando comandos e aprendendo layouts.

Veja a aparência do novo cabeçalho do aplicativo e do mapa do site simplificado:

Veja como o novo cabeçalho do formulário fica com mais foco nos detalhes da linha:

Esta atualização aplica-se automaticamente a todos os aplicativos gerados pelo Designer de planos. Para outros aplicativos existentes, você pode optar por seguir estas etapas:

1. No designer de aplicativos, selecione Configurações na barra de comando.
2. Selecione Recursos e habilite Atualização de cabeçalho e navegação.

Saiba mais em Perguntas frequentes sobre atualização de cabeçalho e navegação.

Limitações conhecidas

A aparência moderna e atualizada dos aplicativos baseados em modelo tem algumas limitações:

Aparência moderna e atualizada fora do navegador

Tanto o aplicativo móvel quanto o aplicativo de email não oferecem suporte à aparência moderna e atualizada e não fazem parte da versão preliminar ou da disponibilidade geral.

Alternar temas ou ativar o modo escuro

A troca de temas ou a ativação do modo escuro ainda não é suportada.

Honrando temas clássicos

Com a nova aparência moderna, atualizada, o Power Apps deixa de homenagear as personalizações de tema clássico. No entanto, você pode substituir as cores de cabeçalho do aplicativo para combinar a identidade visual da sua organização com aparência moderna, atualizada. Saiba mais em Alterar a cor do cabeçalho do aplicativo. Outras opções de personalização do tema para a aparência moderna, atualizada não estão disponíveis ainda.

Ícones personalizados

Há suporte somente a ícones de SVG. Se você utilizar outros formatos, como PNG, a navegação não os exibirá e um ícone padrão será exibido.

Perguntas frequentes

1. Posso usar a aparência moderna e atualizada no Power Apps component framework ou em componentes de código personalizados?

O tema moderno em uso é passado para componentes do Power Apps component framework, permitindo a você criar os componentes com temas modernos como estilo.

2. Posso usar a aparência moderna e atualizada em páginas personalizadas?

Controles modernos podem ser usados com páginas personalizadas e a aparência moderna e atualizada. Atualmente, as páginas personalizadas não usam o tema moderno.

3. Posso alterar a cor do cabeçalho do aplicativo?

É possível alterar a cor do cabeçalho do aplicativo para corresponder à sua organização enquanto estiver na aparência moderna e atualizada. Saiba mais em Usar temas modernos. Outras opções de personalização do tema para a aparência moderna, atualizada não estão disponíveis ainda.

4. Perguntas frequentes sobre atualização de cabeçalho e navegação

Posso ativar a atualização de cabeçalho e navegação sem ativar a Nova Aparência?

Não, você precisa ativar a Nova aparência , além de ativar a Atualização de cabeçalho e navegação para ver o cabeçalho atualizado e a experiência de navegação no aplicativo.

Como faço para habilitar a atualização de cabeçalho e navegação para aplicativos existentes?

O recurso está disponível como um recurso opcional para aplicativos existentes. Você pode habilitá-lo por meio da configuração do aplicativo.

Por que não vejo o ícone de Ajuda na barra de comandos global no cabeçalho do aplicativo?

O link da Ajuda para a documentação está disponível no painel de Configurações.

Onde está o trilho do painel lateral ao lado do painel de bate-papo Copilot?

O alternador de painel lateral fica disponível somente quando há dois ou mais painéis laterais no aplicativo. Quando o chat Copilot é o único painel lateral, o seletor fica oculto.

Por que o sitemap de um aplicativo gerado pelo Designer de planos parece diferente do sitemap de aplicativos existentes?

Os aplicativos gerados pelo Designer de planos terão um mapa do site simplificado. Os grupos Página Inicial, Recente, Fixado e mapa do site são desativados por padrão para uma lista simples simplificada de opções de navegação no mapa do site.

Revertendo para o visual clássico

Embora os usuários finais não tenham conseguido voltar para a aparência clássica desde o Ciclo de lançamentos 1 de 2025, os administradores ainda podem desativar a nova aparência para todos os usuários atualizando a configuração Nova aparência para aplicativos baseados em modelos.

1. Abrir https://make.powerapps.com/
2. Em Soluções abra uma solução existente com um ou mais aplicativos baseados em modelo.
3. Selecione Adicionar existente>Mais>Configuração.
4. Procure Nova aparência.
5. Selecione Nova aparência para aplicativos baseados em modelo.
6. Selecione Adicionar para adicioná-la à solução.
7. Selecione Nova aparência para aplicativos baseados em modelo no gerenciador de soluções.
8. Atualize Definir valor do ambiente como Não.
9. Adicione os aplicativos à solução para a qual você deseja desativar a nova aparência.
10. Atualize o valor dos aplicativos para Não.
11. Selecione Salvar.
12. Publique todas as personalizações.

Consulte Gerenciar configurações de aplicativo orientadas por modelos no designer de aplicativos para obter mais informações sobre essa e outras configurações de aplicativo.