Uporaba sodobnih tem
Uporabniki aplikacij, ki temeljijo na modelu, s modernim, osveženim videzom aplikacij, ki temeljijo na modelu izkusijo posodobljen slog, usklajen s sistemom oblikovanja Microsoft Fluent 2. Ker ta moderni osveženi videz prihaja z novim sistemom tematiziranja, klasično tematiziranje ni spoštovano; vendar lahko izdelovalci spremenijo barve, ki jih uporablja glava aplikacije za uporabnike, ki so omogočili sodoben, osvežen videz. V tem članku boste izvedeli več o stilskih preglasitvah, ki so na voljo s sodobnim, osveženim videzom, in o tem, kako jih implementirati v svojo organizacijo.
Opomba
- Sodobne teme trenutno podpirajo samo prilagajanje glave aplikacije. Druge prilagoditve, kot je prilagoditev kontrolnika potek poslovnega procesa, niso na voljo.
- Za delovanje sodobnih tem mora aplikacija, ki temelji na modelu, uporabljati Nov videz. Več informacij: Moderen, osvežen videz za aplikacije, ki temeljijo na modelu
Spremenite barve glave aplikacije
Z omogočenim modernim, osveženim videzom v aplikaciji lahko izdelovalci spremenijo barve, ki jih uporablja glava aplikacije, da se uskladijo z blagovno znamko njihove organizacije. Če želite to doseči, zapakirajte želene barve v vir XML, uporabite nastavitev aplikacije, da pokažete na ta spletni vir, in nato preverite, ali se barvne spremembe ujemajo s pričakovanji.
Opomba
Ta funkcionalnost je na voljo v gradnji 9.2.23094 ali novejši različici.
Pregled vira XML za uporabo za barve glave aplikacije
Prva korak sprememba sloga glave aplikacije je ustvariti datoteko XML z različnimi izbirami barv. Kasneje ustvarite spletni vir XML z enim ali več od naslednjih atributov, definiranih znotraj oznake AppHeaderColors
.
Background
– Barva ozadja glave aplikacije. Ta element mora biti definiran, da morebitne spremembe začnejo veljati.Foreground
– Barva besedila glave aplikacije. Če to ni določeno, poskuša sistem izračunati ustrezno barvo, ki ima zadosten kontrast glede na podano barvo ozadja.BackgroundHover
– Barva ozadja gumbov v glavi aplikacije, ko nad njimi premaknete miškin kazalec. Če vrednost ni navedena, sistem izračuna barvo na podlagi barve ozadja.ForegroundHover
– Barva besedila gumbov v glavi aplikacije, ko nad njimi premaknete miškin kazalec. Če vrednost ni navedena, sistem poskuša izračunati ustrezno barvo, ki ima zadosten kontrast glede na barvo ozadjaHover.BackgroundPressed
– Barva ozadja gumbov v glavi aplikacije, ko jih pritisnete. Privzeta logika je enaka logiki backgroundHover.ForegroundPressed
– Barva besedila gumbov v glavi aplikacije, ko jih pritisnete. Privzeta logika je enaka logiki foregroundHover.BackgroundSelected
– Barva ozadja gumbov v glavi aplikacije, ko so izbrani. Privzeta logika je enaka logiki backgroundHover.ForegroundSelected
– Barva besedila gumbov v glavi aplikacije, ko so izbrani. Privzeta logika je enaka logiki backgroundHover.
Primer XML za sodobno temo
Na primer, ta XML določa zeleno barvo ozadja za glavo aplikacije z belim besedilom, s temnejšimi barvami ozadja za različna stanja interakcije gumbov. Za optimalno uporabnost priporočamo, da določite različne barvne vrednosti za vsako stanje.
<AppHeaderColors
background="#12783F"
foreground="#FFFFFF"
backgroundHover="#165A31"
foregroundHover="#FFFFFF"
backgroundPressed="#0F1C12"
foregroundPressed="#FFFFFF"
backgroundSelected="#153D23"
foregroundSelected="#FFFFFF"
/>
Ustvarite spletni vir
- Z urejevalnikom besedila ali XML shranite XML, ki se uporablja za ustvarjanje spletnega vira. Primer XML za sodobno temo
- Prijavite se Power Apps.
- V levem podoknu za krmarjenje izberite Rešitve in nato ustvarite Novo rešitev.
- Izberite Novo > Več > Spletni vir.
- V podoknu Lastnosti novega spletnega vira vnesite naslednje vrednosti:
- prikazno ime: Vnesite prikazno ime, kot je XML za sodobno tematiziranje.
- Ime. Vnesite edinstveno ime za spletni vir.
- Vrsta: Podatki (XML)
- Izberite Izberi datoteko, poiščite in nato izberite datoteko XML, ki ste jo prej ustvarili s temo.
- Izberite Shrani. To prilagoditev objavite s koraki v naslednjem razdelku.
Uporabite barve glave aplikacije po meri za aplikacije v vašem okolju
Ko izberete barve in ustvarite spletni vir, sledite tem korakom, da omogočite ta slog glave aplikacije za vse aplikacije v vašem okolju, ki imajo omogočen Nov videz .
- V rešitvi, s katero ste ustvarili spletni vir, izberite Dodaj obstoječe > Več > Nastavitev.
- Vnesite Preglasi v Iskalno polje izberite Preglasi barvo glave aplikacije, izberite Naprej in nato izberite Dodaj.
- V rešitvi izberite Preglasi barvo glave aplikacije in nato izberite Uredi v ukazni vrstici.
- V desnem podoknu z lastnostmi Edit Override app header color izberite Setting environment value in vnesite edinstveno ime vašega spletni vir, ki ste ga ustvarili prej. Ne pozabite dodati predpone založnika za spletni vir in ne vključite narekovajev. Ime se lahko na primer pojavi kot contoso_xmlfor-modern-theme kot v tem primeru.
- Izberite Shrani.
- V ukazni vrstici izberite Objavi vse prilagoditve . (Ta ukaz se prikaže, ko v rešitvi ni izbrana nobena komponenta).
Z primeri barv bi morala biti glava aplikacije videti takole, ko predvajate aplikacijo (morda boste morali osvežiti zavihek brskalnika).
Preverjanje novih barv glave aplikacije
Ko objavite nove barve glave aplikacije, boste želeli preveriti vizualne elemente glave aplikacije, vključno z vsemi stanji gumbov, da zagotovite, da je vse prikazano, kot pričakujete, in da obstaja zadostno kontrastno razmerje za dostopnost. Preverite naslednje barvne izbire:
- Želene barve so prikazane za mirujočo glavo aplikacije in za vsako stanje interakcije gumba.
- Kontrastno razmerje med barvami ospredja in ozadja za stanje počitka in stanje interakcije vsakega gumba je najmanj 4,5:1.
Glejte tudi
Opomba
Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)
Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).
Povratne informacije
https://aka.ms/ContentUserFeedback.
Kmalu na voljo: V letu 2024 bomo ukinili storitev Težave v storitvi GitHub kot mehanizem za povratne informacije za vsebino in jo zamenjali z novim sistemom za povratne informacije. Za več informacij si oglejte:Pošlji in prikaži povratne informacije za