gpt4 book ai didi

c# - 如何使 WrapPanel 在有或没有 ScrollViewer 的情况下显示垂直滚动条

转载 作者:太空狗 更新时间:2023-10-29 20:02:34 31 4
gpt4 key购买 nike

我有一个 WrapPanel,按钮以编程方式创建并添加为 WrapPanel 的子项。所以,我想在 WrapPanel 充满按钮(子级)时显示垂直滚动条,以便能够连续添加更多按钮。

如果我们需要显示滚动条,是否必须带上ScrollViewer?没有ScrollViewer就没有办法吗?我想要得到的是,因为 WrapPanel 很小,我希望滚动条只在需要时显示(比如满是 child )。

我的代码很简单(WrapPanel 在 Grid 内,Grid 在 TabControl 内)

非常感谢您一直以来的卓越表现。

更新:我在互联网上苦苦寻找了好几天的解决方案。我试着把 WrapPanel 放在 ScrollViewer 里面。但是,虽然我将 VerticalScroll 设置为自动,但即使 WrapPanel 没有任何子项,垂直滚动条也会始终显示。

此外,当我故意使 WrapPanel 充满子项(按钮)时,ScrollViewer 的垂直滚动条不提供向下滚动可用性。WrapPanel 底行的按钮显示为剪切等,我无法向下滚动以查看底行按钮之外的内容。我特意将按钮放置在 WrapPanel 的底线之外。

有或没有,我希望垂直滚动条只在需要时显示(充满 child )。这似乎很容易完成。但是很难让它正常工作。

解决方案:由 Mr. Henk Holterman 提供

                    <DropShadowEffect/>
</Button.Effect>
</Button>
<WrapPanel x:Name="WrapPanelGreen" HorizontalAlignment="Left" Height="180" VerticalAlignment="Top" Width="232" UseLayoutRounding="True" ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Auto"/>
</Grid>
</TabItem>
</TabControl>

下面是我的简单代码,它以编程方式制作按钮并添加为 WrapPanel 的子项。

for (int k = 0; k < Overviews.Length; k++)
{
Button btnoverviewcontent = new Button();

ToolTip tt = new ToolTip();
tt.Content = "Press this button if you want to modify or delete.";
btnoverviewcontent.ToolTip = tt;

btnoverviewcontent.Cursor = Cursors.Hand;

SolidColorBrush mySolidColorBrush = new SolidColorBrush();
mySolidColorBrush.Color = Color.FromArgb(255, 101, 173, 241);
btnoverviewcontent.Background = mySolidColorBrush;

btnoverviewcontent.Effect = new DropShadowEffect
{
Color = new Color { A = 255, R = 0, G = 0, B = 0 },
Direction = 315,
ShadowDepth = 5,
Opacity = 1
};

btnoverviewcontent.Padding = new Thickness(3, 3, 3, 3);
btnoverviewcontent.HorizontalContentAlignment = System.Windows.HorizontalAlignment.Stretch;
TextBlock textBlock = new TextBlock()
{
Text = Overviews[k],
TextAlignment = TextAlignment.Left,
TextWrapping = TextWrapping.Wrap,

};

btnoverviewcontent.Content = textBlock;
btnoverviewcontent.BorderThickness = new Thickness(0, 0, 0, 0);
btnoverviewcontent.FontStretch = FontStretches.UltraExpanded;
btnoverviewcontent.Margin = new Thickness(5, 5, 5, 5);

WrapPanelGreen.Children.Add(btnoverviewcontent);
btnoverviewcontent.Click += new RoutedEventHandler(OnOverviewClick);

最佳答案

WPF 中的想法是每个组件只有自己的工作,如果您想要特定的行为,您可以组合多个组件来创建您正在寻找的 View 。

这意味着为了获得面板的滚动条,您必须将其包装在 ScrollViewer 组件中。这就是 ScrollViewer 的目的,也是解决这个问题的唯一(合理)解决方案。


However, though I set the verticalscroll to auto, the verticalscrollbar is always shown even when the Wrappanel doesn't have any child […]

那么您似乎错误地使用了 ScrollViewer,或者包装了错误的元素。它应该看起来像这样:

<ScrollViewer VerticalScrollBarVisibility="Auto">
<WrapPanel>
<!-- Any number of components here -->
</WrapPanel>
</ScrollViewer>

如果我在其中放置大量示例标签,那么只要窗口不够大无法显示所有示例标签,我就会得到一个滚动条。但是如果有足够的空间,则不会显示滚动条。

请注意,ScrollViewer 本身需要在父元素中具有适当的尺寸,因此请确保它不大于可见区域。 WrapPanel(或您用 ScrollViewer 包裹的任何其他元素)也有必要具有自动宽度和高度。否则,对于固定尺寸,面板的尺寸不会随着您修改面板的内容而改变,因此滚动状态也不会改变。


查看这个包含动态元素数量的完整示例:

<Window x:Class="WpfExampleApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Height="300" Width="200">
<ScrollViewer VerticalScrollBarVisibility="Auto">
<WrapPanel Name="panel">
<Button Click="Button_Click">Add child</Button>
</WrapPanel>
</ScrollViewer>
</Window>

代码隐藏:

public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}

private void Button_Click(object sender, RoutedEventArgs e)
{
Label element = new Label() { Content = "This is some example content" };
panel.Children.Add(element);
}
}

关于c# - 如何使 WrapPanel 在有或没有 ScrollViewer 的情况下显示垂直滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35644994/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com