Kopīgot, izmantojot


Mūsdienīgu tēmu lietojums

Modeļa vadītu programmu lietotāji ar modernu , atsvaidzinātu modeļa vadītu programmu izskatu iespējotu pieredzi atjauninātā stilā, kas saskaņots ar Microsoft Fluent 2 noformēšanas sistēmu. Tā kā šis modernais atsvaidzinātais izskats nāk ar jaunu tēmu sistēmu, klasiskā tēma netiek ievērota; tomēr veidotāji var modificēt lietotnes galvenes izmantotās krāsas lietotājiem, kuri ir iespējojuši modernu, atsvaidzinātu izskatu. Šajā rakstā uzzināsit par stila ignorēšanu, kas pieejama ar modernu, atsvaidzinātu izskatu, un par to, kā tos ieviest savā organizācijā.

Piezīme

  • Mūsdienu dizaini pašlaik atbalsta tikai programmas galvenes pielāgošanu. Citi pielāgojumi, piemēram, biznesa procesa plūsma vadīklas pielāgošana, nav pieejami.
  • Lai mūsdienu dizaini darbotos, modeļa vadītai programmai ir jāizmanto jauns izskats. PapildinformācijaModerns , atsvaidzināts modeļa vadītu programmu izskats

Programmas galvenes krāsu modificēšana

Ja programmā ir iespējots moderns , atsvaidzināts izskats, veidotāji var modificēt lietotnes galvenes izmantotās krāsas, lai tās atbilstu viņu organizācijas zīmolam. Lai to paveiktu, XML resursā iekapsulējiet vēlamās krāsas, izmantojiet programmas iestatījumu, lai norādītu uz šo tīmekļa resursu, un pēc tam pārbaudiet, vai krāsu izmaiņas atbilst gaidītajam.

Piezīme

Šī funkcionalitāte ir pieejama būvējuma 9.2.23094 vai jaunākā versijā.

Pārskats par XML resursu, ko izmantot lietojumprogrammu galveņu krāsām

Pirmais programmas galvenes stila modificēšanas solis ir izveidot XML failu ar dažādām krāsu atlasēm. Vēlāk jūs izveidojat XML tīmekļa resursu ar vienu vai vairākiem tālāk norādītajiem atribūtiem, kas definēti tagā AppHeaderColors .

  • Background - Lietotnes galvenes fona krāsa. Šis elements ir jādefinē, lai visas izmaiņas stātos spēkā.
  • Foreground - Lietotnes galvenes teksta krāsa. Ja tas nav norādīts, sistēma mēģina aprēķināt atbilstošu krāsu, kurai ir pietiekams kontrasts ar norādīto fona krāsu.
  • BackgroundHover - Lietotņu galvenes pogu fona krāsa, kad tās tiek novietotas virs tās. Ja vērtība nav norādīta, sistēma aprēķina krāsu, pamatojoties uz fona krāsu.
  • ForegroundHover - Pogas teksta krāsa lietotnes galvenē, kad tās tiek novietotas virs tās. Ja vērtība nav norādīta, sistēma mēģina aprēķināt atbilstošu krāsu, kurai ir pietiekams kontrasts ar fonuHover krāsa.
  • BackgroundPressed - Pogas fona krāsa lietotnes galvenē, kad tās tiek nospiestas. Noklusējuma loģika ir tāda pati kā backgroundHover.
  • ForegroundPressed - Lietotņu galvenes pogu teksta krāsa, kad tās tiek nospiestas. Noklusējuma loģika ir tāda pati kā foregroundHover.
  • BackgroundSelected - Pogas fona krāsa lietotnes galvenē, kad tās ir atlasītas. Noklusējuma loģika ir tāda pati kā backgroundHover.
  • ForegroundSelected - Pogas teksta krāsa lietotnes galvenē, kad tās ir atlasītas. Noklusējuma loģika ir tāda pati kā backgroundHover.

XML piemērs mūsdienīgam dizainam

Piemēram, šis XML norāda zaļu fona krāsu programmas galvenei ar baltu tekstu ar tumšākām fona krāsām dažādiem pogas mijiedarbības stāvokļiem. Lai nodrošinātu optimālu lietojamību, ieteicams norādīt atšķirīgas krāsu vērtības katram stāvoklim.

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

