Lekce 19 - Výběr položek v CollectionView v Xamarin.Forms

V minulé lekci, CollectionView v Xamarin.Forms - Dokončení aplikace, jsme v naší aplikaci dokončili zobrazování aplikací a her v CollectionView.

V dnešní lekci se podíváme na způsoby výběru položek v CollectionView v Xamarin.Forms. Spolu s tím si představíme GestureRecognizer a RelativeSource.

Výběr položek v CollectionView

Již víme, že CollectionView umožňuje jak výběr jedné položky, jako to známe z ListView, tak více položek najednou.

SelectionMode

Pomocí této vlastnosti nastavujeme způsob výběru položek v CollectionView. Může nabývat následujících hodnot:

• None - výchozí hodnota, která neumožňuje výběr položek.
• Single - umožňuje výběr maximálně jedné položky. Vybranou položku nastavíme nebo získáme pomocí vlastnosti SelectedItem.
• Multiple - umožňuje výběr více položek naráz. Vybrané položky získáme z vlastnosti SelectedItems.

SelectionChangedCommand

Tento Command se zavolá pokaždé, když se výběr položek změní. Parametr mu lze předat přes vlastnost SelectionChangedCommandParameter.

SelectionChanged

Spolu s příkazem SelectionChangedCommand se volá taktéž událost SelectionChanged. Ta je definována delegátem, který v dodatečných parametrech události předává aktuálně vybrané položky ve vlastnosti CurrentSelection.

Použití v aplikaci

Opět budeme pracovat s aplikací z minulých lekcí, ve které budeme chtít po kliknutí na hru/aplikaci v CollectionView zobrazit stránku s informacemi o dané hře/aplikaci.

GamesPage

Nejprve si otevřeme XAML kód stránky GamesPage. Zde <CollectionView> nastavíme vlastnost SelectionMode na hodnotu Single:

<CollectionView ItemsSource="{Binding Games}"
                SelectionMode="Single"
                SelectionChangedCommand="{Binding SelectionChangedCommand}"
                SelectedItem="{Binding SelectedGame}">
            ...
</CollectionView>

Dále nabindujeme

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