如何在StackPanel中垂直和水平顯示TextBlock？

Question

我有一些元素的ListView。 對於每個項目，我都會插入一個圖像，對象名稱和屬性之一。

我設置了堆棧面板的水平方向。

在左側顯示圖像，在右側顯示對象的名稱。

然后，我想在該名稱下始終顯示該圖像的屬性。 如果我將StackPanel水平放置，該怎么辦？

 <StackPanel Orientation="Horizontal">
     <Image Source="Assets/rsz_1rsz_museumiclip.jpg"/>
     <TextBlock Text=""/>
     <TextBlock Text="{Binding Path=NomeMuseo}" FontSize="26"/>
     <TextBlock Text="{Binding Path=Paese}"/>//THIS IS
 </StackPanel>

Answer 1

由於DockPanel不是一個選項，所以我只會使用Grid 。 它可以讓您精確控制那種布局：

<Grid>
   <Grid.RowDefinitions>
      <RowDefinition Width="Auto"/>
      <RowDefinition Width="Auto"/>
   </Grid.RowDefinitions>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Height="Auto"/>
      <ColumnDefinition Height="20"/>
   </Grid.ColumnDefinitions>
     <Image Source="Assets/rsz_1rsz_museumiclip.jpg"/>
     <TextBlock Text=""/>
     <TextBlock Text="{Binding Path=NomeMuseo}" FontSize="26" Grid.Row="0" Grid.Column="1"/>
     <TextBlock Text="{Binding Path=Paese}" Grid.Row="1" Grid.Column="1"/>
</Grid>

或者，您可以按照ChrisW的建議使用兩個StackPanels 。 設置起來有點容易，但是卻失去了一些控制權。

<StackPanel Orientation="Horizontal">
   <Image Source="Assets/rsz_1rsz_museumiclip.jpg"/>
   <StackPanel>
       <TextBlock Text="{Binding Path=NomeMuseo}" FontSize="26"/>
       <TextBlock Text="{Binding Path=Paese}"/>
   </StackPanel>
</StackPanel>