主页 / 问题 / 1416703
Accepted
Noname guy
Asked:2022-08-03 22:28:11 +0000 UTC2022-08-03 22:28:11 +0000 UTC

为什么不能从 Carousel 中间连续删除元素？

  • 772

Carousel 显示了我需要添加/删除的对象集合，如果我从末尾或开头删除元素，那么我可以连续删除多个元素，但如果我从中间删除，那么结果是仅删除 1 个元素，据我了解，只有当我移动所选元素时轮播才会更新，我该如何解决这个问题？试过 Carousel.UpdateLayout() 但没有用：

页面.xaml：

        <controls:Carousel x:Name="ClipboardsCarousel"
                           Grid.Row="0"
                           Grid.RowSpan="2"
                           Margin="0,0,0,35"
                           ItemRotationX="0" ItemRotationY="35" ItemRotationZ="-5"
                           ItemsSource="{Binding Clipboards}"
                           InvertPositive="True" 
                           ItemDepth="250"
                           ItemMargin="25"
                           Orientation="Horizontal"
                           SelectedIndex="0">
            <controls:Carousel.EasingFunction>
                <CubicEase EasingMode="EaseInOut" />
            </controls:Carousel.EasingFunction>

            <controls:Carousel.ItemTemplate>
                <DataTemplate x:DataType="local:ClipboardModel">
                    <StackPanel Background="#1F1F1F" 
                                BorderThickness="1.8" 
                                BorderBrush="{StaticResource SystemAccentColor}"
                                CornerRadius="8"
                                Padding="15"
                                Width="250"
                                Height="350">
                        <TextBlock Text="{Binding Title}" 
                                   TextWrapping="Wrap"
                                   TextTrimming="CharacterEllipsis"
                                   TextAlignment="Center"
                                   FontSize="18"
                                   Margin="0,2,0,16"
                                   />
                        <TextBlock Text="{Binding Content}"
                                   MaxHeight="270"
                                   TextWrapping="Wrap"
                                   TextTrimming="CharacterEllipsis"
                                   Foreground="{StaticResource ShadedTextColor}"
                                   />
                    </StackPanel>
                </DataTemplate>
            </controls:Carousel.ItemTemplate>
        </controls:Carousel>

页面.xaml.cs：

        private void ConfirmDeleteButton_Click(object sender, RoutedEventArgs e)
        {
            int currentIndex = ClipboardsCarousel.SelectedIndex;
            viewModel.DeleteClipboard(((ClipboardModel)ClipboardsCarousel.SelectedItem).Title);


            if (ClipboardsCarousel.SelectedIndex == viewModel.Clipboards.Count)
            {
                ClipboardsCarousel.SelectedIndex -= 1;
            }
            else
            {
                ClipboardsCarousel.SelectedIndex = currentIndex;
            }

            ClipboardsCarousel.UpdateLayout();

        }

视图模型：

        public ObservableCollection<ClipboardModel> Clipboards { get; set; } = 
            new ObservableCollection<ClipboardModel>
        {
        };

        public void DeleteClipboard(string title)
        {
            ClipboardsDatabase.DeleteClipboard(title);
            RefreshClipboards();
        }
c# uwp

2 个回答

  1. Best Answer

    您正在更新数据，但您正在尝试在控件引入更改之前使用它，因为 UI 线程仍在忙于处理您的代码。

    事实证明，按时间顺序，您首先使用所选元素的索引，然后只有控件更新数据，结果所选元素的索引飞了起来。

    你可以坚持这样一个丑陋的拐杖，我为了清楚起见展示了这个问题。

    private async void ConfirmDeleteButton_Click(object sender, RoutedEventArgs e)
{
    int currentIndex = ClipboardsCarousel.SelectedIndex;
    viewModel.DeleteClipboard(((ClipboardModel)ClipboardsCarousel.SelectedItem).Title);

    await Task.Delay(1);

    if (currentIndex == viewModel.Clipboards.Count)
    {
        currentIndex--;
    }
    ClipboardsCarousel.SelectedIndex = currentIndex;
}

    好吧，或者添加一个在选定元素更改时调用的事件处理程序并处理那里的行为。

    一般情况下，你需要使用数据绑定x:Bind或者Binding，那么就可以在SelectedItem没有拐杖的情况下通过它来管理一切。为了不受到点击处理程序的影响，请使用 commands ICommand，然后处理点击的代码也将在视图模型中。

    你会在视图模型中得到类似的东西

    public ClipboardModel SelectedClipboard { get; set; } // +INPC реализация

public ICommand DeleteCommand { get; } = new RelayCommand(parameter => 
{
    var index = Clipboards.IndexOf(SelectedClipboard);
    Clipboards.Remove(SelectedClipboard);
    if (index == Clipboards.Count);
        index--;
    SelectedClipboard = Clipboards[index];
}, parameter => SelectedClipboard != null);

    <Button Content="Удалить" Command="{Binding DeleteCommand}"/>
<controls:Carousel SelectedItem="{Binding SelectedClipboard}" .../>

    您需要完全删除它，如果SelectedIndex="0"有绑定，SelectedItem它将根据您的需要自行工作。

    顺便说一句，无论如何都要习惯使用它x:Bind，它工作得更愉快，在某些情况下使用起来更方便。

    public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Predicate<object> _canExecute;

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }

    public RelayCommand(Action<object> execute, Predicate<object> canExecute = null)
        => (_execute, _canExecute) = (execute, canExecute);

    public bool CanExecute(object parameter)
        => _canExecute == null || _canExecute(parameter);

    public void Execute(object parameter)
        => _execute(parameter);
}
    • 1

  2. 我不知道这是多么正确，但如果最后添加这个对我有帮助：

    private void ConfirmDeleteButton_Click(object sender, RoutedEventArgs e)
{
    ...

    if (viewModel.Clipboards.ToList().Count != 0)
    {
        ClipboardsCarousel.SelectedItem = viewModel.Clipboards[currentIndex];
    }
}
    • 0

相关问题