Shimmer hallinta

Latauskokemuksen näyttävä ohjausobjekti.

Muistiinpano

Täydellinen dokumentaatio ja lähdekoodi löytyvät koodikomponenttien GitHub-säilöstä.

Description

Tämä koodikomponentti paketoi Fluent UI:n Shimmer -ohjausobjektin, joka on sidottu pohjaan perustuvilla ja mukautetuilla sivuilla käytettävään painikkeeseen.

Tärkeimmät ominaisuudet

Ominaisuus	Description
Items	Hahmonnevat toimintokohteet
Rows	Hahmonnevat toimintokohteet
SpacebetweenShimmer	Eri Shimmerien välissä oleva tila tai aukko useiden rivien tapauksessa.

Kohteiden ominaisuudet

Jokaisella alla olevassa taulukossa mainitulla tietueella voi olla seuraavat arvot.

Ominaisuus	Description
ItemKey	Pakollinen. Avain, joka osoittaa tietyn ShimmerElement-elementin. Avaimien on oltava yksilöiviä.
ItemType	Pakollinen. Shimmer-elementin tyyppi kolmen Shimmer-elementin luettelosta, esimerkiksi ympyrä, aukko ja viiva.
ItemRowKey	Pakollinen. Avain, joka osoittaa RowKey-avaimen ja muodostaa suhteen.
ItemHeight	ShimmerElement-elementin korkeus
ItemWidth	ShimmerElement-elementin leveys
ItemVerticalAlign	Määritä, miten elementti tulisi tasata. esim. "top", "center" tai "bottom".

Esimerkki Power Fx -kaavasta:

Table({ItemKey:"1",ItemWidth:"3.8",ItemHeight:60,ItemRowKey:"1",ItemType:"circle"},{ItemKey:"2",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"3",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"4",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"5",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"6",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"7",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"8",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"9",ItemWidth:"3.8",ItemHeight:40,ItemRowKey:"1",ItemType:"line"},{ItemKey:"10",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"11",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"12",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"13",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"14",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"15",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"16",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"})

Rivien (rows_Items) ominaisuuden arvo

Jokaisella alla olevassa taulukossa mainitulla tietueella voi olla seuraavat arvot.

Ominaisuus	Description
RowKey	Pakollinen. Avain, joka ilmaisee tietyn Shimmer-elementin alikohteita lisättäessä. Avaimien on oltava yksilöiviä.
RowOrder	Järjestys, jossa Shimmer tulisi hahmontaa
RowCount	Hahmonnettavien Shimmer-elementtien määrä
RowWidth	Shimmer-elementin leveys

Esimerkki Power Fx -kaavasta:

Table(
    {
        RowKey: "1",
        RowOrder:1,
        RowCount:5,
        RowWidth: 100
    }
)

Tyylin ominaisuudet

Ominaisuus	Description
Theme	Hyväksyy Fluent UI Theme Designer (windows.net) -sovelluksella luodun JSON-merkkijonon. Tämän kentän jättäminen tyhjäksi käyttää Power Appsin määrittämää oletusteemaa. Katso määritysohjeet kohdasta Teemat.
AccessibilityLabel	Näytönlukuohjelman aria-otsikko

Esimerkkiteema

Theme JSON -merkkijono välitetään komponentin ominaisuuteen, ja varTheme-elementtiä voidaan käyttää muiden vakiokomponenttien, kuten painikkeiden, tyylin muuttamiseen käyttämällä yksittäisiä värejä.

Lisätietoja Shimmer-elementin kanssa käytettävästä väripaletista on IShimmerElement-dokumentaation IShimmerColors Interface -osiossa.

Rajoitukset

Tätä koodikomponenttia voidaan käyttää vain pohjaan perustuvissa sovelluksissa ja mukautetuilla sivuilla.