Føje et rulleskærmbillede til en lærredapp

Opret et skærmbillede i en lærredapp, som brugerne kan rulle op og ned for at få vist forskellige elementer. Opret f.eks. en telefonapp, der viser data i flere diagrammer, som brugerne kan få vist, hvis de ruller.

Når du tilføjer flere kontrolelementer i en sektion, bevarer kontrolelementerne deres relative placeringer i den pågældende sektion, uanset om der anvendes en telefonapp eller en tabletapp. Skærmstørrelse og -retning kan også påvirke, hvordan sektionerne er arrangeret.

Forudsætninger

  1. Opret en tom lærred-app.
  2. Få at vide, hvordan du kan tilføje og konfigurere kontrolelementer.

Oprette en rulleskærm

  1. Vælg Ny skærm under den øverste menu.

  2. Vælg Kan rulles.

    Vælg ny skærm, og vælg derefter skærmtype, der kan rulles.

    Der tilføjes en ny skærm, man kan rulle på, i appen.

    Et skærmbillede, der viser den skærm, der kan rulles, som er føjet til appen.

Tilføje kontrolelementer

Skærm, der kan rulles, indeholder et flydende gitter med som standard ét datakort. Datakort gør det lettere at adskille byggeblok på skærmen. Du kan rulle på skærmen med flere kontrolelementer ved at tilføje flere datakort. Og tilføj derefter kontrolelementer i datakort efter behov.

Hvis du vil tilføje datakort, kan du vælge Tilføj nederst på skærmbilledet, der kan rulles.

Knappen Tilføj sektion er fremhævet på det skærmbillede, der kan rulles, på lærredet.

Vi starter med at tilføje kontrolelementer på det datakort, der som standard er tilgængeligt med det skærmbillede, der kan rulles, og derefter tilføjer vi en ny sektion, der tilføjer et datakort. Når et nyt datakort er tilgængeligt, tilføjer vi et andet kontrolelement i det nye datakort.

Tilsammen vil både datakort og kontrolelementerne i datakortene øge standardlængden på skærmen, hvilket kræver brug af skærmens rullefunktion.

Tip

Du kan finde flere oplysninger om datakort i Forstå datakort.

  1. Vælg + (Indsæt) i venstre rude.

    Alternativ tekst, der beskriver indholdet af billedet.

  2. Udvid Diagrammer, og vælg derefter Søjlediagram.

  3. Tilpas størrelsen på det diagram, der er tilføjet på skærmen, for at bruge ca. to tredjedel af skærmen.

  4. Reducer størrelsen på datakortet til størrelsen på det tilføjede diagram.

    Tilpas størrelsen af datakortet på skærmen for at bruge to tredjedel af skærmen.

  5. Vælg Tilføj sektion på skærmen for at tilføje en anden sektion.

    Der er føjet et nyt datakort til skærmen.

  6. Vælg Indsæt > Diagrammer > Kurvediagram.

  7. Rul ned på skærmen ved hjælp af rullepanelet i højre side af skærmen, og vælg derefter Tilføj sektion for at tilføje et tredje datakort.

  8. Vælg Indsæt > Input > Penneinput.

  9. Tilpas størrelsen på kontrolelementet Penneinput ved at øge bredden på datakortet.

    Tilpasset størrelsen på kontrolelementet Penneinput for at bruge mere bredde på skærmen.

  10. Tryk på F5 på tastaturet for at få vist et eksempel på appen. Rul ned ved hjælp af rullepanelet til nederste del af skærmen.

    Vis eksempel på skærmbillede, der kan rulles.

Nu, hvor du har demonstreret, hvordan du kan bruge et skærmbillede, der kan rulles til, kan du tilpasse appen yderligere i forhold til dine forretningskrav.

Rulleskærm for formularer

Da Power Apps bruger datakort til at oprette sektioner, kan kontrolelementerne Vis formular og Rediger formular ikke indsættes på dem. Hvis en sådan kombination af kontrolelementer indlejres sammen, kan det forringe appens ydeevne. Når du bruger formularkontrolelementer, skal du derfor bruge layoutcontainere som f.eks. en Lodret objektbeholder som kontrolelement.

Tip

Du kan få mere at vide om, hvordan du arbejder med formularer, i Forstå formularer til lærredapp.

Der findes flere forskellige metoder til konfiguration af rulning med formularer:

Bruge egenskaben Vertical Overflow

Brug af egenskaben Vertical Overflow er en grundlæggende metode til brug af et rulleskærmbillede, der har en formular.

  1. Sørg for, at du bruger en tom skærm og ikke et skærmbillede, der kan rulles.

  2. Vælg Indsæt > Layout, og vælg derefter Lodret objektbeholder.

  3. Vælg rullelisten med Vertical Overflow-egenskaben i højre side af skærmbilledet i egenskabsruden, og vælg Rul.

    Egenskaben Vertical overflow for containeren er angivet til Rul.

  4. Tilføj redigerings- eller visningsformularen med de påkrævede felter. Når listen over felter overskrider størrelsen på containeren på skærmen, kan du rulle inde i containeren ved hjælp af rullepanelet.

    Lodret objektbeholder, der kan rulles igennem, ved hjælp af egenskaben Vertical Overflow, som er angivet til at rulle i en visningsformular.

Bruge objektbeholdere i Lodret objektbeholder

I forbindelse med komplekse apps kan du overveje at tilføje containere i et Lodret objektbeholder-kontrolelement. Og juster derefter højden på formularen og den inderste container som vist nedenfor.

  1. Sørg for, at du bruger en tom skærm og ikke et skærmbillede, der kan rulles.

  2. Vælg Indsæt > Layout, og vælg derefter Lodret objektbeholder.

  3. Vælg rullelisten med Vertical Overflow-egenskaben i højre side af skærmbilledet i egenskabsruden, og vælg Rul.

  4. Vælg Indsæt > Layout, og vælg derefter Objektbeholder.

  5. Angiv egenskaben Flexible height til Fra i højre side af skærmbilledet i egenskabsruden .

    Flexible height-egenskab slået fra for containeren.

  6. Tilføj redigerings- eller visningsformularen med de påkrævede felter.

  7. Hvis du vil aktivere rulning på skærmen for formularen, skal du opdatere højden på den container, der er tilføjet i trin 4, og formularen.

    Formular, der kan rulles i, og som bruger container og formularhøjde til rullefunktion.

Du kan finde flere oplysninger om at arbejde med respons i en app under Opbygning af responsive lærredapps og Responsive layout

Se også

Bemærk

Kan du fortælle os om dine sprogpræferencer for dokumentation? Tag en kort undersøgelse. (bemærk, at denne undersøgelse er på engelsk)

Undersøgelsen tager ca. syv minutter. Der indsamles ingen personlige data (erklæring om beskyttelse af personlige oplysninger).