C# XAML 绑定

C# XAML binding

我正在尝试使用 XAML 和 C# 实现一个接口。我创建了一个带有堆栈面板的 XAML,在这个堆栈面板中,我有一个具有最小和最大宽度的文本框,下面有一条线。我想根据文本框的长度更改行的长度,以便在我正在编写的文本框上添加下划线(文本框会随着插入的文本而增加其宽度),但是当我这样做时

<StackPanel Canvas.Left="410" Canvas.Top="111">
        <TextBox MinWidth="30" MaxWidth="193" HorizontalAlignment="Left" TextWrapping="NoWrap" BorderThickness="0" Background="#3C4149" FontSize="32" Foreground="White" Name="tb"/>
        <Line X1="0" X2="{Binding tb.Width, UpdateSourceTrigger=PropertyChanged}" StrokeThickness="4" Stroke="White" Fill="White" Height="10" HorizontalAlignment="Left"/>
</StackPanel>

X2的值没有改变,所以这条线没有任何长度。我该如何解决?

您可以使用 Border 控件代替 line 并使用它的名称分配 TextBox 的实际宽度:

<Border HorizontalAlignment="Left" BorderThickness="1" BorderBrush="Red" Width="{Binding ElementName=tb, Path=ActualWidth}"/>