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

本文关键字：两个 网格 垂直 | 更新日期: 2023-09-27 18:00:34

我正在第一列的网格中放置这样的网格

<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宽度的基础上的图像，所以它不会出现。但我想把图片放在左边。以及图像右侧下方的地理位置。谁能帮我找到解决办法吗。。这个网格是数据模板的内容，只是为了获得更多信息。

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

正如@coder所说，您可能只需要将代码更改为：

<Grid Grid.Column="0">
<Grid.ColumnDefinitions>
    <ColumnDefinitionsHeight="*"/>
    <ColumnDefinitionsHeight="*"/>
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0">
    ...
</StackPanel>
<StackPanel HorizontalAlignment="Right" Grid.Column="1">
    ...
</StackPanel>
相关文章：