1

这可能看起来像一个愚蠢的问题，但请多多包涵，因为我对 WPF 很陌生，遗憾的是 UI 不是我的主要技能领域，所以我很难理解 WPF 的概念。

我有一个用户控件，其中包含一个停靠面板，然后包含一个树视图，树视图使用分层数据模板绑定，效果很好，所有项目和子控件都被绑定，我对粗糙感到满意布局结果。但是我想在最后一个绑定的树视图项下添加一个按钮。

基本上这就是我想要实现的目标：在此处输入图像描述

目前我在停靠面板中有一个网格，它有两行，一排用于树视图，另一排用于按钮，但显然该按钮不是树视图的一部分，我希望它位于树的滚动区域内视图，因此它作为它的一部分出现，并且只出现在最后一个项目之后。

这是我当前的 XAML：

<DockPanel>
    <Grid Width="Auto" Height="Auto">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="23"/>
        </Grid.RowDefinitions>
    <TreeView ItemsSource="{Binding Path=Steps}" FontFamily="Calibri" FontSize="14" DataContext="{Binding}" Grid.Row="0">
        <TreeView.ItemContainerStyle>
            <Style TargetType="{x:Type TreeViewItem}">
                <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"/>
                <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
                <Setter Property="FontWeight" Value="Normal"/>
                <Setter Property="Margin" Value="20,20,0,0"/>
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="FontWeight" Value="Bold"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </TreeView.ItemContainerStyle>
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type local:StepViewModel}" ItemsSource="{Binding Segments}">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding Name}" />
                </StackPanel>
            </HierarchicalDataTemplate>
            <DataTemplate DataType="{x:Type local:SegmentViewModel}">
                <DockPanel HorizontalAlignment="Stretch" >
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                        <myUserControl:SegmentLayout HorizontalAlignment="Stretch"/>
                        <TextBlock Text="{Binding Value}"/>
                    </StackPanel>
                </DockPanel>
            </DataTemplate>
        </TreeView.Resources>
        </TreeView>
        <Button HorizontalAlignment="Left" Content="Add Step" Name="addStepButton" Height="23" Width="103" Grid.Row="1"/>
    </Grid>

哦，在你问之前，是的，我基本上是在翻录 SharePoint 工作流设计器，这是一个内部工具，出于某种原因，我需要编写一个完成的轻量级工作流引擎，并在 WPF 中为其设计一个看起来非常相似的设计器到 SP 一。我不做商业决策，只是一个代码猴子；）。

非常感谢

保罗

4

2 回答 2

3

您可以提取 TreeView 的默认模板并对其进行更改。提取很容易在 VS2010 或 Blend 中完成。我已经提取它并在底部添加了一个按钮。我还添加了它所在的 StackPanel。

<Window x:Class="WpfApplication7.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ControlTemplate x:Key="Template1"
                         TargetType="TreeView">
            <Border BorderBrush="{TemplateBinding Control.BorderBrush}"
                    BorderThickness="{TemplateBinding Control.BorderThickness}"
                    Name="Bd"
                    SnapsToDevicePixels="True">
                <ScrollViewer Background="{TemplateBinding Control.Background}"
                              CanContentScroll="False"
                              Focusable="False"
                              HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                              Name="_tv_scrollviewer_"
                              Padding="{TemplateBinding Control.Padding}"
                              SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}"
                              VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
                    <StackPanel FlowDirection="LeftToRight">
                        <ItemsPresenter />
                        <Button>My button</Button>
                    </StackPanel>

                </ScrollViewer>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="UIElement.IsEnabled"
                         Value="False">
                    <Setter Property="Border.Background"
                            TargetName="Bd"
                            Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
                </Trigger>
                <Trigger Property="VirtualizingStackPanel.IsVirtualizing"
                         Value="True">
                    <Setter Property="ScrollViewer.CanContentScroll"
                            TargetName="_tv_scrollviewer_"
                            Value="True" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Window.Resources>
    <Grid>
        <TreeView Template="{StaticResource Template1}">
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
            <TreeViewItem>fgbhbgfdshgsfde</TreeViewItem>
        </TreeView>
    </Grid>
</Window>
于 2011-05-06T09:20:23.723 回答
2

使用 a CompositeCollection，在代码中绑定原始集合有点困难，有关更多详细信息，请参见我在此答案CollectionContainer中给出的示例，只需将a 放在顶部，将 aTreeViewItem包括Button在底部。

于 2011-05-06T09:12:44.267 回答