Dijeli putem

Upotreba modernih tema

  • Članak

Korisnici aplikacija stvorenih prema modelu s modernim , osvježenim izgledom aplikacija utemeljenih na modelu doživljavaju ažurirani stil usklađen sa sustavom dizajna Microsoft Fluent 2. Budući da ovaj moderni osvježeni izgled dolazi s novim sustavom tema, klasične teme se ne poštuju; međutim, proizvođači mogu modificirati boje koje koristi zaglavlje aplikacije za korisnike koji su omogućili moderan, osvježen izgled. U ovom ćete članku saznati više o nadjačavanju stila dostupnim s modernim, osvježenim izgledom i kako ih implementirati za svoju tvrtku ili ustanovu.

Napomena

  • Moderne teme trenutno podržavaju samo prilagodbu zaglavlja aplikacije. Druge prilagodbe, kao što je prilagodba kontrole tijek poslovnog procesa, nisu dostupne.
  • Da bi moderne teme funkcionirale, aplikacija stvorena prema modelu mora koristiti novi izgled. Dodatne informacije: Moderan, osvježen izgled aplikacija utemeljenih na modelu

Izmjena boja zaglavlja aplikacije

S modernim , osvježenim izgledom omogućenim u aplikaciji, proizvođači mogu izmijeniti boje koje koristi zaglavlje aplikacije kako bi se uskladile s brendiranjem svoje organizacije. Da biste to postigli, inkapsulirajte željene boje u XML resurs, upotrijebite postavku aplikacije da biste pokazali na taj web-resurs, a zatim provjerite odgovaraju li promjene boja očekivanjima.

Napomena

Ova je funkcija dostupna u međuverziji 9.2.23094 ili novijoj verziji.

Pregled XML resursa koji će se koristiti za boje zaglavlja aplikacije

Prvi korak za izmjenu stila zaglavlja aplikacije je stvaranje XML datoteke s različitim odabirima boja. Kasnije ćete stvoriti XML web-resurs s jednim ili više sljedećih atributa definiranih unutar oznake AppHeaderColors .

  • Background – Boja pozadine zaglavlja aplikacije. Ovaj element mora biti definiran da bi sve promjene stupile na snagu.
  • Foreground – Boja teksta zaglavlja aplikacije. Ako to nije navedeno, sustav pokušava izračunati odgovarajuću boju koja ima dovoljan kontrast s navedenom bojom pozadine.
  • BackgroundHover – Boja pozadine gumba na zaglavlju aplikacije kada se iznad njih zadrži. Ako nije navedena vrijednost, sustav izračunava boju na temelju boje pozadine.
  • ForegroundHover – Boja teksta gumba u zaglavlju aplikacije kada se zadržite iznad njih. Ako nije navedena vrijednost, sustav pokušava izračunati odgovarajuću boju koja ima dovoljan kontrast s bojom pozadineHover.
  • BackgroundPressed – Boja pozadine gumba u zaglavlju aplikacije kada se pritisnu. Zadana logika ista je kao i backgroundHover.
  • ForegroundPressed – Boja teksta gumba u zaglavlju aplikacije kada se pritisnu. Zadana logika ista je kao i foregroundHover.
  • BackgroundSelected – Boja pozadine gumba u zaglavlju aplikacije kada su odabrani. Zadana logika ista je kao i backgroundHover.
  • ForegroundSelected – Boja teksta gumba u zaglavlju aplikacije kada su odabrani. Zadana logika ista je kao i backgroundHover.

Primjer XML-a za modernu temu

Kao primjer, ovaj XML određuje zelenu boju pozadine za zaglavlje aplikacije s bijelim tekstom, s tamnijim bojama pozadine za različita stanja interakcije gumba. Za optimalnu upotrebljivost preporučujemo navođenje različitih vrijednosti boja za svako stanje.

<AppHeaderColors 
  background="#12783F"
  foreground="#FFFFFF" 
  backgroundHover="#165A31" 
  foregroundHover="#FFFFFF"
  backgroundPressed="#0F1C12"
  foregroundPressed="#FFFFFF"
  backgroundSelected="#153D23" 
  foregroundSelected="#FFFFFF"
/>

Stvaranje web-resursa

  1. Pomoću uređivača teksta ili XML-a spremite XML koji se koristi za stvaranje web-resursa. Primjer XML-a za modernu temu
  2. Prijavite se Power Apps.
  3. Odaberite Rješenja u lijevom navigacijskom oknu, a zatim stvorite Novo rješenje .
  4. Odaberite Novi > više > web-resursa.
  5. U oknu svojstava Novi web-resurs unesite sljedeće vrijednosti:
    • zaslonsko ime: unesite zaslonsko ime, kao što je XML za moderne teme.
    • Naziv. Unesite jedinstveni naziv web-resursa.
    • Vrsta: Podaci (XML)
  6. Odaberite Odaberi datoteku, pregledajte, a zatim odaberite XML datoteku koju ste ranije stvorili s temom.
  7. Odaberite Spremi. Ovu prilagodbu objavljujete pomoću koraka u sljedećem odjeljku.

Primjena prilagođenih boja zaglavlja aplikacije na aplikacije u vašem okruženju

Nakon što odaberete boje i stvorite web-resurs, slijedite ove korake da biste omogućili stil zaglavlja aplikacije za sve aplikacije u vašem okruženju koje imaju omogućen novi izgled .

  1. U rješenju koje ste koristili za stvaranje web-resursa odaberite Dodaj postojeću > postavku > Više.
  2. Upišite Nadjačavanje u okvir za pretraživanje, odaberite Nadjačavanje boje zaglavlja aplikacije, odaberite Dalje, a zatim odaberite Dodaj.
  3. U rješenju odaberite Nadjačajte boju zaglavlja aplikacije, a zatim odaberite Uredi na naredbenoj traci.
  4. S desne strane okna Uredi nadjačavanje boje zaglavlja aplikacije odaberite Postavljanje vrijednosti okruženja i unesite jedinstveni naziv web-resursa koji ste ranije stvorili. Obavezno dodajte prefiks izdavača za web-resurs i nemojte uključivati citate. Na primjer, naziv se može pojaviti kao contoso_xmlfor-moderna-tema kao u ovom primjeru. Postavka okruženja za temu s jedinstvenim nazivom web-resursa contoso_xmlfor-moderna-tema.
  5. Odaberite Spremi.
  6. Odaberite Objavi sve prilagodbe na naredbenoj traci. (Ova se naredba pojavljuje kada nisu odabrane komponente u rješenju).

S primjerima boja, zaglavlje aplikacije trebalo bi izgledati ovako kada reproducirate aplikaciju (možda ćete morati osvježiti karticu preglednika).
Zeleno zaglavlje aplikacije u aplikaciji stvorenoj prema modelu

Provjera novih boja zaglavlja aplikacije

Nakon objavljivanja novih boja zaglavlja aplikacije, htjet ćete provjeriti vizualne elemente zaglavlja aplikacije, uključujući sva stanja gumba, kako biste bili sigurni da se sve prikazuje kako očekujete i da postoje dovoljni omjeri kontrasta za pristupačnost. Trebali biste provjeriti sljedeće izbore boja:

  • Željene boje prikazane su za zaglavlje aplikacije u mirovanju i za svako stanje interakcije gumba.
  • Postoji najmanje 4.5:1 omjer kontrasta između boja prednjeg plana i pozadine za stanje mirovanja i svako stanje interakcije gumba.

Pogledajte

Moderan osvježeni izgled

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).