Wie bekomme ich ein TabControl, um die volle Breite des übergeordneten Elements in wpf zu verwenden?

Question

Ich habe eine Registerkarte Steuerelement in Canvas. Wie bekomme ich ein TabControl, um die volle Breite des übergeordneten Elements zu verwenden?

<UserControl 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Class="SilverlightApplication1.MainPage" 
mc:Ignorable="d" 
d:DesignHeight="300" d:DesignWidth="400"> 

<Canvas x:Name="LayoutRoot" Background="White" Margin="0,0,0,0"> 
    <sdk:TabControl Width="400" Height="300" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" Margin="0,0" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch" > 
     <sdk:TabItem Header="myResponse"> 
      <Grid Background="#FFE5E5E5"/> 
     </sdk:TabItem> 
     <sdk:TabItem Header="TabItem"> 
      <Grid Background="#FFE5E5E5"/> 
     </sdk:TabItem> 
    </sdk:TabControl> 

Answer 1

Ohne sprechen darüber, warum Sie eine canvas in erster Linie verwenden, würde ich Sie lesen über width und height Eigenschaften in WPF empfehlen.

In Ihrem Beispiel wird die Breite speziell auf eine definierte Pixelmenge eingestellt. Damit wird das TabControl nicht skaliert. Sie sollten relative Werte wie * und auto verwenden und mit margins arbeiten, wo sie benötigt werden. Dieses Tutorial könnte ein Anfang sein: http://www.c-sharpcorner.com/UploadFile/mahesh/wpf-layout-size-width-and-height/