Lekce 17 - CollectionView v Xamarin.Forms

V předchozím kvízu, Kvíz - Preferences, navigace, ICommand v C# .NET Xamarin, jsme si ověřili nabyté zkušenosti z předchozích lekcí.

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