Võrgukonteineri juhtimine Power Apps-is

Koordinaatvõrgu ümbrise juhtelement võimaldab teil paigutada alamkomponente ruudustikumustrisse. Saate täpse kontrolli selle üle, kuhu iga komponent ridade ja veergude osas liigub.

See ümbris toimib nagu CSS-laadis ruudustikud. Saate määratleda read ja veerud ning määrata iga tütarkomponendi täpse asukoha, kasutades selle atribuute.

Description

Koordinaatvõrgu ümbrise juhtelement pakub lõuendirakenduste jaoks paindlikku paigutussüsteemi. See võimaldab teil:

• Tütarkomponentide paigutamine ruudustikumustrisse
• Määrake iga tütarlapse rea ja veeru algus ja lõpp
• Reageerivate kohanduste tegemine ümbrise või ekraani suuruse muutumisel
• Ruudustikus joonduse, vahede ja ületäitumise reguleerimine

Selle meetodi abil ei pea te iga komponenti käsitsi paigutama. Teie rakendused muutuvad säilitatavamaks ja reageerivamaks.

Display properties

• Gap – ruudustiku tütarkomponentide pikslites.
• Veerud – koordinaatvõrgu paigutuse veergude arv.
• Read – ridade arv ruudustiku paigutuses.

Suurus ja asukoht

• X – horisontaalne kaugus emaümbrise vasakust servast (või ekraan, kui ema pole).
• Y – vertikaalne kaugus emaümbrise ülaservast (või ekraan, kui ema pole).
• Laius – juhtelemendi vasaku ja parema serva vaheline kaugus.
• Kõrgus – juhtelemendi ülemise ja alumise serva vaheline kaugus.
• Padding – ümbrise servade ja selle tütarkomponentide.

Värv ja ääris

• Color – ümbrise esiplaanivärv, mida kasutatakse vajaduse korral ääriste ja teksti jaoks.
• Border
  • Laad – ääristüüp: ühtlane, kriipsjoonega, punkt või pole.
  • Paksus – ääri laius pikslites.
  • Color – ääri värv.
• Äärise raadius – ümbrise nurkade ümardamise aste. Saate selle sätte rakendada kõigile nurkadele ühtlaselt või tükeldada selle täpsemate sätete abil üksikuteks nurkadeks.
• Langev vari – ümbrisele rakendatud varjuefekt. Suvandid: Pole, Hele, Keskmine või Raske.

Visibility

• Visible – näitab, kas ruudustikuümbris kuvatakse. Lülitage sisse või välja.

Koordinaatvõrgu paigutuse atribuudid (tütarkohased)

• Veeru algus/ veeru lõpp – määratleb tütarkomponendi algus- ja lõppveerud.
• Rea algus/ rea lõpp – määratleb tütarkomponendi algus- ja lõpuread.

Example

1. Looge reageeriva paigutusega nullist tühi lõuendirakendus.

2. Saate luua uue kuva.

3. Valige paani Lisa jaotises Paigutus nupp Koordinaatvõrgu ümbris.

4. Seadke ümbrise atribuudid täisekraani hõivamiseks:

   • X = 0
   • Y = 0
   • Laius = parent.Width
   • Kõrgus = parent.Height

5. Saate lisada mitu tütarkomponenti, näiteks nuppe, tekstisisestusi, ikoone ja meediumisisu. Määrake iga lapse jaoks ruudustiku paigutuse atribuudid.

   • Veeru algus/ lõpp
   • Rea algus/ lõpp
   • Joonda lahtrisse

6. Eelvaate kuvamiseks vajutage klahvi F5 . Muutke ekraani suurust ja jälgige, kuidas tütarkomponendid jäävad oma ruudustiku asendisse , ja kohandage seda tundlikult.