首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让ScrollViewer在StackPanel中工作?

如何让ScrollViewer在StackPanel中工作?
EN

Stack Overflow用户
提问于 2009-04-29 23:10:21
回答 8查看 100.2K关注 0票数 75

在下面的WPF XAML中,ScrollViewer不起作用(它显示一个滚动条,但您不能滚动,并且内容从窗口转到底部)。

我可以把外部的StackPanel改成网格,它就能工作了。

但是,在我的应用程序中,我需要有一个外部StackPanel。我必须对StackPanel做什么才能使ScrollViewer显示一个可用的滚动条?例如VerticalAlignment="Stretch“Height="Auto”不工作。

代码语言:javascript
复制
 <StackPanel>
        <ScrollViewer>
            <StackPanel>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
                <TextBlock Text="This is a test"/>
            </StackPanel>
        </ScrollViewer>
 </StackPanel>
EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2009-04-29 15:13:49

你不能不固定StackPanel的高度。它被设计成在一个方向上无限增长。我建议使用不同的Panel。为什么您“需要”拥有一个外部StackPanel

票数 59
EN

Stack Overflow用户

发布于 2010-07-08 18:53:07

这也困扰了我一段时间,诀窍是把你的堆栈面板放在一个滚动查看器里。

此外,您还需要确保将滚动查看器的CanContentScroll属性设置为True,下面是一个示例:

代码语言:javascript
复制
  <ScrollViewer Grid.Row="1" Margin="299,12,34,54" Name="ScrollViewer1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" Height="195" CanContentScroll="True">
        <StackPanel Name="StackPanel1" OverridesDefaultStyle="False"  Height="193" Width="376" VerticalAlignment="Top" HorizontalAlignment="Left"></StackPanel>
  </ScrollViewer>
票数 61
EN

Stack Overflow用户

发布于 2011-09-16 15:56:56

请注意,有时您可能在没有意识到的情况下拥有StackPanel。在我的例子中,我有这样的代码

代码语言:javascript
复制
<ScrollViewer>
  <ItemsControl ItemsSource="{Binding Pages}"/>
</ScrollViewer>

它工作得很好。绑定引用的“页面”确实是不同的、复杂的UserControls,我希望其中一些页面上只有滚动条。所以我删除了滚动查看器:

代码语言:javascript
复制
 <ItemsControl ItemsSource="{Binding Pages}"/>

然后我把ScrollViewer作为顶部元素放在我想要的那些用户控件上。然而,这并不起作用。内容只是从页面上流出。起初,我认为这个问题/答案对我没有帮助,但我意识到ItemsControl的默认ItemPanel是StackPanel。因此,我通过指定一个不是StackPanel的ItemsPanel解决了这个问题:

代码语言:javascript
复制
<ItemsControl ItemsSource="{Binding Pages}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/802821

复制
相关文章

相似问题

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