将 null 值绑定到 wpf 控件的宽度和高度时出现绑定错误

本文关键字：绑定 高度 错误 null wpf 控件 | 更新日期: 2023-09-27 18:36:50

我们的项目需要绑定控件的许多属性，例如Height，Width，MinHeight，Row，Column，rowspan...等。在这样做时，我们观察到绑定错误，当这些值被null时，我们将从数据库获得。

为了说明这一点，我的 MainWindow.xaml.cs 看起来像这样。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        //TextWidth  id null
        TextBlockSize1 = new ItemSize() { TextHeight=20 };
        //TextWidth is null
        TextBlockSize2 = new ItemSize() { TextWidth = 40 };
        //TextHeight is null and TextWidth is null
        TextBlockSize3 = new ItemSize() { TextWidth = 40 };
        textblock1.DataContext = TextBlockSize1;
        textblock2.DataContext = TextBlockSize2;
        textblock3.DataContext = TextBlockSize3;
    }
    public ItemSize TextBlockSize1 { get; set; }
    public ItemSize TextBlockSize2 { get; set; }
    public ItemSize TextBlockSize3 { get; set; }
}
public class ItemSize
{
    public double? TextHeight { get; set; }
    public double? TextWidth { get; set; }
}

MainWindow.xaml看起来像这样。

<Window x:Class="WPfAppln1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ctrl="clr-namespace:WPfAppln1.Controls"
    Title="MainWindow" Height="350" Width="525">
    <StackPanel >
         <TextBlock Name="textblock1" Text=" TextBlock 1"  Width="{Binding TextWidth}"  Height="{Binding TextHeight}"></TextBlock>
         <TextBlock Name="textblock2" Text=" TextBlock 2"  Width="{Binding TextWidth}"  Height="{Binding TextHeight}"></TextBlock>
         <TextBlock Name="textblock3" Text=" TextBlock 3"  Width="{Binding TextWidth, TargetNullValue=Auto}"  Height="{Binding TextHeight, TargetNullValue=Auto}"></TextBlock>     
   </StackPanel>
</Window>

在输出寡妇中为此显示了以下绑定错误：

System.Windows.Data Error: 5 : 'WPfAppln1.vshost.exe' (Managed (v4.0.30319)): Loaded 'C:'Windows'Microsoft.Net'assembly'GAC_MSIL'System.Numerics'v4.0_4.0.0.0__b77a5c561934e089'System.Numerics.dll', Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
Value produced by BindingExpression is not valid for target property.; Value='<null>' BindingExpression:Path=TextWidth; DataItem='ItemSize' (HashCode=43929715); target element is 'TextBlock' (Name='textblock1'); target property is 'Width' (type 'Double')
System.Windows.Data Error: 5 : Value produced by BindingExpression is not valid for target property.; Value='<null>' BindingExpression:Path=TextHeight; DataItem='ItemSize' (HashCode=57104612); target element is 'TextBlock' (Name='textblock2'); target property is 'Height' (type 'Double')
System.Windows.Data Error: 5 : Value produced by BindingExpression is not valid for target property.; Value='<null>' BindingExpression:Path=TextHeight; DataItem='ItemSize' (HashCode=59587750); target element is 'TextBlock' (Name='textblock3'); target property is 'Height' (type 'Double')
    The thread '<No Name>' (0x2c60) has exited with code 0 (0x0).

由于这些错误，应用程序需要很长时间才能加载屏幕。

因此，问题是如何在绑定到 wpf 控件时容纳可为 null 的值，以及如何在绑定值为 null 时为控件的宽度属性提供默认值，例如"auto"。

将 null 值绑定到 wpf 控件的宽度和高度时出现绑定错误

您可以使用

TargetNullValue（如果源为空）或FallbackValue（如果绑定失败，例如 DataContext是null）

更新：

感谢迪恩指出这一点，我错误地认为Auto会起作用（即 TypeConverter将负责转换）。

但是，你仍然可以使用 auto 属性并使用x:Static标记扩展在 XAML 中提供Auto值，如下所示 -

<TextBlock Name="textblock1" Text=" TextBlock 1"  
    Height="{Binding TextHeight, TargetNullValue={x:Static System:Double.NaN}, 
               FallbackValue={x:Static System:Double.NaN}}">
</TextBlock>

Value="{x:Static System:Double.NaN}"也可以用于DataTrigger这样的方法——

<TextBlock.Style>
    <Style>
       <Setter Property="Control.Width" Value="{Binding Path=TextWidth}" />
        <Style.Triggers>
            <DataTrigger
               Binding="{Binding Path=TextWidth}"
               Value="{x:Null}">
               <Setter Property="Control.Width" Value="{x:Static System:Double.NaN}" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</TextBlock.Style>

注意：将需要此命名空间 -

xmlns:System="clr-namespace:System;assembly=mscorlib"

旧代码：

<TextBlock Name="textblock1" Text=" TextBlock 1"  Width="{Binding TextWidth}"  
    Height="{Binding TextHeight, TargetNullValue=Auto, FallbackValue=Auto }">
</TextBlock>

另一种解决方案可以是这样的触发器 -

<TextBlock.Style>
    <Style>
        <Style.Triggers>
            <DataTrigger
                Binding="{Binding Path=TextWidth}"
                Value="{x:Null}">
                <Setter Property="Control.Width" Value="Auto" />
            </DataTrigger>
            <DataTrigger
                Binding="{Binding Path=TextHeight}"
                Value="{x:Null}">
                <Setter Property="Control.Height" Value="Auto" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</TextBlock.Style>

最简单的解决方案（在我看来）是不使用自动属性。

例如

private double textHeight = Double.NaN;
public double TextHeight
{
    get { return textHeight; }
    set { textHeight = value; }
}
private double textWidth = Double.NaN;
public double TextWidth
{
    get { return textWidth; }
    set { textWidth = value; }
}

如果两个double?属性不是绝对需要为空的，则可以将它们设置为常规double属性。这将默认为 0。

如果这是不可能的，或者 0 是不可接受的默认值，我自己会更喜欢 FallbackValue 解决方案。如果您的默认值必须为"自动"（如上所述），则不能将"自动"设置为FallbackValue。

Height and Width 的默认值不是 0;它是 Double.NaN。 高度和宽度支持未设置的"自动"值。 由于高度和宽度是双精度值，因此 Double.NaN 用作 表示此"自动"行为的特殊值。 （来自 http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.width（v=VS.95）.aspx）

如果您无法将Double.NaN设置为FallbackValue（我没有尝试过），我会自己使用转换器。如果目标值为 null ，则改为返回 Double.NaN。http://msdn.microsoft.com/en-us/library/system.windows.data.ivalueconverter.aspx 有关IVAlueConverter的更多信息。

相关文章：