Wie kann man einen Silverlight-Container dazu zwingen, sich auf die Größe seiner untergeordneten Steuerelemente auszudehnen/zusammenzuziehen?

Question

Ich habe ein Root UserControl, das 300 hoch ist.

Darin habe ich einen Rahmen, der sich auf die Größe seiner eigenen Steuerelemente ausdehnen soll. Wenn ich also mehr Steuerelemente einbaue, wird er sich ausdehnen, bei weniger Steuerelementen wird er sich zusammenziehen.

Wenn ich es jedoch auf "Auto" stelle, wird es auf die Größe von seinen übergeordneten Container anstelle der Größe seiner Kindersicherung .

Wie kann ich Border dazu bringen, sich auf die Größe seiner untergeordneten Steuerelemente auszudehnen und zu schrumpfen, ähnlich der Funktionalität einer HTML-Tabelle?

<UserControl   x:Class="Second105.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <Border 
            Background="Tan" 
            CornerRadius="10" 
            Padding="10"
            Width="300" 
            Height="Auto">
        <StackPanel>
                <TextBlock HorizontalAlignment="Center" Margin="0 0 0 5">Please select a <Run FontStyle="Italic">week day</Run>:</TextBlock>
            <basics:Calendar
                Name="theCalendar" 
                SelectedDatesChanged="Calendar_SelectedDatesChanged"/>
            <TextBlock
                Name="theMessage"
                Margin="0 10 0 0"
                HorizontalAlignment="Center"
                Text="..."/>
        </StackPanel>
        </Border>
    </Grid>
</UserControl>

Answer 1

Das Einpacken in ein StackPanel sollte genügen:

<UserControl
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Width="400"
   Height="300">
   <Grid x:Name="LayoutRoot" Background="White">
      <StackPanel>
         <Border
            Width="300"
            Height="Auto"
            Background="Tan"
            CornerRadius="10"
            Padding="10">
            <StackPanel>
               <TextBlock HorizontalAlignment="Center" Margin="0 0 0 5">Please select a 
                  <Run FontStyle="Italic">week day
                  </Run>:
               </TextBlock>
               <TextBlock
                  Name="theMessage"
                  HorizontalAlignment="Center"
                  Margin="0 10 0 0"
                  Text="..."/>
            </StackPanel>
         </Border>
      </StackPanel>
   </Grid>
</UserControl>