Wie kann ich erreichen, dass ein StackPanel nur so breit wie sein Inhalt ist?

Question

Die folgende Vorlage zeigt dynamische Informationen in einer farbigen Box.

Allerdings ist die Box immer die volle Breite des DockPanel/Bildschirm.

Ich könnte eine feste Breite in das Border-Element setzen, aber dann könnte ein sehr langer Kundenname abgeschnitten werden.

Wie kann ich dem Border sagen, dass er seine Breite basierend auf der Breite seines Inhalts erweitern und verkleinern soll, so wie ein <table> Element in HTML?

HTML:

<table> 
    <tr> 
     <td style="background-color: #eee; padding: 5px"> 
      the table will be as wide as this text 
     </td> 
    </tr> 
</table> 

XAML:

<Window.Resources> 
    <DataTemplate x:Key="CustomerTemplateShow"> 
     <Border CornerRadius="5" Background="#eee" Padding="5"> 
      <StackPanel Orientation="Horizontal"> 
       <TextBlock Text="{Binding FirstName}"/> 
       <TextBlock Text=" "/> 
       <TextBlock Text="{Binding LastName}"/> 
      </StackPanel> 
     </Border> 
    </DataTemplate> 
</Window.Resources> 

<DockPanel LastChildFill="False" Margin="10"> 
    <ContentControl 
     DockPanel.Dock="Top" 
     Content="{Binding SelectedCustomer}" 
     ContentTemplate="{StaticResource CustomerTemplateShow}"/> 
</DockPanel> 

Answer 1

Der einfachste Weg ist die Grenze der Horizontal = "Center" (oder Links oder Rechts zu setzen, je nachdem, was Sie bevorzugen für Ihr Layout).