Prikaz stavki različitih visina u galeriji aplikacija od gotovih gradivnih elemenata

Ako različite stavke u vašem skupu podataka sadrže različite količine podataka u istom polju, stavke s više podataka možete u potpunosti prikazati ne dodajući pritom prazninu iza stavki s manje podataka. Dodajte i konfigurirajte kontrolu galerije Prilagodljiva visina da biste mogli sljedeće:

  • Konfigurirati kontrole Label za širenje ili sužavanje na temelju njihovog sadržaja.
  • Postaviti svaku kontrolu tako da se automatski pojavi tik ispod kontrole koja je iznad nje.

U ovom vodiču prikazujete podatke o podnim oblogama u kontroli galerije Prilagodljiva visina. Slika svakog proizvoda prikazuje se za 5 piksela ispod pregleda, bilo da pregled sadrži pet ili dva retka teksta.

Aplikacija Dynamics.

Prijedlog za čitanje

Ako nikada u galeriju niste dodavali kontrole, slijedite korake u odjeljku Prikaz popisa stavki prije nego što nastavite s ovom temom.

Dodavanje podataka u praznu aplikaciju

  1. Preuzmite ovu Excel datoteku koja sadrži nazive, preglede i veze ka slikama podnih obloga.

    Podne obloge.

  2. Prenesite datoteku programa Excel na račun za pohranu u oblaku kao što su OneDrive, Dropbox ili Google disk.

  3. U Power Apps Studio na izborniku "Datoteka" kliknite ili dodirnite · "Novo".

  4. Na pločici Prazna aplikacija kliknite ili dodirnite Izgled za telefon.

    Nova mogućnost u izborniku Datoteka.

  5. Dodajte vezu u tablicu FlooringEstimates u Excel datoteci.

    Dodatne informacije potražite u odjeljku Dodavanje veze.

  1. Na kartici Umetanje kliknite ili dodirnite Galerija, a zatim kliknite ili dodirnite Prilagodljiva visina.

    Dodajte galeriju.

  2. Promijenite veličinu galerije tako da zauzima cijeli zaslon.

  3. Postavite svojstvo galerije Items na FlooringEstimates.

Prikaz naziva proizvoda

  1. U gornjem lijevom kutu galerije kliknite ili dodirnite ikonu olovke kako biste odabrali predložak galerije.

    Ikona olovke.

  2. Dok je odabran predložak galerije, dodajte joj kontrolu Label.

  3. Postavite svojstvo Text kontrole Label sljedećem izrazu:
    ThisItem.Name

    Dodajte oznaku.

Prikaz pregleda proizvoda

  1. Kad je odabran predložak galerije, dodajte drugu kontrolu Label i pomaknite je ispod prve kontrole Label.

  2. Postavite svojstvo Text druge kontrole Label sljedećem izrazu:
    ThisItem.Overview

  3. Dok je odabrana druga kontrola Label, kliknite ili dodirnite ikonu oznake s imenom na kartici Sadržaj i preimenujte kontrolu u OverviewText.

    Preimenujte oznaku.

  4. Postavite svojstvo AutoHeight okvira OverviewText na true.

    Ovaj korak osigurava da okvir raste ili se smanjuje kako bi se prilagodio sadržaju.

    Automatska visina teksta.

Prikaz slika proizvoda

  1. Promijenite veličinu predloška tako da bude dvostruko veći nego prije.

    Možete lakše dodavati kontrole u predložak dok izrađujete aplikaciju i ta promjena neće utjecati na to kako aplikacija izgleda kad se pokrene.

  2. Kad je odabran predložak galerije, dodajte kontrolu Image i pomaknite je ispod okvira OverviewText.

  3. Pobrinite se da je svojstvo Image kontrole Image postavljeno na ovaj izraz:
    ThisItem.Image

  4. Postavite svojstvo Y kontrole Image na temelju položaja i veličine okvira OverviewText, kao u ovom izrazu:
    OverviewText.Y + OverviewText.Height + 5

    Gotova aplikacija.

Primijenite isti koncept ako želite dodati više kontrola: postavite svojstvo Y svake kontrole na temelju svojstava Y i Visina kontrole koja je iznad nje.

Sljedeći koraci

Saznajte više o tome kako raditi s kontrolom galerije i formulama.