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.

Dynamics-app.

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

  1. Download Excel-filen, der indeholder navne, oversigter og links til billeder af gulvprodukter.

    Gulvprodukter.

  2. Upload Excel-filen til en lagerkonto i skyen, f.eks. OneDrive, Dropbox eller Google Drive.

  3. Opret en tom lærredapp med Telefon-layout.

  4. Føj en forbindelse til tabellen FlooringEstimates i Excel-filen.

    Du kan finde flere oplysninger under Tilføj forbindelse.

  1. Klik eller tryk på Galleri under fanen Indsæt, og klik eller tryk derefter på Fleksibel højde.

    Tilføj galleri.

  2. Du kan ændre størrelsen på galleriet, så det fylder hele skærmen.

  3. Angiv galleriets Items-egenskab til FlooringEstimates.

Vis produktnavnene

  1. Klik i øverste venstre hjørne af galleriet, eller tryk på blyanten for at vælge galleriskabelonen.

    Blyantikon.

  2. Føj et Mærkat-kontrolelement til den valgte galleriskabelon.

  3. Indstil egenskaben Text af kontrolelementet Mærkat til dette udtryk:
    ThisItem.Name

    Tilføj etiket.

Vis produktoversigterne

  1. Når galleriskabelonen er valgt, kan du tilføje et andet Mærkat-kontrolelement og flytte det under det første Mærkat-kontrolelement.

  2. Angiv egenskaben Text af det andet Mærkat-kontrolelement til dette udtryk:
    ThisItem.Overview

  3. Nå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.

    Omdøb etiket.

  4. Angiv egenskaben AutoHeight for feltet OverviewText til sand.

    Dette trin sikrer, at boksen gøres større eller mindre for at tilpasses til indholdet.

    Automatisk højde for tekst.

Vis produktbillederne

  1. 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.

  2. Når galleriskabelonen er valgt, kan du tilføje et Billede-kontrolelement og flytte det under feltet OverviewText.

  3. Sørg for, at egenskaben Image for kontrolelementet Billede er angivet til dette udtryk:
    ThisItem.Image

  4. Angiv egenskaben Y af kontrolelementet Billede baseret på placeringen og størrelsen af boksen OverviewText som i dette udtryk:
    OverviewText.Y + OverviewText.Height + 5

    Endelig app.

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).