Theming

Gaikatzea orrialde bateko osagai guztiei itxura koherentea aplikatzeko mekanismo bat da. Oraingoz, horrek orrialde osoan kolore-eskema bat partekatzea esan nahi du.

Oharra

Gaia Json objektua kodea da blokeatzen duena barne hartuz kolore multzoa. Creator Kit-aren osagaiak Fluent Theme Designer aplikazioak bereziki sortutako Theme code blokea onartzeko eta bere kolore-balioak osagaien propietateekin mapatzeko diseinatuta daude. Gorde objektua aldagai gisa zure aplikazioan (ondoko argibideetan azaltzen den bezala). Theme Json objektu bat kit-osagaiek erraz erreferentzia egiteko diseinatuta dagoen arren, kitaz kanpoko edozein osagaik ere balio hauek erreferentzia ditzakete, eta horrek aplikazioaren osagai guztien koherentzia mantentzen laguntzen du.

Gaia sortzea

Erabili Gai jariakorraren diseinatzailea aplikazioa (ematen da CreatorKitReferences(Mihise) soluzioa) sortzeko gaia Json objektua erreferentzia izan dezake Creator Kit osagaiak.

1. Erreproduzitu Gai jariakorraren diseinatzailea aplikazioa.

2. Aldatu Kolore nagusia, Testuarenn kolorea, eta Atzeko planoko kolorea balioak.

   

3. Goiko eskuineko ertzean, hautatu Esportatu gaia sortzeko Power Fx adierazpenaren bertsioa Gaia JSON, eta gero kopiatu balioa panelean.

   

4. Gorde gaia aldagai global gisa aplikazio batean (hurrengo atalean).

Ezartzea gaia

Beheko Power Fx formulak Fluent UI Theme Designer aplikazioaren irteera erabiliz aldagai global bat nola ezartzeko adibide bat erakusten du. Aldagai hau aplikazioko osagai guztiek erreferentzia egin dezakete.

• Jarri Power Fx formula exekutatzeko aplikazioaren OnStart propietatean.
• Ordeztu balioa /* THEME OBJECT */ iruzkinen artean zure berezko gai-objektua diseinatzailean.

Set(
    AppTheme,
    /* START THEME OBJECT */
    {
        palette: {
            themePrimary: "#0078d4",
            themeLighterAlt: "#eff6fc",
            themeLighter: "#deecf9",
            themeLight: "#c7e0f4",
            themeTertiary: "#71afe5",
            themeSecondary: "#2b88d8",
            themeDarkAlt: "#106ebe",
            themeDark: "#005a9e",
            themeDarker: "#004578",
            neutralLighterAlt: "#faf9f8",
            neutralLighter: "#f3f2f1",
            neutralLight: "#edebe9",
            neutralQuaternaryAlt: "#e1dfdd",
            neutralQuaternary: "#d0d0d0",
            neutralTertiaryAlt: "#c8c6c4",
            neutralTertiary: "#a19f9d",
            neutralSecondary: "#605e5c",
            neutralPrimaryAlt: "#3b3a39",
            neutralPrimary:"#323130",
            neutralDark: "#201f1e",
            black: "#000000",
            white: "#ffffff"
        }
    }
    /* END THEME OBJECT */
);
Set(
    AppThemeJson,
    JSON(
        AppTheme,
        JSONFormat.IndentFour
    )
);

Creator Kit osagaietako gaiaren erreferentzia

Gaia izan daiteke igarotzeko Theme propietatera osagai bakoitzera.

• Canvas osagaiek AppTheme aldagaiari erreferentzia egin behar diote.
• Kodearen osagaiek aldagaia erreferentziatu behar dute.AppThemeJson

Erreferentzia gaia jatorrizko Power Apps osagaiak

Oihal-aplikazioetako edo orri pertsonalizatuetako edozein osagai nagusiek AppTheme objektua (Json formateatu ezin da). Kontrol hauek erreferentzia izan behar diote nahi diotena palette propietateak eta igorri kolore gisa datu motak erabilita ColorValue() formula.

Adibidea Button. Fill Power Fx gaiaren kolore nagusiari erreferentzia egiten dion formula:

ColorValue(AppTheme.palette.themePrimary)