这是我到目前为止所拥有的.
手机垂直时:
手机水平时:
这是我的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>
我想要一条与当前宽度相同的线,但是居中.但是当手机处于水平状态时,线路应该更大一些,以满足更广阔的可用空间.
这可能吗?
您可以通过使用保证金来确定内容的大小而不是位置,从而实现这种大小调整.
如果使用Line无法实现(我还没有真正检查过),您可能会尝试使用1像素高(或4个)矩形.
编辑:使用代码片段:
<Line HorizontalAlignment="Stretch" Margin="50,10,50,10" stroke="Black" strokeThickness="4" />