Запустить команду при нажатии в ListView.ItemSource

Question

В проекте Xamarin у меня есть этот ListView внутри представления, называемого menu.xaml:

        <ListView x:Name="listView" x:FieldModifier="public">
            <ListView.ItemsSource>
                <x:Array Type="{x:Type local1:MasterPageItem}">
                    <local1:MasterPageItem Title="foo" TargetType="{x:Type local:FooPage}" />
                    <local1:MasterPageItem Title="bar" TargetType="{x:Type local:BarPage}" />
                    <local1:MasterPageItem Title="logout" TargetType="{x:Type local:LogoutPage}"  />
                </x:Array>
            </ListView.ItemsSource>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Grid Padding="5,10">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Image Source="{Binding IconSource}" />
                            <Label Grid.Column="1" Text="{Binding Title}" />
                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

Это создает этот список:

В моей модели представления у меня есть эта команда:

class MasterViewModel : BaseViewModel
{
    public ICommand LogoutActivity { get; private set; }

    public MasterViewModel()
    {
        LogoutActivity = new Command(async () => await LogoutAsync());
    }
}

При нажатии на один из этих элементов открывается соответствующая страница. Я хочу, чтобы ссылка выхода использовала команду вместо открытия страницы. Как мне это сделать? 1016 *? 1015 *

Answer 1

Вы можете добавить Tapped Gesture Recognizer в свою сетку:

<Grid Padding="5,10">
    <Grid.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding LoginActivity}" CommandParameter="{Binding .}">
        </TapGestureRecognizer>
    </Grid.GestureRecognizers>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="30"/>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Image Source="{Binding IconSource}" />
    <Label Grid.Column="1" Text="{Binding Title}" />
</Grid>

Для выполнения указанного действия c для элементов меню вы можете добавить уникальное свойство в вашу модель MasterPageItem и установить для каждого из них.

Answer 2

public partial class MainPage : MasterDetailPage
{
    public MainPage ()
    {

        masterPage.listView.ItemSelected += OnItemSelected;
    }

    void OnItemSelected (object sender, SelectedItemChangedEventArgs e)
    {
        var item = e.SelectedItem as MasterPageItem;
        if (item != null) {

            // Check here if is the logout link that is clicked and perform the required a action

        }
    }
}