Jaa

Modernien teemojen käyttäminen

  • Artikkeli

Niiden mallipohjaisten sovellusten käyttäjät, joissa on moderni, päivitetty ulkoasu mallipohjaisille sovelluksille, saavat käyttöönsä päivitetyn tyylin, joka noudattaa Microsoft Fluent 2 -suunnittelujärjestelmää. Koska tämä moderni päivitetty ulkoasu sisältää uuden teemajärjestelmän, perinteistä teemaa ei käytetä. Tekijät voivat kuitenkin muokata sovelluksen otsikossa käytettäviä värejä niitä käyttäjiä varten, jotka ovat ottaneet käyttöön modernin, päivitetyn ulkoasun. Tässä artikkelissa opetellaan käyttämään modernin, päivitetyn ulkoasun mukana tulevia tyylin kovauksia ja miten ne voi ottaa käyttöön omassa organisaatiossa.

Huomautus

  • Modernit teemat tukevat tällä hetkellä vain sovelluksen ylätunnisteen mukauttamista. Muut mukautukset, kuten liiketoimintaprosessin ohjausobjektin mukauttaminen, eivät ole enää käytettävissä.
  • Jotta uudet teemat toimisivat, mallipohjaisessa sovelluksessa on oltava Uusi ulkoasu käytössä. Lisätietoja: Mallipohjaisten sovellusten uudenaikainen, uudistettu ulkoasu

Sovelluksen ylätunnisteen värien muokkaaminen

Kun sovelluksessa on käytössä moderni, päivitetty ulkoasu, tekijät voivat muokata sovelluksen otsikon värejä ja yhtenäistää ne organisaationsa brändäyksen kanssa. Voit tehdä tämän asettamalla halutut värit XML-resurssiin, käyttämällä sovellusasetusta, joka osoittaa tähän WWW-resurssiin, ja tarkistamalla, että värien muutokset ovat odotusten mukaiset.

Huomautus

Tämä toiminnallisuus on saatavilla koontiversiossa 9.2.23094 ja sitä uudemmissa versioissa.

Sovelluksen otsikkoväreissä käytettävän XML-resurssin yleiskatsaus

Ensimmäinen vaihe sovelluksen otsikon muokkaamiseen on luoda XML-tiedosto, jossa on eri värivalinnat. Myöhemmin luot XML-WWW-resurssin, jossa on vähintään yksi seuraavista määritteistä, jotka on määritetty AppHeaderColors-tunnisteen sisällä.

  • Background – Sovelluksen ylätunnisteen taustaväri. Tämä elementti on määritettävä, jotta muutokset tulevat voimaan.
  • Foreground – Sovelluksen ylätunnisteen tekstin väri. Jos tätä ei määritetä, järjestelmä yrittää laskea sopivan värin, joka on riittävä kontrastissa määritetyn taustavärin kanssa.
  • BackgroundHover – Sovelluksen ylätunnisteen painikkeiden taustaväri, kun niiden päälle viedään hiiren osoitin. Jos arvoa ei määritetä, järjestelmä laskee värin taustavärin perusteella.
  • ForegroundHover – Sovelluksen ylätunnisteen painikkeiden tekstin väri, kun niiden päälle viedään hiiren osoitin. Jos arvoa ei määritetä, järjestelmä yrittää laskea sopivan värin, joka on riittävä kontrastissa backgroundHover-värin kanssa.
  • BackgroundPressed – Sovelluksen ylätunnisteen painikkeiden taustaväri, kun niitä painetaan. Oletuslogiikka on sama kuin backgroundHover-värissä.
  • ForegroundPressed – Sovelluksen ylätunnisteen painikkeiden tekstin väri, kun niitä painetaan. Oletuslogiikka on sama kuin foregroundHover-värissä.
  • BackgroundSelected – Sovelluksen ylätunnisteen painikkeiden taustaväri, kun ne valitaan. Oletuslogiikka on sama kuin backgroundHover-värissä.
  • ForegroundSelected – Sovelluksen ylätunnisteen painikkeiden tekstin väri, kun ne valitaan. Oletuslogiikka on sama kuin backgroundHover-värissä.

Esimerkki modernin teeman XML-koodista

