c# - 如何实现 AutoScroll HeaderedItemsControl WPF？

Question

我合并了我发现的东西来实现一个自动滚动到结束的标题项控件。我无法做到。我究竟做错了什么？

在资源目录中，ScrollingHeaderedItemsControl 的样式为：

<Style TargetType="common:ScrollingHeaderedItemsControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type HeaderedItemsControl}">
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="3" SnapsToDevicePixels="True">
                    <StackPanel>
                        <Grid>
                            <Rectangle Fill="{TemplateBinding Background}"/>
                            <ContentPresenter ContentSource="Header" Margin="2,0,0,0"/>
                        </Grid>
                        <ScrollViewer VerticalScrollBarVisibility="Hidden">
                            <ItemsPresenter Margin="5,0,0,0"/>
                        </ScrollViewer>
                    </StackPanel>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

类 ScrollingHeaderedItemsControl 定义如下：

public class ScrollingHeaderedItemsControl : HeaderedItemsControl
    {
        protected override void OnItemsChanged(NotifyCollectionChangedEventArgs e)
        {
            if (e.NewItems != null)
            {
                int newItemCount = e.NewItems.Count;
                if (newItemCount > 0)
                    this.ScrollToEnd();
                base.OnItemsChanged(e);
            }
        }
    }

ScrollToEnd 是专门为 ScrollingHeaderedItemsControl 编写的静态函数如：

public static void ScrollToEnd(this ItemsControl control)
        {

            try
            {
                Border border = VisualTreeHelper.GetChild((DependencyObject)control, 0) as Border;
                StackPanel sp = VisualTreeHelper.GetChild((DependencyObject)border, 0) as StackPanel;
                ScrollViewer sv = VisualTreeHelper.GetChild((DependencyObject)sp, 1) as ScrollViewer;
                sv.ScrollToEnd();
            }
            catch(Exception)
            {

            }
        }

ScrollingHeaderedItemsControl 在 UserControl 中使用如下：

    <common:ScrollingHeaderedItemsControl x:Name="MessagesHIC" FontSize="32" Header="Error/Warning/Info Messages" 
                                                  Background="Green" 
                                      BorderBrush="AntiqueWhite" ItemsSource="{Binding Messages}"
                                      Margin="10" Grid.Row="1" Grid.Column="0"
                                                  ScrollViewer.CanContentScroll="True">
                <common:ScrollingHeaderedItemsControl.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding MessageString}" Foreground="{Binding MessageColor}" TextWrapping="Wrap" FontWeight="Light" FontSize="26" />
                    </DataTemplate>
                </common:ScrollingHeaderedItemsControl.ItemTemplate
</common:ScrollingHeaderedItemsControl>

Answer 1

您的模板包含一个未设置高度约束的堆栈面板，因此滚动查看器永远不需要显示滚动条。将您的模板更改为以下内容：

<Style TargetType="common:ScrollingHeaderedItemsControl">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type HeaderedItemsControl}">
                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="3" SnapsToDevicePixels="True">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"></RowDefinition>
                                        <RowDefinition></RowDefinition>
                                    </Grid.RowDefinitions>
                                    <Grid>
                                        <Rectangle Fill="{TemplateBinding Background}" />
                                        <ContentPresenter ContentSource="Header" Margin="2,0,0,0" />
                                    </Grid>
                                    <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Hidden">
                                        <ItemsPresenter Margin="5,0,0,0" />
                                    </ScrollViewer>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

然后，您需要将您的代码更改为：

try
            {
                Border border = VisualTreeHelper.GetChild((DependencyObject)control, 0) as Border;
                Grid sp = VisualTreeHelper.GetChild((DependencyObject)border, 0) as Grid;
                ScrollViewer sv = VisualTreeHelper.GetChild((DependencyObject)sp, 1) as ScrollViewer;
                sv.ScrollToEnd();
            }
            catch (Exception)
            {

            }