CollectionView 嵌套到 ListView

Question

我尝试将 CollectionView 嵌套在 ListView 中...... 我能够可视化我需要的所有内容，但现在我无法到达列表内单个 CollectionView 的单个单元格上的单击事件。 这是我的 xaml 代码：

  <ListView  x:Name="MainListView" VerticalOptions="FillAndExpand">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <CollectionView Margin="10" SelectionMode="Single" ItemsSource="{Binding singleList}" FlowDirection="LeftToRight" ItemsLayout="HorizontalList">
                            <CollectionView.ItemTemplate>
                                <DataTemplate>
                                    <Grid Padding="10" Margin="10">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto" />
                                            <ColumnDefinition Width="Auto" />
                                            <ColumnDefinition Width="Auto" />
                                        </Grid.ColumnDefinitions>
                                        <Frame BackgroundColor="White" Grid.RowSpan="2" CornerRadius="5" Padding="10">
                                            <Image Source="{Binding ImageName}" Aspect="AspectFill" HeightRequest="100" WidthRequest="100" />
                                        </Frame>
                                        <Label Grid.Column="1" Text="{Binding Name}" FontAttributes="Bold" />
                                        <Label Grid.Row="1" Grid.Column="1" Text="{Binding Date}" VerticalOptions="End" />
                                        <Image Grid.Row="2" Grid.Column="0" Source="shop" HeightRequest="20" WidthRequest="20" />
                                    </Grid>
                                </DataTemplate>
                            </CollectionView.ItemTemplate>
                        </CollectionView>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

我想我必须在 Collection 中使用 SelectionChangedCommand 事件，但我不明白......如何！ 有什么帮助吗？

Answer 1

我想我必须在 收藏，但我不明白......如何！有什么帮助吗？

不知道你不明白哪一部分，我会告诉你我将如何使用 SelectionChangedCommand.

你的collectionView绑定dataSource到singleList，所以singleList应该是你的model/ViewModel的列表，比如说MyViewModel，然后在SelectionChangedCommand，你可以获取您正在点击的上一个/当前MyViewModel：

private void CollectionView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    myViewModel previousModel = e.PreviousSelection.FirstOrDefault() as myViewModel;

    myViewModel currentModel = e.PreviousSelection.FirstOrDefault() as myViewModel;

    string previous = (e.PreviousSelection.FirstOrDefault() as myViewModel)?.Name;
    string current = (e.CurrentSelection.FirstOrDefault() as myViewModel)?.Name;

    //perform your own actions.
}

更新，我的 xaml 中的代码：

<ListView  x:Name="MainListView" VerticalOptions="FillAndExpand" HasUnevenRows="True">

    <ListView.ItemsSource>
        <x:Array Type="{x:Type x:String}">
            <x:String>mono</x:String>
            <x:String>monodroid</x:String>
            <x:String>monotouch</x:String>
            <x:String>monorail</x:String>
        </x:Array>
    </ListView.ItemsSource>

    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <CollectionView Margin="10" SelectionMode="Single" SelectionChanged="CollectionView_SelectionChanged" FlowDirection="LeftToRight" ItemsLayout="HorizontalList">

                    <CollectionView.ItemsSource>
                        <x:Array Type="{x:Type x:String}">
                            <x:String>Baboon</x:String>
                            <x:String>Capuchin Monkey</x:String>
                            <x:String>Blue Monkey</x:String>
                            <x:String>Squirrel Monkey</x:String>
                        </x:Array>
                    </CollectionView.ItemsSource>

                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <Grid Padding="10" Margin="10">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <Frame BackgroundColor="White" Grid.RowSpan="2" CornerRadius="5" Padding="10">
                                    <Image Source="Binding ImageName" Aspect="AspectFill" HeightRequest="100" WidthRequest="100" />
                                </Frame>
                                <Label Grid.Column="1" Text="Binding Name" FontAttributes="Bold" />
                                <Label Grid.Row="1" Grid.Column="1" Text="Binding Date" VerticalOptions="End" />
                                <Image Grid.Row="2" Grid.Column="0" Source="shop" HeightRequest="20" WidthRequest="20" />
                            </Grid>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>