Esimerkkinä tämä XML määrittää sovelluksen ylätunnisteeseen vihreän taustavärin, jossa on valkoista tekstiä ja tummempia taustavärejä painikkeen vuorovaikutustiloille. Optimaalisen käytettävyyden vuoksi on suositeltavaa määrittää eri väriarvot kullekin tilalle.

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

WWW-resurssin luominen

  1. Tallenna WWW-resurssin luomiseen käytettävä XML-koodi teksti- tai XML-editorilla. Esimerkki modernin teeman XML-koodista
  2. Kirjaudu Power Apps.
  3. Valitse vasemmassa ruudussa ensin Ratkaisut ja luo sitten Uusi ratkaisu.
  4. Valitse Uusi > Lisää > Verkkoresurssi.
  5. Anna uuden verkkoresurssin ominaisuusruudussa seuraavat arvot:
    • Näyttönimi: kirjoita näyttönimi,esimerkiksi XML uudenaikaista teemaa varten.
    • Nimi. Anna verkkoresurssin yksilöivä nimi.
    • Tyyppi: Tiedot (XML)
  6. Valitse Valitse tiedosto, siirry selaamalla ja valitse sitten teemalla aiemmin luomasi XML-tiedosto.
  7. Valitse Tallenna. Tämä mukauttaminen julkaistaan seuraavassa osassa esitettyjen vaiheiden avulla.

Mukautettujen sovellusten otsikkovärien käyttäminen ympäristön sovelluksissa

Kun olet valinnut värit ja luonut verkkoresurssin, ota tämä sovellusotsikko käyttöön seuraavien vaiheiden mukaisesti kaikille ympäristön sovelluksille, joissa Uusi ulkoasu on otettu käyttöön.

  1. Valitse WWW-resurssin luomiseen käyttämässäsi ratkaisussa Lisää aiemmin luotu > Lisää > Asetus.
  2. Kirjoita Haku-ruutuun Korvaa ja valitse Korvaa sovelluksen otsikon väri, valitse Seuraava ja valitse sitten Lisää.
  3. Valitse ratkaisussa Korvaa sovelluksen ylätunnisteen väri ja valitse sitten komentopalkissa Muokkaa.
  4. Valitse oikeanpuoleisessa Muokkaa korvaavaa sovelluksen otsikon väriä -ominaisuusruudussa Määritä ympäristön arvo ja kirjoita aiemmin luomasi WWW-resurssin yksilöllinen nimi. Lisää WWW-resurssiin julkaisijan etuliite, äläkä lisää lainausmerkkejä. Nimi voi esimerkiksi näkyä muodossa contoso_xmlfor-modern-theme, kuten tässä esimerkissä. Ympäristöasetus teemalle, jonka WWW-resurssin yksilöllinen nimi contoso_xmlfor-modern-theme.
  5. Valitse Tallenna.
  6. Valitse komentopalkissa Julkaise kaikki mukautukset. (Tämä komento tulee näkyviin, kun ratkaisun osia ei ole valittu).

Kun käytät esimerkkivärejä, sovelluksen ylätunnisteen pitäisi näyttää tältä, kun toistat sovellusta (selainvälilehti on ehkä päivitettävä).
Mallipohjaisen sovelluksen vihreä sovelluksen ylätunniste

Uusien sovellusten ylätunnisteen värien tarkistaminen

Kun olet julkaissut uudet sovelluksen ylätunnisteen värit, sinun täytyy tarkistaa sovelluksen otsikon visuaaliset tehosteet ja kaikki painikkeiden tilat. Näin varmistat, että kaikki näkyy odottamallasi tavalla ja että helppokäyttötoimintojen kanssa on riittävästi kontrastisuhteita. Tarkista seuraavat väriasetukset:

  • Sovelluksen ylätunnisteessa näkyvät halutut värit käyttämättömänä ja kunkin painikkeen vuorovaikutustilalle.
  • Edustan ja taustan värien välillä on vähintään 4,5:1-kontrastisuhde lepotilalle ja kunkin painikkeen vuorovaikutustilalle.

Katso myös

Moderni päivitetty ulkoasu

Huomautus

Voitko kertoa meille dokumentaatiota koskevan kielimäärityksesi? Vastaa lyhyeen kyselyyn. (Huomaa, että tämä kysely on englanninkielinen.)

Kyselyyn vastaaminen kestää noin seitsemän minuuttia. Henkilökohtaisia tietoja ei kerätä (tietosuojatiedot).