расширение WPF TextBlock внутри макета

Question

У меня есть следующий код XAML:

<DataTemplate x:Key="TileViewDT"> 
     <DockPanel> 
      <StackPanel Height="40.5" DockPanel.Dock="Right" Margin="5,2,5,2" VerticalAlignment="Bottom"> 
       <TextBlock x:Name="Name" TextWrapping="Wrap" Text="{Binding XPath=@Name}" Width="132" /> 
       <TextBlock x:Name="Size" Foreground="DarkGray" TextWrapping="Wrap" Text="{Binding XPath=@Size}" /> 
      </StackPanel> 
      <Image x:Name="Img" Source="BtnImg/Computer.png" Stretch="Fill" Margin="10,0,5,0" Width="48" Height="48"/> 
     </DockPanel> 
    </DataTemplate> 

Выход:

Я пытаюсь получить тот же внешний вид Windows Explorer, как много насколько это возможно, поэтому я хочу сохранить оба текстовых блока «Имя» и «Размер» в центре, когда текст короток, и когда длина текста имени больше, чем пространство элемента, которое оно увеличивает (на 1 строку, возможно), чтобы получить этот вид:

Так как я хотел бы быть в состоянии сделать это?

Answer 1

Я думаю, что в StackPanel вместо установки высоты вы должны установить MaxHeight и значение свойства VerticalAlignment должны быть Центрировать вместо дна и что должно делать свою работу:

<DataTemplate x:Key="TileViewDT"> 
    <DockPanel> 
     <StackPanel MaxHeight="40.5" DockPanel.Dock="Right" Margin="5,2,5,2" VerticalAlignment="Center"> 
      <TextBlock x:Name="Name" TextWrapping="Wrap" Text="{Binding XPath=@Name}" Width="132" /> 
      <TextBlock x:Name="Size" Foreground="DarkGray" TextWrapping="Wrap" Text="{Binding XPath=@Size}" /> 
     </StackPanel> 
     <Image x:Name="Img" Source="BtnImg/Computer.png" Stretch="Fill" Margin="10,0,5,0" Width="48" Height="48"/> 
    </DockPanel> 
</DataTemplate> 

Надеется, что это работает !!!