如何将两个堆叠面板垂直放置在网格中?

如何将两个堆叠面板垂直放置在网格中?

问题描述:

我按这样的网格在第一列如何将两个堆叠面板垂直放置在网格中?

<Grid Grid.Column="0"> 
<Grid.RowDefinitions> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="*"/> 
</Grid.RowDefinitions> 

<StackPanel Orientation="Horizontal" Grid.Row="0"> 
    <Image Source="{Binding PictureUrl}" Width="100" Height="100" Stretch="Fill" HorizontalAlignment="Left"></Image> 
</StackPanel> 
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="1"> 
    <HyperlinkButton Content="{Binding Path=GeoLocation}"/> 
    <TextBlock Text="{Binding Path=FormattedTimeStamp}"/> 
</StackPanel> 
</Grid> 

的图像被放置精细的网格。但我无法看到地理位置。我认为它只需要基于图像的宽度为100,因此它不会出现。但是我想把图像放在左边。以及图像下方的地理位置。任何人都可以帮助我找到解决方案..这个网格是数据模板的内容只是为了更多的信息。

+0

你有没有试图消除方向的一部分? – coder 2013-02-22 06:32:55

+0

是的,地理位置和时间标记垂直放置在图像下方,但我需要将它们水平放置并显示完整数据。 – 2013-02-22 06:44:27

+0

你已经给出了一行定义尝试添加一个列的宽度,那么你可以做到这一点。 – coder 2013-02-22 06:45:51

由于@coder是说你应该只是改变代码:

<Grid Grid.Column="0"> 
<Grid.ColumnDefinitions> 
    <ColumnDefinitionsHeight="*"/> 
    <ColumnDefinitionsHeight="*"/> 
</Grid.ColumnDefinitions> 

<StackPanel Grid.Column="0"> 
    ... 
</StackPanel> 
<StackPanel HorizontalAlignment="Right" Grid.Column="1"> 
    ... 
</StackPanel>