xaml - 水平网格拉伸仅基于某些子元素的宽度

Question

我正在使用白线在应用程序上实现删除线效果。令人气愤的是，MS 不仅提供了删除线文本效果，还提供了删除线效果。

不管我的文字有多长，这条线都会延伸到屏幕的宽度。如何将网格设置为仅拉伸到文本的宽度？有办法吗？

这是我当前的 XAML

<Grid Margin="0,0,0,0" HorizontalAlignment="Left">
    <TextBlock Text="{Binding ItemName}" FontSize="28" Margin="60,0,0,0">
    </TextBlock>
    <Line Opacity="{Binding LineOpacity}" Stretch="Fill" 
        Visibility="{Binding IsComplete}" Stroke="White" 
        StrokeThickness="4" X1="1" Width="Auto" Margin="60,5,0,0" />
</Grid>

Answer 1

矩形而不是线可以完成这项工作：

<Grid HorizontalAlignment="Left" VerticalAlignment="Center" Margin="60,0,0,0">
    <TextBlock Text="{Binding ItemName}" FontSize="28"/>
    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Center"
               Height="4" Fill="White"/>
</Grid>