Dela via


Använda moderna teman i arbetsyteappar

Om du använder moderna teman, alltså förinstallerade stiluppsättningar, kan du transformera utseendet på ditt program. Dessa teman bygger på Microsofts Fluent-designspråk och ändrar olika stilaspekter som t.ex. färg, typografi, ramar och skuggor, vilket ger ett visuellt tilltalande gränssnitt.

Modern temaanpassning förenklar anpassningsprocessen och gör det möjligt för skapare att snabbt och enkelt utforma ett program med en enhetlig, konsekvent och tilltalande visuell utformning.

Förutsättningar

Aktivera funktionen för moderna teman i appens inställningar Power Apps :

  1. Öppna appen eller skapa en ny app.
  2. Från din app öppnar du Inställningar från appens redigeringsmeny eller det moderna kommandofältet.
  3. Gå till Uppdateringar>Nya>moderna kontroller och teman.
  4. Ställ in växlingsknappen Moderna kontroller och teman.
  5. Stäng dialogrutan Inställningar.

Mer information finns i Aktivera moderna kontroller och teman för din app.

Obs

När moderna kontroller och teman är aktiverat kan du inte välja klassiska teman i kommandofältet. Om du vill använda indragna klassiska teman går du till Behåll klassiska teman på fliken Indragna i Uppdateringar i Inställningar och växlar den till .

Skapa ett tema

Det finns flera färdiga teman tillgänglig för att designa ditt program. Du kan också utforma ditt eget tema i syfte att få en mer personlig visuell upplevelse.

  1. På appen redigeringsmeny, välj Ikonen TemanTeman.

  2. I rutan Teman väljer du Lägg till ett tema.

    Skärmbild som visar platsen för väljaren Lägg till ett tema.

    Dialogrutan Skapa ett tema visas.

    Skärmbild som visar användargränssnittet Skapa ett tema.

  3. I dialogrutan Skapa ett tema väljer du eller anger följande information:

    Egenskap Åtgärd eller beskrivning
    Primär (start) färg Välj en färg i färgväljaren. Du kan alternativt ange hexadecimal eller RGB manuellt.
    Lås primär färg (förhandsversion) Temapaletten med 16 platser genereras med hjälp av fröfärgen.
    - Avstängd: Paletten med 16 platser är optimerad för tillgänglighet. Avstängd är standardinställningen.
    - Aktiverad: Fröfärgen placeras i palettens primära (mittersta plats). De återstående färgerna genereras genom att göra färgerna stegvis ljusare på ena sidan och mörkare på den andra sidan. Den genererade paletten kanske inte uppfyller tillgänglighetskraven för kontrastförhållande.
    Temanamn Ange ett unikt namn för temat.
    Teckensnitt Välj ditt standardtypsnitt som används av kontrollerna i appen.
    Deformation Påverkar palettens ton, skugga eller nyans, särskilt de ljusare färgerna. Torsion är inte tillämpligt om du väljer Lås primär färg.
    Klarhet Påverkar palettens tysthet eller ljushet. Klarhet är inte tillämpligt om du väljer Lås primär färg.
    Förhandsgranska Du kan också titta på den statiska förhandsgranskningen av din nya text. Du kan interagera med exempelkontrollerna och se hur kontrollerna tillämpas på resten och i olika interaktionstillstånd. Skärmbild som visar avsnittet Förhandsgranska i fönstret när du skapar eller redigerar ett tema.
  4. Välj Skapa.

Ditt nya tema skapas och tillämpas på ditt program.

Använd modernt tema

  1. På appen redigeringsmeny, välj Ikonen TemanTeman.
  2. I fönstret Teman väljer du ett standardtema.
  3. Om du har klassiska kontroller i appen uppmanas du att använda det moderna temat för dessa kontroller. Du kan alltid välja Ångra i kommandofältet om du inte gillar temat.

    Obs

    När du väljer att använda moderna teman för klassiska kontroller så är Power Fx-formler inställda på egenskaper för de påverkade kontrollerna som refererar till variabler från det moderna temat. Visuellt kanske klassiska kontroller inte överensstämmer exakt med sina moderna kontrollmotsvarigheter, eftersom de klassiska kontrollerna inte baseras på Fluent v9.

När du väljer modern arkitektur tillämpas stilen automatiskt på kontrollerna i appen. Den här åtgärden anger egenskapen App.Theme.

Redigera ett tema

Du kan redigera temat och ändra en eller flera parametrar för det anpassade temat.

  1. På appen redigeringsmeny, välj Ikonen TemanTeman.

  2. Leta reda på panelen för det tema som du vill redigera i fönstret Teman och välj spillmenyn och sedan Redigera.

    Skärmbild som visar platsen för ellipspunkterna där du kan välja Redigera.

  3. I fönstret Redigera tema justerar du temat efter behov.

  4. Välj Spara eller avbryt i dialogrutan.

Obs

Du kan inte redigera färdiga teman.

Ta bort ett tema

Om du bestämmer dig för att du inte längre behöver ett anpassat tema i ditt program kan du ta bort det.

  1. På appen redigeringsmeny, välj Ikonen TemanTeman.
  2. Leta reda på panelen för det tema som du vill redigera i fönstret Teman och välj spillmenyn och sedan Redigera.
  3. I bekräftelsens dialogruta väljer du Ta bort tema.

Om du har några Power Fx-formler som refererar till detta tema i ditt program måste du uppdatera formeln manuellt.

Obs

Du kan inte ta bort färdiga teman.

Använda teman med Power Fx

Moderna temaobjekt är tillgängliga för utvecklare att använda Power Fx. Det aktiva temaobjektet kan refereras till av App.Theme. Alla teman som läses in i appen kan refereras till med dess instansnamn, till exempel RedTheme. Vi rekommenderar att du refererar till objektet med hjälp av App.Theme för att se till att färgvalen anpassar sig efter temaändringar.

Varje temaobjekt inkluderar följande information:

  • Namn på temat
  • Färger, en rampkollektion med 16 färger som är individuellt tillgänglig med namn; Primär förgrundsfärg är standardtextfärgen, till exempel färgen på text på en bakgrund
  • Teckensnitt som används i temat

På bilden visas slotvariablerna i samlingen Färger och, som exempel, motsvarande färger för temat Stål.

Skärmbild som visar slotvariablerna och 16-delad färgvarumärkesramp för ståltemat.

Med hjälp av temats varumärkesramp kan du till exempel Button.Fill = App.Theme.Colors.Primary manuellt formatera en klassisk kontroll baserat på det aktuella moderna temat.

Obs

Information om hur du ger feedback finns i: Lämna feedback till Microsoft.

Se även

Blogginlägg om modern kontroll
Använda moderna teman med Power Apps (video)