DockPanel（WPF）のオブジェクト間に垂直スペースを作成するにはどうすればよいですか？

Question

私は基本的な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> 

Answer 1

ComboBoxにDockPanel.Dock="Top"を追加します。

<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>