Xamarin.Forms Listview

  • Článek

Download Sample Stažení ukázky

ListView je zobrazení pro prezentaci seznamů dat, zejména dlouhých seznamů vyžadujících posouvání.

Důležité

CollectionView je zobrazení pro prezentaci seznamů dat pomocí různých specifikací rozložení. Cílem je poskytnout flexibilnější a výkonnější alternativu k ListView. Další informace naleznete v tématu Xamarin.Forms CollectionView.

Případy použití

Ovládací ListView prvek lze použít v jakékoli situaci, kdy zobrazujete posuvné seznamy dat. Třída ListView podporuje kontextové akce a datová vazba.

Ovládací ListView prvek by neměl být zaměňován s ovládacím TableView prvku. Ovládací TableView prvek je lepší volbou, kdykoli máte nevázaný seznam možností nebo dat, protože umožňuje zadat předdefinované možnosti v jazyce XAML. Například aplikace nastavení pro iOS, která má převážně předdefinovanou sadu možností, je vhodnější použít než TableView .ListView

Třída ListView nepodporuje definování položek seznamu v XAML, musíte použít ItemsSource vlastnost nebo datovou vazbu s ItemTemplate definicí položek v seznamu.

Nejvhodnější ListView je pro kolekce skládající se z jednoho datového typu. Tento požadavek je ten, že pro každý řádek v seznamu lze použít pouze jeden typ buňky. Ovládací TableView prvek může podporovat více typů buněk, takže je lepší volbou, když potřebujete zobrazit více datových typů.

Další informace o vazbě dat k ListView instanci naleznete v tématu ListView zdroje dat.

Komponenty

Ovládací ListView prvek má k dispozici řadu komponent pro cvičení nativních funkcí jednotlivých platforem. Tyto komponenty jsou definovány v následujících částech.

Záhlaví a zápatí

Komponenty záhlaví a zápatí se zobrazují na začátku a konci seznamu odděleně od dat seznamu. Záhlaví a zápatí mohou být vázány na samostatný zdroj dat od zdroje dat ListView.

Skupiny

Data ve skupině ListView je možné seskupit, aby se usnadnila navigace. Skupiny jsou obvykle svázané s daty. Následující snímek obrazovky ukazuje seskupená ListView data:

Buňky

Datové položky v buně ListView se nazývají buňky. Každá buňka odpovídá řádku dat. Můžete si vybrat z předdefinovaných buněk nebo můžete definovat vlastní buňku. Integrované i vlastní buňky je možné použít nebo definovat v kódu XAML nebo kódu.

  • Předdefinované buňky, jako TextCell je například a ImageCell, odpovídají nativním ovládacím prvkům a jsou zvláště výkonné.
    • A TextCell zobrazí řetězec textu, volitelně s podrobným textem. Text podrobností se vykreslí jako druhý řádek v menším písmu s barvou zvýraznění.
    • Zobrazí ImageCell obrázek s textem. Zobrazí se jako TextCell obrázek vlevo.
  • Vlastní buňky slouží k prezentaci složitých dat. Vlastní buňku můžete například použít k prezentaci seznamu skladeb, které obsahují album a interpreta.

Následující snímek obrazovky ukazuje ListView položky ImageCell:

Další informace o přizpůsobení buněk v aplikaci ListViewnaleznete v tématu Přizpůsobení vzhledu buňky ListView.

Funkce

Třída ListView podporuje řadu stylů interakce.

  • Pull-to-refresh umožňuje uživateli ListView stáhnout dolů, aby aktualizoval obsah.
  • Kontextové akce umožňují vývojáři zadat vlastní akce u jednotlivých položek seznamu. Můžete například implementovat akce potáhnutí prstem na akci v iOSu nebo akce s dlouhým klepnutím na Android.
  • Výběr umožňuje vývojáři připojit funkce k událostem výběru a zrušení výběru u položek seznamu.

Následující snímek obrazovky ukazuje kontextové ListView akce:

Další informace o funkcích ListViewinteraktivity najdete v tématu Akce a interaktivita pomocí ListView.