Überlauf Label und TextBox zusammen in ToolBar

Question

Ich möchte eine WPF Toolbar erstellen. Die ToolBar enthält TextBox zur Eingabe von Werten und direkt vor der TextBox eine Beschriftung für diese TextBox.

Jetzt habe ich das Problem, wenn das Fenster die Größe geändert wird und die TextBox nicht mehr auf der Toolbar passt, wird es in den Überlaufbereich verschoben, aber das Label ist nicht. Diese Situation ist unerwünscht. Ich möchte, dass entweder beide Elemente auf der Symbolleiste sind oder beide Elemente auf dem Überlaufbereich sind.

Wie kann ich das realisieren?

Ich habe bereits versucht, beide Elemente in einen beliebigen Container (z. B. ein DockPanel) zu setzen. Das funktioniert, aber es bricht das Design. Bedeutung der TextBox Text ist nicht mehr in derselben Zeile wie die anderen Elemente in der ToolBar.

Answer 1

 <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 

      <Rectangle Grid.Row="0" HorizontalAlignment="Stretch" Height="25" Fill="{StaticResource DataGriddHeaderColor}" Margin="10,2"/> 
      <ToolBar Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Center" Background="Transparent" Foreground="White"> 

     //YOUR TOOBAR CONTENT HEAR 
      </ToolBar> 

//YOUR LABEL 
<Label Grid.Row="0" HorizontalAlignment="Left"/> 

//YOUR TEXTBOX 
      <TextBox Grid.Row="0" HorizontalAlignment="Left" Style="{DynamicResource SearchMetroTextBox}" Width="250" Height="23" Margin="10,0" 
        MinHeight="20" VerticalAlignment="Center" controls:TextBoxHelper.Watermark="Search term here" TextChanged="TextBoxBase_OnTextChanged"/> 
</Grid>      

Answer 2

Man könnte sie in eine horizontale Stackpanel setzen und die vertikale/horizontale Ausrichtung Eigenschaften und Eigenschaft margin passen Sie Ihre gebrochen Design-Problem zu lösen.