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

Lekce 17 - CollectionView v Xamarin.Forms

V minulé lekci, MVVM a rozhraní ICommand v Xamarin.Forms a C# .NET, jsme si představili architekturu MVVM a rozhraní ICommand.

V dnešním Xamarin.Forms tutoriálu si představíme nové ovládací prvky a povíme si něco málo o zdroji bindingu. Vše použijeme v naší aplikaci z minulých lekcí, která bude vypadat takto:

CollectionView

CollectionView je komponenta pro zobrazení seznamu (kolekce) dat stejně, jako nám již známé ListView. Oproti tomu však nabízí spoustu výhod:

  • Umožňuje zobrazovat data nejen v seznamu za sebou, ale také v mřížce.
  • Umožňuje zobrazovat data jak vertikálně, tak horizontálně.
  • Podporuje vícenásobný výběr.
  • Nevyužívá buňky (Cells).
  • Automaticky využívá UI virtualizaci poskytovanou základními nativními ovládacími prvky. To znamená, že se jednotlivé položky v seznamu vytváří, až když jsou viditelné, což šetří výkon a paměť.
  • Podporuje EmptyView (více níže).

Jednou z mála nevýhod CollectionView je, že nepodporuje funkci (gesto) pull-to-refresh. Jedná se o obnovení obsahu potažením shora dolů. Této funkce se dá však jednoduše dosáhnout použitím prvku RefreshView, který si dnes taktéž ukážeme.

Ukázková aplikace

Přejděme k implementaci a komponentu si vyzkoušejme.

Příprava dat

Ještě před tím, než začneme s CollectionView pracovat, si připravíme nějaká data, která v něm budeme zobrazovat. Budeme zobrazovat seznam aplikací a her.

AppItem

Základní informace o jednotlivých hrách/aplikacích ponese třída AppItem. Bude mít vlastnosti:

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

Její kód je následující:


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Omezená nabídka: Nauč se vše a ušetři

Koupit lekce a funkce postupně a po jednom 240 bodů
Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za exkluzivní cenu 204 bodů (509 Kč)
Na svém účtu máš aktuálně 0 bodů
Koupí tohoto výhodného balíčku získáš přístup ke všem 29 lekcím s kontrolou a certifikací a ještě navíc ušetříš 90 Kč. Nabídka je omezená pouze pro první lekce z kurzu a obsahuje exkluzivní slevu 15%.
204 bodů získáš za přidání svého článku na síť nebo odpovídá 599 Kč 509 Kč

Pozor, pokud si koupíš pouze tuto lekci, ztratíš nárok na speciální slevu 15% na balíček všech lekcí.

Koupit jen lekci 10 bodů
Na svém účtu máš aktuálně 0 bodů
10 bodů získáš za přidání svého článku na síť nebo odpovídá 25 Kč

Před koupí tohoto článku je třeba koupit předchozí díl

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Neomezený a trvalý přístup k jednotlivým lekcím.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V Xamarin tutoriálu si představíme CollectionView a vytvoříme modelovou a view-modelovou strukturu pro ukázkovou aplikaci.

Body získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.

Článek pro vás napsal Radek Vymětalík
Avatar
...
Aktivity (6)