如何让文本框填充树视图项

Question

我有一个 TreeView，它有 3 个级别，由HierarchicalDataTemplate. 这是部分 xaml 列表：

<TreeView

    Name="TreeView"

    ItemsSource="{Binding GTOs}"

    ScrollViewer.HorizontalScrollBarVisibility="Hidden">

    <TreeView.ItemsPanel>

        <ItemsPanelTemplate>

            <!--  This binding prevents the TreeView from slipping over to the right when an item is clicked.  -->

            <StackPanel MaxWidth="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=ContentPresenter, AncestorLevel=1}}" />

        </ItemsPanelTemplate>

    </TreeView.ItemsPanel>

    <TreeView.Resources>

        <HierarchicalDataTemplate DataType="{x:Type local:TreeGTOViewModel}" ItemsSource="{Binding Children}">

            <TextBlock

                Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type TreeView}}, Path=ActualWidth}"

                MouseDown="TextBlock_MouseDown"

                Tag="{Binding Uri}"

                Text="{Binding Title}" />

        </HierarchicalDataTemplate>

TextBlock的BindingonWidth属性确保每个都TreeViewItem采用 TreeView 容器的整个宽度（而不仅仅是文本框的宽度）。结合 Material Design 样式，当鼠标悬停在树中的特定项目上时，这会产生很好的阴影效果。

只有一个问题。虽然我可以让 Width 假设 TreeViewItem 的全宽，但我似乎无法对 Height 做同样的事情。这意味着用户可以在 TreeView 项目的边缘附近单击并查看所有效果，就好像该项目被单击一样，但该MouseDown事件不会触发。

这是应该可点击的区域（红色虚线）：

这是实际可点击的区域（文本框的外边框）：

我尝试了许多不同的方法，包括这个：

VerticalAlignment="Stretch"

还有这个：

Height="{Binding RelativeSource={RelativeSource AncestorType={x:Type TreeViewItem}}, Path=ActualHeight}"

但它们要么没有效果，要么以意想不到的方式破坏 TreeView。我认为问题的一部分是在ItemsPanelTemplate.

如何让每个 TreeViewItem 中的 TextBox 假定实际 TreeViewItem 的高度？

下面是可视化树相关部分的图像，从 TreeView 到可点击的文本框。所述Ripple元件是一个MaterialDesignThemes.Wpf.Ripple对象。

Answer 1

好吧，我通过走不同的路线解决了这个问题。我不是MouseDown在文本块上挂钩事件，而是SelectedItemChanged在树视图上挂钩事件。&nbsp; &nbsp; <TreeView&nbsp; &nbsp; &nbsp; &nbsp; ItemsSource="{Binding GTOs}"&nbsp; &nbsp; &nbsp; &nbsp; SelectedItemChanged="TreeView_SelectedItemChanged">在RoutedPropertyChangedEventArgs该的SelectedItemChanged事件包含视图模型的特定TreeViewItem，其产生的导航Uri属性我需要（我以前绑定这个属性到文本框的标签属性）。新的事件处理程序如下所示：private void TreeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e){&nbsp; &nbsp; dynamic viewModel = e.NewValue;&nbsp; &nbsp; var uri = viewModel.Uri;&nbsp; &nbsp; (DataContext as TreeViewModel).Navigate(uri);}树的每一层都包含不同的 ViewModel 类型，但它们都有一个 Uri 属性，因此dynamic绑定提供了所需的“不关心它是什么类型”的行为。我现在可以从 TextBlock 中删除Tag绑定和MouseDown事件。&nbsp; &nbsp; <HierarchicalDataTemplate DataType="{x:Type local:TreeGTOViewModel}" ItemsSource="{Binding Children}">&nbsp; &nbsp; &nbsp; &nbsp; <TextBlock&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type TreeView}}, Path=ActualWidth}"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Text="{Binding Title}" />并且树视图项目现在可以正确响应，无论单击何处。