绑定问题ActualWidth在动态填充网格

本文关键字:填充 网格 动态 问题 ActualWidth 绑定 | 更新日期: 2023-09-27 18:08:32

考虑以下简单代码:


XAML:

<Grid Height="60" Name="grid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="162*" />
        <ColumnDefinition x:Name="coltest" Width="316*" />
        <ColumnDefinition Width="239*" />
    </Grid.ColumnDefinitions>
</Grid>
<Label MouseDoubleClick="TextBox_MouseDoubleClick" 
    Content="{Binding ElementName=coltest, Path=ActualWidth}" Grid.Row="1"/>

MouseDoubleClick事件:

private void TextBox_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    grid.RowDefinitions.Add(new RowDefinition());
    for (int i = 0; i < grid.ColumnDefinitions.Count; i++)
    {
        Random r = new Random();
        Label l = new Label { Content = r.Next(10, 1000000000).ToString() };
        grid.Children.Add(l);
        Grid.SetRow(l, grid.RowDefinitions.Count - 1);
        Grid.SetColumn(l, i);
    }
}

我的标签通过绑定包含第二列的ActualWidth属性。在Visual Studio中,我看到我的标签包含值316,所以绑定工作。

双击标签触发它的事件,并添加一个额外的行到网格,所有的随机长度。

我希望在我的标签上看到一个新的值,但是(运行时计算的)0没有改变!

我在这里错过了什么?

绑定问题ActualWidth在动态填充网格

主要问题是ColumnDefinitionActualWidth不是一个依赖属性,也没有实现INotifyPropertyChanged,所以Binding没有办法知道coltest的ActualWidth已经改变了。

你需要显式地更新Binding

Edit2:在这种情况下,您可能能够在SizeChanged事件中为Grid更新Binding,因为Columns具有*宽度。但Auto的宽度不会100%有效,因为宽度会根据ColumnDefinition

中的元素而变化。
<Grid Name="grid"
      SizeChanged="grid_SizeChanged">
    <!--...-->
</Grid>
事件处理程序

void grid_SizeChanged(object sender, SizeChangedEventArgs e)
{
    BindingExpression be = label.GetBindingExpression(Label.ContentProperty);
    be.UpdateTarget();
}

Edit:对Xaml做了一些小改动。这将更新Binding每次你双击第一个Label

<Grid Name="grid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="162*" />
        <ColumnDefinition x:Name="coltest" Width="316*" />
        <ColumnDefinition Width="239*" />
        <ColumnDefinition Width="239*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Label MouseDoubleClick="TextBox_MouseDoubleClick"
           Name="label"
           Content="{Binding ElementName=coltest, Path=ActualWidth}" Grid.Row="0"/>
</Grid>
事件处理程序

private void TextBox_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    grid.RowDefinitions.Add(new RowDefinition());
    for (int i = 0; i < grid.ColumnDefinitions.Count; i++)
    {
        Random r = new Random();
        Label l = new Label { Content = r.Next(10, 1000000000).ToString() };
        grid.Children.Add(l);
        Grid.SetRow(l, grid.RowDefinitions.Count - 1);
        Grid.SetColumn(l, i);
    }
    BindingExpression be = label.GetBindingExpression(Label.ContentProperty);
    be.UpdateTarget();
}