12. diel - CollectionView v Xamarin.Forms

V predchádzajúcom kvíze, Kvíz - Pozicovanie a štýlovanie elementov v C# .NET Xamarin, sme si overili nadobudnuté skúsenosti z predchádzajúcich lekcií.

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