XamarinForms，如何使用ListView收藏專案

我正在制作一個應用程式，我想在串列視圖中添加一個專案，比如最喜歡的。我想知道是否有人有一個我可以使用的程式或我需要的示例。謝謝請幫助這個我對 Xamarin 表單的新手。

uj5u.com熱心網友回復：

在您的串列視圖中，您可以使用Xamarin.Forms SwipeView來實作此功能。

這SwipeView是一個包含內容項的容器控制元件，并提供通過滑動手勢顯示的背景關系選單項：

可以參考以下代碼：

  <CollectionView x:Name="collectionView"
                        ItemsSource="{Binding Monkeys}">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <SwipeView>
                        <SwipeView.LeftItems>
                            <SwipeItems>
                                <SwipeItem Text="Favorite"
                                           IconImageSource="favorite.png"
                                           BackgroundColor="LightGreen"
                                           Command="{Binding Source={x:Reference collectionView}, Path=BindingContext.FavoriteCommand}"
                                           CommandParameter="{Binding}" />
                                <SwipeItem Text="Delete"
                                           IconImageSource="delete.png"
                                           BackgroundColor="LightPink"
                                           Command="{Binding Source={x:Reference collectionView}, Path=BindingContext.DeleteCommand}"
                                           CommandParameter="{Binding}" />
                            </SwipeItems>
                        </SwipeView.LeftItems>
                        <Grid BackgroundColor="White"
                              Padding="10">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Image Grid.RowSpan="2" 
                                   Source="{Binding ImageUrl}" 
                                   Aspect="AspectFill"
                                   HeightRequest="60" 
                                   WidthRequest="60" />
                            <Label Grid.Column="1" 
                                   Text="{Binding Name}" 
                                   FontAttributes="Bold" />
                            <Label Grid.Row="1"
                                   Grid.Column="1" 
                                   Text="{Binding Location}"
                                   FontAttributes="Italic" 
                                   VerticalOptions="End" />
                        </Grid>
                    </SwipeView>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

MonkeysViewModel.cs 中的關鍵代碼是：

public ICommand FavoriteCommand => new Command<Monkey>(FavoriteMonkey);

void FavoriteMonkey(Monkey monkey)
{
        monkey.IsFavorite = !monkey.IsFavorite;
}

筆記：

雖然是在 CollectionView 中使用，但在 listView 中的用法是類似的。

您可以在此處獲取完整示例：https ://github.com/xamarin/xamarin-forms-samples/tree/main/UserInterface/CollectionViewDemos

請關注頁面：

VerticalListSwipeContextItemsPage.xaml。

標籤：

上一篇：帶有ObservableRangeCollection的CollectionView不更新資料更改

下一篇：ZxingBarcodeScanner在開始和結束時觸發OnSleep()-OnResume()方法