首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何实现AutoScroll HeaderedItemsControl WPF?

如何实现AutoScroll HeaderedItemsControl WPF?
EN

Stack Overflow用户
提问于 2021-09-27 11:55:25
回答 1查看 41关注 0票数 0

我合并了我发现的东西来实现一个自动滚动到端头的项控件。我做不到。我做错了什么?

在资源目录中,ScrollingHeaderedItemsControl的样式为:

代码语言:javascript
运行
复制
<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的定义如下:

代码语言:javascript
运行
复制
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编写的静态函数,如:

代码语言:javascript
运行
复制
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中的用法如下:

代码语言:javascript
运行
复制
    <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-27 12:38:02

模板包含不设置高度约束的堆栈面板,因此滚动查看器从来不需要显示滚动条。将模板更改为以下内容:

代码语言:javascript
运行
复制
<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>

然后,需要将后面的代码更改为:

代码语言:javascript
运行
复制
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)
            {

            }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69346143

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档