.net - 如何绘制一条水平线并将其居中？

Question

这是我到目前为止所拥有的。

当手机垂直时:

当手机水平放置时:

这是我的 XAML 标记:

<StackPanel Margin="19 0 19 5">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="110" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <Image Grid.Column="0" Source="{Binding ImageUrl}" 
                Stretch="Uniform"
                Margin="0 10 0 10"/>

        <StackPanel Grid.Column="1" Margin="14 0 0 0">
            <TextBlock Text="{Binding Title}" 
                        FontSize="30" />
            <TextBlock Text="{Binding ReleaseDate}" 
                        FontSize="22"
                        Foreground="#E0A655"/>
            <TextBlock Text="{Binding Synopsis}"
                        FontSize="22"
                        TextWrapping="Wrap"/>
        </StackPanel>                                                        
    </Grid>
    <Line StrokeThickness="4" Stroke="#434343" X1="0" X2="350"
        Y1="13" Y2="13" />
</StackPanel>

我想要一条与当前宽度相同但居中的线。而且当手机水平放置时，该线应该更大一点，以提供更广泛的可用空间。

这可能吗？

Answer 1

您可以通过使用边距而不是位置来调整内容的大小，从而实现这种大小调整。

如果这对于直线来说是不可能的(我还没有真正检查过)，您可以尝试使用 1 像素高(或 4 像素高)的矩形。

编辑:带有代码片段:

<Line HorizontalAlignment="Stretch" Margin="50, 10, 50, 10" Stroke="Black" StrokeThickness="4" />