RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1445901
Accepted
Георгий
Георгий
Asked:2022-09-05 18:46:25 +0000 UTC2022-09-05 18:46:25 +0000 UTC 2022-09-05 18:46:25 +0000 UTC

TreeView 的 C# WPF MVVM ContextMenu

  • 772

我有一个 TreeView,它有多个根节点,每个根节点都包含子节点。我想添加将子节点添加到“收藏夹”根节点的功能(最初,此节点不存在,只有在需要添加某些内容时才会出现)。当然,Favorites 节点是原始 TreeView 的一部分。节点是通过上下文菜单添加的(严格来说是一项),删除也应该通过上下文菜单完成(如果已经添加了节点,则用添加的项替换),但是这里开始出现问题。对于这个问题,网上有几种解决方法:

  1. 向资源添加不同的上下文菜单,将树拆分为几棵树,将它们一个接一个地放置,并为每个部分指定适当的菜单。这也许可以解决我的问题,但我不想分割树。
  2. 使用交互性。
  3. 为 xaml.cs 中的节点填充菜单,但这个选项绝对不适合我。

但这不是我所需要的。没有违反 MVVM、拆分源树并包含包的干净方法,这将允许您为 TreeView 制作非统一的上下文菜单?

更新:画出它应该是什么样子。

c#
  • 0 0 个回答
  • 0 Views

0 个回答

  • Voted
  1. Best Answer
    VladD
    2022-09-05T19:02:49Z2022-09-05T19:02:49Z

    这是它对我的工作方式。

    首先,我们需要一个元素的类。我参加了一个简单的课程,当然,你会有更复杂的东西。

    public class ItemVM
    {
        public ItemVM(int number) => Number = number;
        public int Number { get; }
        public override string ToString() => $"Item #{Number}";
    }
    

    接下来,我们需要一个包含ObservableCollection“收藏夹”和“其他”的容器类。此外,我们需要从“收藏夹”中添加/删除项目的命令。结果是这样的:

    public class MainVM
    {
        public MainVM(IEnumerable<ItemVM> allItems)
        {
            ArgumentNullException.ThrowIfNull(allItems);
            AllItems = new(allItems);
            Favorites = new();
            RestItems = new(AllItems); // use materialized view
            addFavorite = new(OnAddFavorite);
            removeFavorite = new(OnRemoveFavorite);
        }
    
        public ObservableCollection<ItemVM> AllItems { get; }  // всё
        public ObservableCollection<ItemVM> Favorites { get; } // избранное
        public ObservableCollection<ItemVM> RestItems { get; } // остальное
    
        TrivialCommand<ItemVM> addFavorite, removeFavorite;
    
        public ICommand AddFavoriteCommand => addFavorite;
        public ICommand RemoveFavoriteCommand => removeFavorite;
    
        void OnAddFavorite(ItemVM item)
        {
            // перекладываем из "остального" в "избранное"
            Favorites.Add(item);
            RestItems.Remove(item);
        }
    
        void OnRemoveFavorite(ItemVM item)
        {
            // перекладываем из "избранного" в "остальное"
            RestItems.Add(item);
            Favorites.Remove(item);
        }
    }
    

    接下来,XAML。让我们输入TreeView三个元素:完整列表、收藏夹和其他所有内容。Count可见性将通过转换器绑定到相应列表的大小(我们将使用通过绑定动态“捕获”更改的事实)。

    对于列表的不同部分,我们将放置不同的上下文菜单,我们将通过样式TreeViewItem'a. 为了不重复我们自己,让我们为资源添加样式。

    由于命令是在外部级别定义的,并且在内部级别无法直接访问 external DataContext'y,因此我们将通过DataContext虚拟元素绑定命令。

    <Grid>
        <FrameworkElement Visibility="Hidden" x:Name="dummy"/>
        <TreeView>
            <TreeView.Resources>
                <Style TargetType="TreeViewItem" x:Key="AddFavStyle">
                    <Setter Property="ContextMenu">
                        <Setter.Value>
                            <ContextMenu>
                                <MenuItem Header="Добавить в избранное"
                                          Command="{Binding DataContext.AddFavoriteCommand, Source={x:Reference dummy}}"
                                          CommandParameter="{Binding}"/>
                            </ContextMenu>
                        </Setter.Value>
                    </Setter>
                </Style>
                <Style TargetType="TreeViewItem" x:Key="RemoveFavStyle">
                    <Setter Property="ContextMenu">
                        <Setter.Value>
                            <ContextMenu>
                                <MenuItem Header="Удалить из избранного"
                                          Command="{Binding DataContext.RemoveFavoriteCommand, Source={x:Reference dummy}}"
                                          CommandParameter="{Binding}"/>
                            </ContextMenu>
                        </Setter.Value>
                    </Setter>
                </Style>
            </TreeView.Resources>
            <TreeViewItem
                Header="Избранное" IsExpanded="True"
                Visibility="{Binding Favorites.Count, Converter={StaticResource NonzeroToVisibilityConverter}}"
                ItemsSource="{Binding Favorites}"
                ItemContainerStyle="{StaticResource RemoveFavStyle}"/>
            <TreeViewItem
                Header="Прочее" IsExpanded="True"
                Visibility="{Binding RestItems.Count, Converter={StaticResource NonzeroToVisibilityConverter}}"
                ItemsSource="{Binding RestItems}"
                ItemContainerStyle="{StaticResource AddFavStyle}"/>
            <TreeViewItem
                Header="Всё" IsExpanded="True"
                ItemsSource="{Binding AllItems}"
                ItemContainerStyle="{StaticResource AddFavStyle}"/>
        </TreeView>
    </Grid>
    

    如果需要,实施TrivialCommand:

    public class TrivialCommand<T> : ICommand
    {
        public TrivialCommand(Action<T> execute) =>
            executeImpl = execute ?? throw new ArgumentNullException(nameof(execute));
    
        public bool CanExecute(object? parameter) => true;
    
        public void Execute(object? parameter) =>
            executeImpl((T)(parameter ?? throw new ArgumentNullException(nameof(parameter))));
    
        readonly Action<T> executeImpl;
    
        public event EventHandler? CanExecuteChanged;
    }
    

    以及NonzeroToVisibilityConverter:

    public class NonzeroToVisibilityConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture) =>
            value is IConvertible conv && conv.ToInt64(null) != 0 ? Visibility.Visible : Visibility.Collapsed;
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) =>
            throw new NotSupportedException();
    }
    

    结果是这样的:

    没有动画不滚动

    • 2

相关问题

  • 使用嵌套类导出 xml 文件

  • 分层数据模板 [WPF]

  • 如何在 WPF 中为 ListView 手动创建列?

  • 在 2D 空间中,Collider 2D 挂在玩家身上,它对敌人的重量相同,我需要它这样当它们碰撞时,它们不会飞向不同的方向。统一

  • 如何在 c# 中使用 python 神经网络来创建语音合成?

  • 如何知道类中的方法是否属于接口?

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5