Aspecte modern i actualitzat per a aplicacions basades en models
Les aplicacions basades en models tenen un aspecte modern i actualitzat quan el commutador Aspecte nou està activat. La nova aparença ofereix un estil actualitzat que inclou tipus de lletra, colors, vores i ombres que s'alineen amb el darrer sistema de disseny Microsoft Fluent. L'aspecte actualitzat fa que les aplicacions basades en models siguin més fàcils d'utilitzar perquè els usuaris puguin assolir els seus objectius de manera ràpida i eficient. El sistema de disseny Fluent proporciona coherència, qualitat i coherència a tota la plataforma de Microsoft. També proporciona una base sòlida per a l'extensibilitat i permet suportar el mode fosc en el futur.
Important
Amb el estrena mensual del canal d'octubre, s'elimina l'opció New Look . Més informació a Gestió sempre al llançament. Aquest canvi es va compartir a la Nota de la versió 2 de l'ona 2024 i a la Nota de la versió mensual d'octubre de 2024.
Què inclou l'aspecte modern i renovat
Això és el que podeu esperar de l'experiència moderna i renovada:
- S'ha actualitzat l'estil a les pàgines de formulari, visualització i tauler, que inclou l'ús d'ombres i colors de fons més brillants per crear un aspecte elevat o flotant . L'aparença flotant ajuda a separar visualment les seccions i centra l'atenció en el contingut principal.
- Nous controls basats en Fluent en formularis, fluxos de processos empresarials i diàlegs. Els diàlegs ara canvien la mida de l'alçada automàticament en funció del contingut.
- Una nova quadrícula Power Apps en lloc de la quadrícula de només lectura a la vista i a les pàgines estàndard del tauler de control.
- Un nou mecanisme per personalitzar els colors de la capçalera de l'aplicació perquè coincideixin amb la vostra marca personal o organitzativa. Més informació a Utilitza temes moderns.
- Una configuració d'usuari final anomenada Proveu el nou aspecte que activa l'experiència moderna i actualitzada.
Barra d'ordres
La barra d'ordres flotant s'alinea amb l'experiència Microsoft 365 , amb un espai constant, cantonades arrodonides i elevació. Observeu com la barra d'ordres es troba en una secció separada a la part superior de la pàgina a l'exemple següent.
Veure pàgines
Les pàgines de visualització utilitzen la nova barra d'ordres i amb àrees de quadrícula actualitzades que aprofiten els canvis d'elevació per ajudar a cridar l'atenció de l'usuari.
El canvi més important a les pàgines de visualització és el canvi de la quadrícula de només lectura al Power Apps control de quadrícula, que inclou un desplaçament infinit per a una experiència de navegació de dades moderna. Aquesta quadrícula també apareix a les subquadrícules i les quadrícules associades als formularis i quadres de comandament principals. El control de la quadrícula Power Apps també admet l'edició en línia mitjançant la propietat Activa el filtratge . Els fabricants poden configurar manualment les seves quadrícules editables per utilitzar el control de quadrícula Power Apps .
L'exemple següent mostra una pàgina de visualització amb un aspecte modern i actualitzat.
Pàgines de formulari
Les pàgines de formulari utilitzen la nova barra d'ordres amb capçaleres, pestanyes, seccions i fluxos de processos de negoci actualitzats. Les visualitzacions ràpides, els formularis de targetes, les capçaleres, els mapes del lloc i els controls de la línia de temps també inclouen l'actualització d'estil.
L'exemple següent mostra una pàgina de formulari amb un aspecte modern i actualitzat.
Controls de camp
Els controls de camp, com ara l'entrada de text, l'entrada d'accions, la cerca i els controls de caselles de selecció, es creen i es dissenyen mitjançant components Fluent. Les actualitzacions futures modernitzaran més controls de camp mitjançant el disseny Fluent.
Les seccions de camp, que són contenidors per als camps d'un formulari, tenen un disseny més racionalitzat. Les icones es troben ara al costat dret de les etiquetes dels camps. Algunes icones redundants s'han eliminat per a un disseny més net. L'estil d'entrada i missatge d'error també s'actualitza en funció del disseny Fluent.
L'exemple següent mostra un conjunt de camps amb un aspecte modern i actualitzat.
Pàgina del tauler de control
La pàgina del tauler del sistema, amb subquadrícules i gràfics independents, s'actualitza per utilitzar la nova barra d'ordres i té un estil semblant a les seccions de les pàgines de formulari i de visualització. Quan l'experiència moderna està activada o quan s'utilitza el canal mensual, les quadrícules del tauler del sistema utilitzen el nou Power Apps control de quadrícula. La nova quadrícula no està activada per defecte.
Controls de gràfics
Els controls de gràfics a les pàgines de visualització i als taulers de control s'actualitzen a una nova paleta de colors per a un aspecte modern i actualitzat.
Si els colors del gràfic es van personalitzar, el nou aspecte anul·la els colors personalitzats. El creador pot mantenir els colors personalitzats afegint la propietat CustomColorOverride al fitxer .xml del gràfic.
<Chart CustomColorOverride="true">
Limitacions conegudes
L'aspecte modern i actualitzat de les aplicacions basades en models té algunes limitacions:
Aspecte modern i actualitzat fora del navegador
L'aplicació mòbil i l'aplicació de correu no admeten l'aspecte modern i actualitzat i no formen part de la previsualització ni de la disponibilitat general.
Canviar de tema o activar el mode fosc
Canviar de tema o activar el mode fosc no és compatible en aquest moment.
Honorant la temàtica clàssica
Amb l'aspecte modern i renovat, Power Apps ja no fa honor personalitzacions clàssiques del tema. Tanmateix, podeu anul·lar els colors de la capçalera de l'aplicació perquè coincideixi amb la marca de la vostra organització amb l'aspecte modern i actualitzat. Obteniu més informació a Canviar el color de la capçalera de l'aplicació. Altres opcions de personalització de temes per a l'aspecte modern i renovat encara no estan disponibles.
Icones personalitzades
Només s'admeten les icones SVG. Si utilitzeu altres formats, com ara PNG, la navegació no els mostrarà i apareixerà una icona per defecte.
Preguntes més freqüents
Puc utilitzar l'aspecte modern i actualitzat en el marc de Power Apps components o en components de codi personalitzats?
El tema modern en ús es passa als Power Apps components del marc de components, cosa que us permet dissenyar els vostres components amb temes moderns.
Puc utilitzar l'aspecte modern i renovat a les pàgines personalitzades?
Els controls moderns es poden utilitzar amb pàgines personalitzades i l'aspecte modern i actualitzat. Actualment, les pàgines personalitzades no utilitzen el tema modern.
Puc canviar el color de la capçalera de l'aplicació?
És possible canviar el color de la capçalera de l'aplicació perquè coincideixi amb la vostra organització mentre teniu un aspecte modern i actualitzat. Més informació a Utilitza temes moderns. Altres opcions de personalització de temes per a l'aspecte modern i renovat encara no estan disponibles.
Treballant amb l'aspecte modern i renovat
Proporcionar comentaris sobre l'aspecte modern i renovat
Després d'utilitzar l'aspecte modern i actualitzat de les vostres aplicacions basades en models, expliqueu-nos què en penseu al fòrum de la Power Apps comunitat.
Gestió del desplegament sempre actiu
Amb la versió mensual d'octubre de 2024, els usuaris del canal mensual ja no veuen el commutador Aspecte nou a la capçalera de l'aplicació. El nou aspecte sempre està activat. Els creadors i administradors poden obligar els usuaris a tenir l'aspecte clàssic convertint la configuració de l'aplicació Nou aspecte per a aplicacions basades en models a false. Obtén més informació a Tornar a l'aspecte clàssic.
Torna a la interfície d'usuari antiga
Els usuaris finals del canal semestral poden tornar a la interfície d'usuari antiga desactivant el commutador Aspecte nou. Els creadors també poden desactivar el nou aspecte actualitzant la configuració de l'aplicació.
Obteniu més informació sobre com desactivar l'aspecte modern i actualitzat a Administrar la configuració de l'aplicació basada en models al dissenyador d'aplicacions.
Els administradors poden desactivar la configuració Aspecte nou a totes les aplicacions d'una organització mitjançant l'explorador de solucions per definir el valor Aspecte nou per a les aplicacions basades en models en No. Això amaga el commutador New look i evita que l'aspecte modern i renovat faci efecte.
A Solucions, obriu una solució existent amb una o més aplicacions basades en models:
Seleccioneu Afegeix existent>Més>Configuració.
Cerqueu Nou aspecte.
Seleccioneu Aspecte nou per a les aplicacions basades en models.
Seleccioneu Afegeix per afegir-lo a la solució.
Seleccioneu Aspecte nou per a aplicacions basades en models des de l'explorador de solucions.
Actualitza el valor de l'entorn de configuració a No.
Seleccioneu Desa.
Publiqueu totes les personalitzacions.
Nota
Si utilitzeu la fase 2 de la versió 2023 i voleu desactivar el nou aspecte, actualitzeu l'opció de configuració Prova el nou aspecte .
Activar l'aspecte modern de la meva aplicació i eliminar el commutador
En els escenaris en què els creadors i els administradors vulguin activar una experiència moderna "Sempre activada", poden activar-la definint l'opció de configuració de l'aplicació Nou aspecte sempre activat . Això activa l'aspecte modern i actualitzat per a tots els usuaris de l'aplicació i elimina la capacitat de canvi de capçalera perquè els usuaris finals desactivin l'aspecte nou.
Els administradors poden activar la configuració Aspecte nou sempre activat a totes les aplicacions d'una organització mitjançant l'explorador de solucions per definir el valor Aspecte nou sempre activat a Sí. Això amaga el commutador d'aspecte nou i activa l'aspecte modern i renovat per a tots els usuaris.
- Obrir https://make.powerapps.com/
- A Solucions, obriu una solució existent amb una o més aplicacions basades en models:
- Seleccioneu Afegeix existent>Més>Configuració.
- Cerqueu Nou aspecte sempre activat.
- Seleccioneu Aspecte nou sempre activat.
- Seleccioneu Afegeix per afegir-lo a la solució.
- Seleccioneu Aspecte nou sempre activat a l'explorador de solucions.
- Actualitzeu el valor de l'entorn de configuració a Sí.
- Seleccioneu Desa.
- Publiqueu totes les personalitzacions.