treeviewitem 相关问题

树视图项是树视图的元素或节点。

我在树视图中有一个树视图项目，该项目将有一个绑定到它的列表：我在树视图中有一个树视图项目，它将有一个绑定到它的列表： <TreeViewItem Name="tviOffline" Foreground="Red" FontWeight="Bold" Header="Offline"> <TreeViewItem.ItemTemplate> <DataTemplate DataType="{x:Type local:Buddy}"> <StackPanel> <TextBlock Text="{Binding Nick}" FontSize="10" Foreground="#8CFFD528" /> </StackPanel> </DataTemplate> </TreeViewItem.ItemTemplate> </TreeViewItem> 我不知道如何让它的每个孩子都有双击事件。任何帮助表示赞赏。非常感谢。 <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <EventSetter Event="MouseDoubleClick" Handler="OnItemMouseDoubleClick" /> ... <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <EventSetter Event="MouseDoubleClick" Handler="OnItemMouseDoubleClick" /> ... 然后，必须按如下方式编写处理程序，以防止双击连续的父 TreeViewItems： private void OnItemMouseDoubleClick(object sender, MouseButtonEventArgs args) { if (sender is TreeViewItem) { if (!((TreeViewItem)sender).IsSelected) { return; } } .... do stuff. } 感谢 Aurelien Ribon 完成了 90% 的任务。双击问题在 Stack Exchange 上的其他帖子中似乎是众所周知的。只需将两种解决方案合并为一个答案即可。这是我设法让它适用于所有情况的唯一方法： void MyTreeView_PreviewMouseDoubleClick(object sender, MouseButtonEventArgs e) { var clickedItem = TryGetClickedItem(myTreeView, e); if (clickedItem == null) return; e.Handled = true; // to cancel expanded/collapsed toggle DoStuff(clickedItem); } TreeViewItem TryGetClickedItem(TreeView treeView, MouseButtonEventArgs e) { var hit = e.OriginalSource as DependencyObject; while (hit != null && !(hit is TreeViewItem)) hit = VisualTreeHelper.GetParent(hit); return hit as TreeViewItem; } 您需要使用样式设置事件处理程序： <TreeView> <TreeView.Resources> <Style TargetType="{x:Type TreeViewItem}" BasedOn="{StaticResource {x:Type TreeViewItem}}"> <EventSetter Event="MouseDoubleClick" Handler="TreeViewItem_OnMouseDoubleClick"/> </Style> </TreeView.Resources> </TreeView> 通过将样式放入TreeView的资源中，样式将应用于所有项目（而不仅仅是像使用ItemContainerStyle时那样应用于第一级）。如果用户单击子项，该事件也会在所有父项上引发，因为子项位于其父项内部。因此，您必须在处理程序中过滤事件，以便仅当已单击的元素 (OriginalSource) 位于引发事件的 TreeViewItem 中时才起作用。最后，这是一个冒泡事件，所以如果你不想让事件在层次结构中向上，你需要将 Handled 设置为 true： void TreeViewItem_OnMouseDoubleClick(object sender, MouseButtonEventArgs e) { var senderTreeViewItem = (TreeViewItem)sender; TreeViewItem treeViewItemWhichHasBeenClicked = ((DependencyObject)e.OriginalSource!).GetVisualParentOrDefault<TreeViewItem>()!; if (senderTreeViewItem == treeViewItemWhichHasBeenClicked) { Debug.WriteLine("Do stuff"); e.Handled = true; } } static class DependencyObjectExtensions { public static T? GetVisualParentOrDefault<T>(this DependencyObject depObj) where T : DependencyObject { while (true) { ArgumentNullException.ThrowIfNull(depObj); DependencyObject? parent = VisualTreeHelper.GetParent(depObj); switch (parent) { case null: return null; case T result: return result; default: depObj = parent; break; } } } }

wpf treeview double-click treeviewitem

回答 4 投票 0

WPF ContextMenuOpening 未在带有 StackPanel 的 TreeViewItem 上触发

在 TreeView 中，我有一个 HierarchicalDataTemplate，TreeViewItem 位于水平 StackPanel 中。当我右键单击图像或文本块时，会触发 ContextMenuOpening 事件，但是当我...

wpf mvvm contextmenu stackpanel treeviewitem

回答 1 投票 0

绑定到 TreeViewItem.IsExpanded 只有一种方式

我有以下控件（摘录）我有以下控件（摘录） <TreeView x:Name="provenanceTree" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" ItemsSource="{x:Bind ProvenanceTreeItems}" SelectionMode="Single" > <TreeView.ItemTemplate> <DataTemplate x:DataType="local:IProvenance"> <TreeViewItem ItemsSource="{x:Bind Children}" IsExpanded="{x:Bind isExpanded, Mode=TwoWay}">  </TreeViewItem> </DataTemplate> </TreeView.ItemTemplate> </TreeView> 当然，我的想法是我希望能够扩展和压缩数据源中的树视图项。 isExpanded 是在 IProvenance 的实现中定义的： public static DependencyProperty isExpandedProperty = DependencyProperty.Register( nameof (isExpanded), typeof (bool), typeof (Expandable), new PropertyMetadata (false)); public bool isExpanded { get=> (bool)GetValue(isExpandedProperty); set => SetValue(isExpandedProperty, value); } 我认为没有什么值得警惕的。我的问题是双向绑定似乎不起作用。当新项目添加到树中时，isExpanded中的值将被遵守（正如我可以通过更改属性元数据来显示的那样）。当我使用 UI 扩展和压缩项目时，isExpanded 会正确更新。但是，当我在填充树后更改代码中的 isExpanded 时，什么也没有发生。（值更新正确 - 我在调试器中看到过 - 只是树视图没有改变。）我找到了这个答案，但我认为它对我没有帮助，因为我使用的是Winui 3（其中HierarchicalDataTemplate不可用，并且样式内部的绑定是有问题的）。我忘记了什么？让我向您展示一个在其子项展开时展开的 TreeView 的工作示例： Shell.xaml <Page x:Class="WinUIApp1.Shell" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="using:WinUIApp1" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" mc:Ignorable="d"> <Grid RowDefinitions="Auto,*"> <StackPanel Grid.Row="0" Orientation="Horizontal"> <Button Content="Expanding Test" Click="ExpandingTestButton_Click"/> </StackPanel> <TreeView Grid.Row="1" ItemsSource="{x:Bind Items}"> <TreeView.ItemTemplate> <DataTemplate x:DataType="local:Item"> <TreeViewItem Content="{x:Bind Content}" IsExpanded="{x:Bind IsExpanded, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" ItemsSource="{x:Bind Children, Mode=OneWay}" /> </DataTemplate> </TreeView.ItemTemplate> </TreeView> </Grid> </Page> Shell.xaml.cs public sealed partial class Shell : Page { public Shell() { InitializeComponent(); AddTestItems(); } public ObservableCollection<Item> Items { get; } = []; private void AddTestItems() { var item1 = new Item("Item 1"); var item1Child1 = new Item("Item 1-1"); var item1GrandChild1 = new Item("Item 1-1-1"); var item1GrandChild2 = new Item("Item 1-1-2"); item1Child1.Children.Add(item1GrandChild1); item1Child1.Children.Add(item1GrandChild2); item1.Children.Add(item1Child1); Items.Add(item1); var item2 = new Item("Item 2"); var item2Child1 = new Item("Item 2-1"); var item2GrandChild1 = new Item("Item 2-1-1"); var item2GrandChild2 = new Item("Item 2-1-2"); item2Child1.Children.Add(item2GrandChild1); item2Child1.Children.Add(item2GrandChild2); item2.Children.Add(item2Child1); Items.Add(item2); } private void ExpandingTestButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e) { Items[0].IsExpanded = true; //Items[0].Children[0].IsExpanded = true; } } Item.cs public partial class Item : ObservableObject { [ObservableProperty] private bool _isExpanded; public Item(string content) { Content = content; Children.CollectionChanged += Children_CollectionChanged; } public event EventHandler<bool>? IsExpandedChanged; public ObservableCollection<Item> Children { get; } = []; public string Content { get; } private void Children_CollectionChanged(object? sender, NotifyCollectionChangedEventArgs e) { if (e.NewItems != null) { foreach (Item child in e.NewItems) { child.IsExpandedChanged += Child_IsExpandedChanged; } } if (e.OldItems != null) { foreach (Item child in e.OldItems) { child.IsExpandedChanged += Child_IsExpandedChanged; } } } private void Child_IsExpandedChanged(object? sender, bool isExpanded) { if (isExpanded is true) { IsExpanded = true; } } partial void OnIsExpandedChanged(bool value) { IsExpandedChanged?.Invoke(this, value); } } 备注 ObservableObject 和 ObservableProperty 来自 CommunityToolkit.Mvvm NuGet 包。

c# xaml treeview winui treeviewitem

回答 1 投票 0

树视图中的内边距和边距在哪里定义？

我的树视图定义如下：我的树视图定义如下： <TreeView x:Name="ProvenanceTree" Grid.Column="0" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" ItemsSource="{x:Bind ProvenanceTreeItems}" SelectionMode="Single" ItemInvoked="ProvenanceTree_ItemInvoked" > <TreeView.ItemContainerStyle> <Style TargetType="TreeViewItem"> <Setter Property="Height" Value="20"/> <Setter Property="MinHeight" Value="10"/> <Setter Property="Margin" Value="0 0 0 0"/> <Setter Property="Padding" Value="0 0 0 0"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="BorderBrush" Value="Red"/> </Style> </TreeView.ItemContainerStyle> <TreeView.ItemTemplate> <DataTemplate x:DataType="local:IProvenance"> <TreeViewItem ItemsSource="{x:Bind Children}" IsExpanded="True"> <Grid Background="{x:Bind HighlightColor.dilutedBrush}" Margin="0 0 0 0" Padding="0 0 0 0"> <Grid.ColumnDefinitions> <ColumnDefinition Width="150"/> <ColumnDefinition Width="Auto" MinWidth="75"/> <ColumnDefinition Width="Auto" MinWidth="30" MaxWidth="100"/> </Grid.ColumnDefinitions> <TextBlock Text="{x:Bind name}" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind name}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="0"/> <TextBlock Text="{x:Bind typeName}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="1"/> <TextBlock Text="{x:Bind annotation}" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind annotation}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="2"/> </Grid> </TreeViewItem> </DataTemplate> </TreeView.ItemTemplate> </TreeView> 它看起来像这样：我在这里看到的是：每个 TreeViewItem 都被压缩到 20 像素高，正如它应该的那样。（红色边框只是为了让我可以看到容器的范围 - 不打算保留它！）但是每个项目周围都有几个像素的背景，并且每个项目之间有几个像素的空间。理想情况下，我想摆脱多余的空间，并将项目压缩在一起。我可以增加填充和边距（正如您所期望的那样，填充会增加边框的大小，而边距会增加间距），但将它们设置为零显然不会消除它们，并且将它们设置为负数没有任何作用. 这些最小尺寸是在哪里定义的，有什么方法可以覆盖它们吗？您可以覆盖 TreeViewItemPresenterPadding 资源。 <TreeView...> <TreeView.Resources> <Thickness x:Key="TreeViewItemPresenterPadding">0</Thickness> </TreeView.Resources> </TreeView> 您可以在 generic.xaml 文件中了解这一点。

xaml treeview winui-3 treeviewitem

回答 1 投票 0

显示用线连接的树视图项目？

有没有办法让树视图在展开项目时显示连接项目的线？谢谢！

c# wpf treeview treeviewitem

回答 1 投票 0

搜索并找到TreeItem后，我可以滚动到TreeView中选定的项目吗？（JavaFX）

我有一个 TreeView，其中有许多 TreeItems。我已经构建了一个搜索功能，可以工作并选择指定的 TreeItem，但 TreeView 滚动功能不会滚动到它，因此必须...

javafx search treeview treeviewitem

回答 2 投票 0

如何用图片替换ttk.Treeview父节点箭头？

问题：如何在 tkinter.ttk.Treeview 中创建一个节点，其中节点的切换箭头被定义的图像替换？也就是说，我如何从第二张图片到第一张图片