線元素Y值未綁定到父StackPanel ActualHeight屬性

Question

在我的主頁上。 我有1行2列的網格。 兩列均具有一個StackPanel。 左列StackPanel有一個“添加”按鈕（因此它的初始高度為100個單位）。 右列StackPanel為空。 單擊“添加”按鈕后，我將兩個高度相同的UserControl添加到網格中，每列/ StackPanel中一個。 由於左列中有一個添加按鈕，因此高度始終比左列高100個單位。 我可以看到，每次單擊“添加”時，左右Stackpanels的ActualHeight的值都會增加，並且將創建並添加UserControls。

現在，我試圖將Line元素添加到右列StackPanel中，並且我希望行的長度與列的長度一起增加。 我的代碼當前如下所示：

<ScrollViewer Grid.Column="1" Grid.Row="0" RequestedTheme="Dark" ScrollViewer.HorizontalScrollMode="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.VerticalScrollBarVisibility="Hidden">
    <StackPanel x:Name="RightContainer" HorizontalAlignment="Left" VerticalAlignment="Top" Width="Auto">
        <!--UserControls added here dynamically-->
    </StackPanel>
</ScrollViewer>
<Line Grid.Column="1" Grid.Row="0" Stroke="White" StrokeThickness="2" Opacity="0.7" X1="100" X2="100" Y1="{Binding ElementName=RightContainer, Path=ActualHeight}" Y2="0" />

但是，這根本不顯示該行。 如果我設置Y1 =“ {Binding ElementName = LeftContainer，Path = ActualHeight}”，則會得到一條高度為100的線，但該高度不會隨列的高度而增加。 知道我可能會缺少什么嗎？

Answer 1

ActualWidth/Height不可綁定（它們不會引發更改通知）。 您需要處理SizeChange事件