当前位置：文江博客话题详情

WPF StackPanel 如何从下到上垂直填充？

发布于 2024-07-13 02:17:00 字数 149 浏览 8 评论 0原文

我需要能够用按钮填充stackpanel，但按钮必须首先出现在stackpanel的底部并向上填充。这些按钮是动态创建的，并且数量未知，因此视觉黑客是行不通的。我尝试过垂直对齐，但没有成功。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

叹倦 2024-07-20 02:17:00

像这样：

<StackPanel VerticalAlignment="Bottom">
    ...
</StackPanel>

要向上填充按钮，您必须在位置 0 处插入按钮，而不是添加它们。

Like so:

<StackPanel VerticalAlignment="Bottom">
    ...
</StackPanel>

and to populate with buttons upward you must insert the buttons at position 0, instead of adding them.

回复收藏 0 原文

π浅易 2024-07-20 02:17:00

或者，您可以将 StackPanel 旋转 180 度，使按钮从底部堆叠到顶部，然后再旋转按钮 180 度，使它们再次正面朝上：

<StackPanel>
    <!-- rotate all buttons inside this panel -->
    <StackPanel.Resources>
        <Style TargetType="Button">
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <RotateTransform Angle="180"/>
                </Setter.Value>
            </Setter>
        </Style>
    </StackPanel.Resources>

    <!-- rotate the stack panel -->
    <StackPanel.LayoutTransform>
       <RotateTransform Angle="180"/>
    </StackPanel.LayoutTransform>

    <!-- content -->
    <Button>1</Button>
    <Button>2</Button>

</StackPanel>

Or you can rotate the StackPanel 180 degrees to get the buttons to stack from the bottom to the top and then rotating the buttons another 180 degrees to get them right-side-up again:

<StackPanel>
    <!-- rotate all buttons inside this panel -->
    <StackPanel.Resources>
        <Style TargetType="Button">
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <RotateTransform Angle="180"/>
                </Setter.Value>
            </Setter>
        </Style>
    </StackPanel.Resources>

    <!-- rotate the stack panel -->
    <StackPanel.LayoutTransform>
       <RotateTransform Angle="180"/>
    </StackPanel.LayoutTransform>

    <!-- content -->
    <Button>1</Button>
    <Button>2</Button>

</StackPanel>

回复收藏 0 原文

花落人断肠 2024-07-20 02:17:00

另一种选择是使用 DockPanel。

只需在 DockPanel 上将 LastChildFill 设置为 false 即可。

然后，在添加到 DockPanel 之前，为要添加到 Bottom 的每个按钮设置附加的 Dock 属性。

例子：

            var button = new Button();
            DockPanel.SetDock(button, Dock.Bottom);

Another alternative is to use a DockPanel instead.

Just set the LastChildFill to false on the DockPanel.

Then set the attached Dock property to each button you are adding to Bottom before adding to the DockPanel.

example :

            var button = new Button();
            DockPanel.SetDock(button, Dock.Bottom);

回复收藏 0 原文

尽揽少女心 2024-07-20 02:17:00

解决问题的最好方法是实现从 stackpanel 派生的自定义容器
但如果在运行时添加元素，快速而肮脏的解决方案是

    public Window1()
    {
        InitializeComponent();
        for (int i = 0; i < 10; i++)
        {
            Button btn = new Button();
            btn.Content = "Button " + i;
            MyStack.Children.Insert(0, btn);
        }
    }

只需在 0 位置插入项目而不是添加它们。

The best way to solve the problem is to implement custom container derived from stackpanel
but quick and dirty solution if elements are added at runtime is

    public Window1()
    {
        InitializeComponent();
        for (int i = 0; i < 10; i++)
        {
            Button btn = new Button();
            btn.Content = "Button " + i;
            MyStack.Children.Insert(0, btn);
        }
    }

Just insert item at 0 position instead of adding them.

回复收藏 0 原文