如何在 DockPanel (WPF) 中的对象之间创建垂直空间？答案

【问题标题】：How do I create vertical space between objects in a DockPanel (WPF)?如何在 DockPanel (WPF) 中的对象之间创建垂直空间？
【发布时间】：2017-10-14 07:56:31
【问题描述】：

所以我创建了一个基本的 WPF 应用程序，并且我的部分控件放在屏幕左侧的 DockPanel 中。我试图在停靠面板的顶部放置一个组合框，该组合框延伸到面板的宽度。然后，在其下方，一些数据的列表视图。问题是列表视图是在组合框旁边而不是在其下方创建的，将其切成两半。代码如下：

<DockPanel VerticalAlignment="Bottom" HorizontalAlignment="Left" Height="422" Width="200">
            <ComboBox VerticalAlignment="Top" HorizontalContentAlignment="Stretch" SelectedIndex="0">
                <ComboBoxItem Content="Regions/Groups"/>
            </ComboBox>
            <ListView Height="422" VerticalAlignment="Top" Width="100">
                <ListView.View>
                    <GridView>
                        <GridViewColumn/>
                    </GridView>
                </ListView.View>
            </ListView>
        </DockPanel>

或者，没有列表视图的代码：

<DockPanel VerticalAlignment="Bottom" HorizontalAlignment="Left" Height="422" Width="200">
            <ComboBox VerticalAlignment="Top" HorizontalContentAlignment="Stretch" SelectedIndex="0">
                <ComboBoxItem Content="Regions/Groups"/>
            </ComboBox>
</DockPanel>

【问题讨论】：

标签： c# wpf xaml

【解决方案1】：

将DockPanel.Dock="Top" 添加到ComboBox：

<ComboBox SelectedIndex="0" DockPanel.Dock="Top">
    <ComboBoxItem Content="Regions/Groups"/>
</ComboBox>

或者只是在DockPanel 中放一个StackPanel：

    <DockPanel VerticalAlignment="Bottom" HorizontalAlignment="Left" Height="422" Width="200">
        <StackPanel>
            <ComboBox VerticalAlignment="Top" HorizontalContentAlignment="Stretch" SelectedIndex="0">
                <ComboBoxItem Content="Regions/Groups"/>
            </ComboBox>
            <ListView Height="422" VerticalAlignment="Top" Width="100">
                <ListView.View>
                    <GridView>
                        <GridViewColumn/>
                    </GridView>
                </ListView.View>
            </ListView>
        </StackPanel>
    </DockPanel>

【讨论】：

Aaaaa 我觉得很愚蠢，你已经解决了。那非常简单。谢谢！