WPF动态元素布局异常求助：元素排列混乱及滚动需求

我帮你梳理了问题所在：UniformGrid默认的布局行为会让它占满父容器的可用空间，同时单元格内的元素默认居中对齐，这就导致你添加新按钮时，会从控件中部开始往上排列。结合你的需求（左上角开始、从左到右从上到下均匀排列、行间距一致、超出显示滚动条），我调整了代码如下：

修改后的XAML代码 #

<Window x:Class="GPWorkouts.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:GPWorkouts"
        mc:Ignorable="d"
        Title="MainWindow" Height="370" Width="1000" >
    <Grid>
        <StackPanel Orientation="Horizontal">
            <StackPanel Width="500">
                <StackPanel Orientation="Horizontal">
                    <Button Name="buttonAddNewPlayer" Content="Add New Player" Margin="5" 
                            Click="buttonAddNewPlayer_Click" />
                </StackPanel>
                <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Hidden" 
                              Height="300">
                    <!-- 核心修改：设置UniformGrid从左上角开始布局 -->
                    <UniformGrid Columns="2" Name="playerContainer" 
                                 HorizontalAlignment="Left" VerticalAlignment="Top">
                        <!-- 统一设置子按钮的对齐方式，避免单元格内居中 -->
                        <UniformGrid.Resources>
                            <Style TargetType="Button">
                                <Setter Property="HorizontalAlignment" Value="Left"/>
                                <Setter Property="VerticalAlignment" Value="Top"/>
                            </Style>
                        </UniformGrid.Resources>
                    </UniformGrid>
                </ScrollViewer>
            </StackPanel>
        </StackPanel>
    </Grid>
</Window>

修改后的C#后台代码 #

using log4net;
using System.Windows;
using System.Windows.Controls;

namespace GPWorkouts
{
    public partial class MainWindow : Window
    {
        private static readonly ILog Log = LogManager.GetLogger(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType);
        int x = 1;

        public MainWindow()
        {
            InitializeComponent();
        }

        private void buttonAddNewPlayer_Click(object sender, RoutedEventArgs e)
        {
            Button buttonDyno = new Button()
            {
                Content = x,
                Width = 150,
                Height = 32,
                Margin = new Thickness(5), // 保持统一的间距
            };
            x++;
            playerContainer.Children.Add(buttonDyno);
        }
    }
}

关键修改说明 #

1. UniformGrid自身对齐调整：把UniformGrid的HorizontalAlignment设为Left、VerticalAlignment设为Top，让它从ScrollViewer的左上角开始布局，而不是默认的占满整个容器空间，这样新元素会从左上角开始依次排列。
2. 子元素对齐统一设置：通过UniformGrid的资源添加全局Style，让所有动态生成的按钮在单元格内左上角对齐，避免默认的居中导致的排列混乱。
3. 滚动条有效性优化：移除了UniformGrid上无效的ScrollViewer附加属性（这些属性应该设置在ScrollViewer本身上），确保当元素总高度超过ScrollViewer的300px高度时，自动显示垂直滚动条。

内容的提问来源于stack exchange，提问作者nikotromus