Как нарисовать горизонтальную линию и центрировать ее?

Вот что у меня есть на данный момент.

Когда телефон находится в вертикальном положении:

enter image description here

Когда телефон находится в горизонтальном положении: enter image description here

Вот моя разметка 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>

Мне нужна линия той же ширины, что и сейчас, но по центру. Но также, когда телефон расположен горизонтально, линия должна быть немного больше, чтобы охватить более широкое пространство, доступное для него.

Возможно ли это?

7
задан Cœur 23 September 2018 в 14:52
поделиться