如何减少下面WPF代码中两个按钮之间的边距

Question

我尽一切努力减少名为

Analyze

和

ShowMap

的两个按钮之间的空间。但我得到的图像如下所示。代码如下

 <Grid>
     <Grid.ColumnDefinitions>
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
     </Grid.ColumnDefinitions>
     <Grid.RowDefinitions>
         <RowDefinition Height="Auto" />
         <RowDefinition Height="Auto" />
         <RowDefinition Height="Auto" />
         <RowDefinition Height="Auto" />
         <RowDefinition Height="*" />
     </Grid.RowDefinitions>
     <Label Content="Plot File" Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10" />
     <TextBox x:Name="txtMultiBox" Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Stretch" Margin="10,0,10,10" TextWrapping="Wrap" AcceptsReturn="True"/>
     <Button Style="{StaticResource Highlight}"   Content="Browse" x:Name="btnBrowse" Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10" Click="btnBrowse_Click" />
     <Button Style="{StaticResource Highlight}"  Content="Analyze" x:Name="btnAnalyze" Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="left" Margin="10,10,5,7.5" Click="btnAnalyze_Click" />
     <Button Style="{StaticResource Highlight}" Visibility="Hidden"  Content="ShowMap" x:Name="btnShowmap" Grid.Column="2" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="left" Margin="5,10,10,10"  Click="btnShowmap_Click" />
     <Label Content="Parcels" Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,7.5,10,0" />
     <TreeView SelectedItemChanged="tvSections_SelectedItemChanged"  x:Name="tvSections" Grid.Column="0" Grid.Row="4" Margin="10,0,10,10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />
     <Label Content="Assosiated Sections" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,7.5,10,0" />
     <ListView x:Name="lsParcels" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="4" Margin="10,0,10,10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
         <ListView.View>
             <GridView>
                 <GridViewColumn Header="FID"  DisplayMemberBinding="{Binding Fid}"/>
                 <GridViewColumn Header="ParcelId"  DisplayMemberBinding="{Binding ParcelId}"/>
             </GridView>
         </ListView.View>
     </ListView>
 </Grid>

Answer 1

一种可能的解决方案是将两个按钮用

StackPanel

包裹在

Orientation="Horizontal"

中，在

Grid

中与按钮占据相同的位置：

<StackPanel Grid.Column="1" Grid.Row="2" Grid.ColumnSpan="2" Orientation="Horizontal">
    <Button Style="{StaticResource Highlight}"  Content="Analyze" x:Name="btnAnalyze" VerticalAlignment="Center" HorizontalAlignment="left" Margin="10,10,5,7.5" Click="btnAnalyze_Click" />
    <Button Style="{StaticResource Highlight}" Visibility="Hidden"  Content="ShowMap" x:Name="btnShowmap" VerticalAlignment="Center" HorizontalAlignment="left" Margin="5,10,10,10"  Click="btnShowmap_Click" />
</StackPanel>