网格内的 WPF 边框列跨度会导致 UI 冻结，为什么?

Question

由于跨越两列的边框，我遇到了数据绑定缓慢的问题，我不知道为什么。如果我将边框更改为仅驻留在第一列中，则数据网格数据绑定几乎是即时的。请参阅下面的代码。

这与网格中的第二列宽度设置为 * 有关，因为当我将其更改为自动时它会正常工作，但我希望第二个数据网格填充其余空白空间(我在另一个视图的 TabControl 中使用此用户控件(

<UserControl>
<Grid Background="Transparent">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Border Grid.Row="0" 
Grid.Column="0"
Grid.ColumnSpan="2"
Background="DarkGray">
<StackPanel Orientation="Horizontal"
HorizontalAlignment="Left">
<Button x:Name="LoadDataBttn" 
Content="Load Data"
Width="125"
Height="Auto"
Margin="1,0"
Command="{Binding LoadDataCommand}"/>
<Button Content="Clear Data"
Width="125"
Height="Auto"
Margin="1,0"/>
<Button x:Name="ExportToXMLBttn" 
Content="Export To XML"
Width="125"
Height="Auto"
Margin="1,0"/>
</StackPanel>
</Border>
<Grid Grid.Row="1"
Grid.Column="0"
Grid.ColumnSpan="1">
<DataGrid x:Name="DataGrid1"
ItemsSource="{Binding ICollectionProperty}"
SelectedItem="{Binding SelectedItem}"
AutoGenerateColumns="True"
CanUserAddRows="False"
CanUserDeleteRows="False"
Background="Transparent">
</DataGrid>
</Grid>
<Grid Grid.Row="1"
Grid.Column="1">
<DataGrid ItemsSource="{Binding ICollectionProperty2}}"
AutoGenerateColumns="True"
CanUserAddRows="False"
CanUserDeleteRows="False"
Background="Transparent"
Style="{StaticResource AzureDataGrid}">
</DataGrid>
</Grid>
</Grid>

Answer 1

我一直讨厌"列跨度"属性，但有时你只需要使用它。 在我看来，您应该将内容划分为更多网格，这也是为了明确分离元素。

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition />
</Grid.RowDefinitions>
<Border Grid.Row="1">...</Border>
<Grid Grid.Row="2">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<DataGrid Grid.Column="0">...
<DataGrid Grid.Column="1">...
</Grid>
</Grid>

也许列跨度是问题所在...我不知道。尝试。