Vise elementer af forskellig højde i lærredapps galleri
Hvis forskellige elementer i dit datasæt indeholder forskellige mængder data i det samme felt, kan helt du vise elementer, der indeholder flere data, datasæt uden at tilføje en tom plads efter elementer, der indeholder færre data. Tilføj og konfigurer gallerikontrolelementet Flexible height, så du kan:
- Konfigurere Mærkat-kontrolelementer til at blive større eller mindre baseret på deres indhold.
- Placer hvert kontrolelement, så det automatisk vises lige under kontrolelementet over det.
I dette selvstudium viser du data om gulvprodukter i gallerikontrolelementet Flexible height. Billedet af hvert produkt vises 5 pixels under oversigten, uanset om oversigten indeholder fem linjer med tekst eller to linjer.
Foreslået læsning
Hvis du aldrig har tilføjet kontrolelementer til et galleri, skal du følge trinnene i Vis en liste over elementer, før du går videre i dette emne.
Føj data til en tom app
Download Excel-filen, der indeholder navne, oversigter og links til billeder af gulvprodukter.
Upload Excel-filen til en lagerkonto i skyen, f.eks. OneDrive, Dropbox eller Google Drive.
Opret en tom lærredapp med Telefon-layout.
Føj en forbindelse til tabellen FlooringEstimates i Excel-filen.
Du kan finde flere oplysninger under Tilføj forbindelse.
Føj data til et galleri
Klik eller tryk på Galleri under fanen Indsæt, og klik eller tryk derefter på Fleksibel højde.
Du kan ændre størrelsen på galleriet, så det fylder hele skærmen.
Angiv galleriets Items-egenskab til FlooringEstimates.
Vis produktnavnene
Klik i øverste venstre hjørne af galleriet, eller tryk på blyanten for at vælge galleriskabelonen.
Føj et Mærkat-kontrolelement til den valgte galleriskabelon.
Indstil egenskaben Text af kontrolelementet Mærkat til dette udtryk:
ThisItem.Name
Vis produktoversigterne
Når galleriskabelonen er valgt, kan du tilføje et andet Mærkat-kontrolelement og flytte det under det første Mærkat-kontrolelement.
Angiv egenskaben Text af det andet Mærkat-kontrolelement til dette udtryk:
ThisItem.OverviewNår det andet Mærkat-kontrolelement er markeret, skal du klikke eller trykke på navnemærkeikonet under fanen Indhold og omdøbe kontrolelementet til OverviewText.
Angiv egenskaben AutoHeight for feltet OverviewText til sand.
Dette trin sikrer, at boksen gøres større eller mindre for at tilpasses til indholdet.
Vis produktbillederne
Du kan ændre størrelsen på skabelonen, så den er dobbelt så høj, som den var.
Du kan nemmere føje kontrolelementer til skabelonen, mens du bygger appen, og denne ændring påvirker ikke appens udseende, når den kører.
Når galleriskabelonen er valgt, kan du tilføje et Billede-kontrolelement og flytte det under feltet OverviewText.
Sørg for, at egenskaben Image for kontrolelementet Billede er angivet til dette udtryk:
ThisItem.ImageAngiv egenskaben Y af kontrolelementet Billede baseret på placeringen og størrelsen af boksen OverviewText som i dette udtryk:
OverviewText.Y + OverviewText.Height + 5
Anvend det samme begreb, hvis du vil tilføje flere kontrolelementer: Indstil hvert kontrolelements Y-egenskab baseret på egenskaberne Y og Height for kontrolelementet oven over det.
Næste trin
Få mere at vide om, hvordan du arbejder med et gallerikontrolelementet og formler.
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).
Feedback
https://aka.ms/ContentUserFeedback.
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see:Indsend og få vist feedback om