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>

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

1 个答案: