Prikaz predmete različnih višin v galeriji v aplikacijah s platnom

Če različni elementi v vašem naboru podatkov vsebujejo različne količine podatkov v istem polju, lahko v celoti prikažete elemente, ki vsebujejo več podatkov, ne da bi morali dodati prazen prostor za elementi, ki vsebujejo manj podatkov. Dodajte in konfigurirajte kontrolnik galerije Flexible height, tako da boste lahko naredili naslednje:

  • Konfigurirajte kontrolnike Label, da jih razširite ali skrčite glede na njihovo vsebino.
  • Vsak kontrolnik postavite tako, da se samodejno prikaže tik pod kontrolnikom, ki je nad njim.

V tej vadnici prikazujete podatke o izdelkih talnih oblog v kontrolniku galerije Flexible height. Slika posameznega izdelka se prikaže 5 slikovnih pik pod pregledom, ne glede na to, ali pregled vsebuje pet vrstic besedila ali dve vrstici.

Dinamična aplikacija.

Predlagano branje

Če še nikoli niste dodali kontrolnikov v galerijo, pred nadaljevanjem v tej temi sledite navodilom v temi Prikaz seznama elementov.

Dodajanje podatkov v prazno aplikacijo

  1. Prenesite to Excelovo datoteko, ki vsebuje imena, preglede in povezave do slik izdelkov talnih oblog.

    Izdelki talnih oblog.

  2. Naložite Excelovo datoteko v račun za shrambo v oblaku, kot je OneDrive, Dropbox ali Google Drive.

  3. Ustvariti prazna aplikacija z Telefon postavitev.

  4. Dodajte povezavo v tabelo FlooringEstimates v Excelovi datoteki.

    Če želite več informacij, glejte Dodajanje povezave.

  1. Na zavihku Vstavljanje kliknite ali tapnite Galerija in nato Prilagodljiva višina.

    Dodaj galerijo.

  2. Spremenite velikost galerije, da zasede celoten zaslon.

  3. Nastavite lastnost Items galerije na FlooringEstimates.

Prikaz imen izdelkov

  1. V zgornjem levem kotu galerije kliknite ali tapnite ikono svinčnika, da izberete predlogo galerije.

    Ikona svinčnika.

  2. Ko je predloga galerije izbrana, vanjo dodajte kontrolnik Label.

  3. Lastnost Text za kontrolnik Label nastavite na ta izraz:
    ThisItem.Name

    Dodajanje oznake.

Prikaz pregledov izdelkov

  1. Ko je predloga galerije izbrana, dodajte še en kontrolnik Label in ga premaknite pod prvi kontrolnik Label.

  2. Lastnost Text za drugi kontrolnik Label nastavite na ta izraz:
    ThisItem.Overview

  3. Ko je izbran drugi kontrolnik Label, kliknite ali tapnite ikono za oznako imena na zavihku Vsebina in preimenujte kontrolnik v OverviewText.

    Preimenovanje oznake.

  4. Lastnost AutoHeight polja OverviewText nastavite na true.

    Ta korak zagotovi, da se bo polje povečalo ali skrčilo, da bo ustrezalo svoji vsebini.

    Samodejna višina besedila.

Prikaz slik izdelka

  1. Spremenite velikost predlog, tako da bo dvakrat višja.

    Kontrolnike lahko v predlogo enostavneje dodajate med ustvarjanjem aplikacije, saj ta sprememba ne bo vplivala videz aplikacije, ko se izvaja.

  2. Ko je predloga galerije izbrana, dodajte kontrolnik Image in ga premaknite pod polje OverviewText.

  3. Prepričajte se, da je lastnost Image kontrolnika Image nastavljena na ta izraz:
    ThisItem.Image

  4. Nastavite lastnost Y kontrolnika Image glede na položaj in velikost polja OverviewText, kot v tem izrazu:
    OverviewText.Y + OverviewText.Height + 5

    Končna aplikacija.

Če želite dodati več kontrolnikov, uporabite isti koncept: nastavite lastnost Y posameznega kontrolnika na podlagi lastnosti Y in Height kontrolnika, ki je nad njim.

Naslednji koraki

Preberite več o delu s kontrolnikom Gallery in formulami.

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).