Tīmekļa resursa izveide

  1. Izmantojot teksta vai XML redaktoru, saglabājiet XML, kas tiek izmantots tīmekļa resursa izveidei. XML piemērs mūsdienīgam dizainam
  2. piesakieties Power Apps.
  3. Kreisajā navigācijas rūtī atlasiet Risinājumi un pēc tam izveidojiet jaunu risinājumu.
  4. Atlasiet Jauns > tīmekļa > resurss.
  5. Rūtī Jauns tīmekļa resurss ievadiet šādas vērtības:
    • Parādāmais nosaukums: ievadiet parādāmo nosaukumu, piemēram , XML mūsdienu dizainam.
    • Nosaukums. Ievadiet tīmekļa resursa unikālo nosaukumu.
    • Tips: Dati (XML)
  6. Atlasiet Izvēlēties failu, atrodiet un pēc tam atlasiet iepriekš izveidoto XML failu ar dizainu.
  7. Atlasiet Saglabāt. Šo pielāgojumu var publicēt, veicot nākamajā sadaļā norādītās darbības.

Pielāgotu lietojumprogrammu galveņu krāsu lietošana programmām savā vidē

Kad esat atlasījis krāsas un izveidojis tīmekļa resursu, veiciet šīs darbības, lai iespējotu šīs programmas galvenes veidošanu visām jūsu vides programmām, kurām ir iespējots jauns izskats .

  1. Risinājumā, ko izmantojāt, lai izveidotu tīmekļa resursu, atlasiet Pievienot esošu > papildu > iestatījumu.
  2. Ierakstiet Ignorēt meklēšanas lodziņā, atlasiet Ignorēt programmas galvenes krāsu, atlasiet Tālāk un pēc tam atlasiet Pievienot.
  3. Risinājumā atlasiet Ignorēt programmas galvenes krāsu un pēc tam komandjoslā atlasiet Rediģēt .
  4. Labajā pusē Rediģēt ignorēt programmas galvenes krāsas rekvizītu rūti atlasiet Vides iestatījumu vērtība un ievadiet iepriekš izveidotā tīmekļa resursa unikālo nosaukumu. Noteikti pievienojiet tīmekļa resursa izdevēja prefiksu un neiekļaujiet citātus. Piemēram, nosaukums var tikt parādīts kā contoso_xmlfor-moderns dizains kā šajā piemērā. Vides iestatījums dizainam ar tīmekļa resursu, unikālu nosaukumu contoso_xmlfor-moderns dizains.
  5. Atlasiet Saglabāt.
  6. Komandjoslā atlasiet Publicēt visus pielāgojumus . (Šī komanda parādās, ja risinājumā nav atlasīts neviens komponents).

Izmantojot piemēra krāsas, programmas galvenei vajadzētu izskatīties šādi, kad atskaņojat programmu (iespējams, būs jāatsvaidzina pārlūkprogrammas cilne).
Zaļa lietotnes galvene modeļa vadītā programmā

Jaunu lietojumprogrammu galveņu krāsu pārbaude

Pēc jauno lietotnes galvenes krāsu publicēšanas ieteicams pārbaudīt lietotnes galvenes vizuālos elementus, tostarp visus pogu stāvokļus, lai nodrošinātu, ka viss tiek rādīts, kā paredzēts, un lai pieejamībai būtu pietiekamas kontrasta attiecības. Jums vajadzētu pārbaudīt šādas krāsu izvēles:

  • Vēlamās krāsas tiek rādītas programmas galvenei miera stāvoklī un katram pogas mijiedarbības stāvoklim.
  • Pastāv vismaz 4,5:1 kontrasta attiecība starp priekšplāna un fona krāsām pārējam stāvoklim un katram pogas mijiedarbības stāvoklim.

Skatiet arī:

Mūsdienīgs atsvaidzināts izskats

Piezīme

Kādas ir jūsu dokumentācijas valodas preferences? Aizpildiet īsu aptauju. (ņemiet vērā, ka aptauja ir angļu valodā)

Aptaujai būs nepieciešamas aptuveni septiņas minūtes. Nekādi personas dati netiks vākti (paziņojums par konfidencialitāti).