Rutenettbeholderkontroll i Power Apps

Med beholderkontrollen Rutenett kan du opprette underordnede komponenter i et rutenettmønster. Du får nøyaktig kontroll over hvor hver komponent går når det gjelder rader og kolonner.

Denne beholderen fungerer som rutenett i CSS-stil. Du definerer radene og kolonnene og angir nøyaktig plassering for hver underordnede komponent ved hjelp av egenskapene.

Description

Beholderkontrollen Rutenett tilbyr et fleksibelt oppsettsystem for lerretsapper. Den lar deg gjøre følgende:

• Plassere underordnede komponenter i et rutenettmønster
• Angi rad- og kolonnestart og -slutt for hvert underordnet
• Foreta responsive justeringer når beholderen eller skjermstørrelsen endres
• Kontrolljustering, avstand og overflyt i rutenettet

Ved å bruke denne fremgangsmåten trenger du ikke å plassere hver komponent manuelt. Appene dine blir mer vedlikeholdbare og responsive.

Display properties

• Mellomrom – Avstanden i piksler mellom underordnede komponenter i rutenettet.
• Kolonner – antall kolonner i rutenettoppsettet.
• Rader – antall rader i rutenettoppsettet.

Størrelse og plassering

• X – den vannrette avstanden fra venstre kant av den overordnede beholderen (eller skjermen hvis ingen overordnet).
• Y – Den loddrette avstanden fra øvre kant av den overordnede beholderen (eller skjermen hvis ingen overordnet).
• Bredde – avstanden mellom venstre og høyre kant av en kontroll.
• Høyde – avstanden mellom øvre og nederste kant av kontrollen.
• Utfylling – avstanden mellom beholderkantene og de underordnede komponentene.

Farge og kantlinje

• Farge – Forgrunnsfarge for beholderen, som brukes for kantlinjer og tekst hvis aktuelt.
• Border
  • Stil – kantlinjetype: Heltrukket, stiplet, prikket eller ingen.
  • Tykkelse – bredden på kantlinjen i piksler.
  • Farge – fargen på kantlinjen.
• Kantlinjeradius – i hvilken grad hjørnene i beholderen avrundes. Du kan bruke denne innstillingen på alle hjørner jevnt eller dele den inn i individuelle hjørner i avanserte innstillinger.
• Skyggeskygge – skyggeeffekt brukt på beholderen. Alternativer: Ingen, Lys, Middels eller Tung.

Visibility

• Synlig – om rutenettbeholderen vises. Aktiver/deaktiver på eller av.

Egenskaper for rutenettoppsett (underordnet)

• Kolonnestart/ kolonneslutt – definerer start- og sluttkolonnene for en underordnet komponent.
• Radstart / radslutt – definerer start- og sluttradene for en underordnet komponent.

Example

1. Opprett en tom lerretsapp fra grunnen av med et responsivt oppsett.

2. Opprett en ny skjerm.

3. Velg Rutenettbeholder fra Sett inn-ruten under Oppsett.

4. Angi beholderegenskaper for å bruke hele skjermen:

   • X = 0
   • Y = 0
   • Bredde = Parent.Width
   • Høyde = Overordnet.Høyde

5. Legg til flere underordnede komponenter, for eksempel knapper, tekstinndata, ikoner og medier. Angi egenskaper for rutenettplassering for hvert underordnede:

   • Kolonnestart / slutt
   • Radstart / slutt
   • Juster i celle

6. Trykk F5 for å forhåndsvise. Endre størrelsen på skjermen og se hvordan underordnede komponenter forblir i rutenettposisjonene og justeres responsivt.