Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 30% výuky zdarma!
Pouze tento týden sleva až 80 % na e-learning týkající se PHP
Discount week - April - 30

12. diel - CollectionView v Xamarin.Forms

V minulej lekcii, MVVM a rozhranie ICommand v Xamarin.Forms a C # .NET , sme si predstavili architektúru MVVM a rozhrania ICommand.

V dnešnom Xamarin.Forms tutoriálu si predstavíme nové ovládacie prvky a povieme si niečo málo o zdroji binding. Všetko použijeme v našej aplikácii z minulých lekcií, ktorá bude vyzerať takto:

CollectionView

CollectionView je komponenta pre zobrazenie zoznamu (kolekcia) dát rovnako, ako nám už známe ListView. Oproti tomu však ponúka veľa výhod:

  • Umožňuje zobrazovať dáta nielen v zozname za sebou, ale aj v mriežke.
  • Umožňuje zobrazovať dáta ako vertikálne, tak horizontálne.
  • Podporuje viacnásobný výber.
  • Nevyužíva bunky (Cells).
  • Automaticky využíva UI virtualizáciu poskytovanú základnými natívnymi ovládacími prvkami. To znamená, že sa jednotlivé položky v zozname vytvára, až keď sú viditeľné, čo šetrí výkon a pamäť.
  • Podporuje EmptyView (viac nižšie).

Jednou z mála nevýhod CollectionView je, že nepodporuje funkciu (gesto) pull-to-refresh. Jedná sa o obnovenie obsahu potiahnutím zhora nadol. Tejto funkcie sa dá však jednoducho dosiahnuť použitím prvku RefreshView, ktorý si dnes taktiež ukážeme.

Ukážková aplikácia

Prejdime k implementácii a komponent si vyskúšajme.

Príprava dát

Ešte pred tým, než začneme s CollectionView pracovať, si pripravíme nejaké dáta, ktorá v ňom budeme zobrazovať. Budeme zobrazovať zoznam aplikácií a hier.

AppItem

Základné informácie o jednotlivých hrách / aplikáciách ponesie trieda AppItem. Bude mať vlastnosti:

  • Name,
  • Icon,
  • Author a
  • Description.

Jej kód je nasledujúci:


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť lekcie a funkcie postupne a po jednom 220 bodov
Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 187 bodov (467 Kč)
Na svojom účte máš aktuálne 0 bodov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 31 lekciím s kontrolou a certifikáciou a ešte naviac ušetríš 83 Kč. Ponuka je obmedzená len pre prvé lekcie z kurzu a obsahuje exkluzívnu zľavu 15%.
187 bodov získaš za pridanie svojho článku na sieť alebo za 549 Kč 467 Kč

Pozor, pokiaľ si kúpiš len tuto lekciu, stratíš nárok na špeciálnu zľavu 15% na balíček všetkých lekcií.

Kúpiť len lekcii 10 bodov
Na svojom účte máš aktuálne 0 bodov
10 bodov získaš za pridanie svojho článku na sieť alebo za 25 Kč

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V Xamarin tutoriálu si predstavíme CollectionView a vytvoríme modelovú a view-modelovú štruktúru pre ukážkovú aplikáciu.

Body získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Radek Vymětalík
Avatar
...
Aktivity (1)