Elevation kontrolė

Valdiklis, naudojamas kortelėms ir iškeliamiesiems meniu kurti.

Aprašą

Elevation naudojamas norint sutelkti dėmesį į patirtį ir suteikti programai fizinio reikšmingumo. Seklumo lygiai saugomi elementams, kurie yra artimai susiję su drobe arba rodiniu, pvz., plytelėms. Gilesni lygiai sukuria matomą rėmelį aplink paviršių – dėmesys sutelkiamas į savarankišką sąsają ,pvz., dialogo langus. Palaikomas pelės žymeklio užvedimas.

Norėdami geriausios praktikos eikite į Sklandus UI „Elevation“ stilius.

Ypatybės

Raktų ypatybės

Ypatybė	Aprašą
Depth	Šešėlio gylis.
HoverDepth	Šešėlio gylis, rodomas užvedus žymeklį.

Stiliaus ypatybės

Ypatybė	Aprašą
FillColor	Elevation valdiklio fono spalva.
HoverFillColor	Elevation valdiklio fono spalva, kuri pasirodo užvedus žymeklį.
PaddingLeft	Kairiojo krašto tarpas tarp kortelės ir valdiklio ribos
PaddingRight	Dešiniojo krašto tarpas tarp kortelės ir valdiklio ribos
PaddingTop	Viršutinio krašto tarpas tarp kortelės ir valdiklio ribos
PaddingBottom	Apatinio krašto tarpas tarp kortelės ir valdiklio ribos
DarkOverlay	Kai įjungta, užpildytoje srityje rodomas tamsus perdangos efektas.

Turinio formatavimas virš Elevation naudojant maketo talpyklas

1. Įtraukite Container valdiklį į ekraną (ne Horizontal container arba Vertical container).

2. Įtraukite Elevation komponentą į talpyklą

3. Nustatykite Elevation ypatybes, kad jos atitiktų pirminę Container:

   Ypatybė	Vertė
   X	0
   Y	0
   Width	Parent.Width
   Height	Parent.Height

4. Nustatykite PaddingRight, PaddingTop ir PaddingBottom ypatybes, kad nurodytumėte Self.PaddingLeft

5. Pasirinkite pageidaujamą Depth ir reguliuokite PaddingLeft vertę, kad būtų pakankamas tarpas ir šešėlis nebūtų nukirptas.

6. Įterpkite Vertical container į tą pačią pirminę Container. Tai naudojama kortelės turiniui laikyti.

7. Nustatykite Vertical container ypatybes norėdami vizualiai sulygiuoti Elevation komponento kraštus:

   Ypatybė	Vertė
   X	Elevation.PaddingLeft
   Y	Elevation.PaddingLeft
   Width	Parent.Width - Elevation.PaddingLeft * 2
   Height	Parent.Height - Elevation.PaddingLeft * 2

8. Įtraukite turinį į Vertical container norėdami užpildyti kortelę.

Apribojimai

Šį kodo komponentą galima naudoti tik drobės programose ir pasirinktiniuose puslapiuose.