Переполнение метки и TextBox вместе в ToolBar

Question

Я хочу создать панель инструментов WPF. ToolBar имеет TextBox для ввода значений и прямо перед TextBox - это метка для этого TextBox.

Теперь у меня есть проблема, если окно изменено и TextBox больше не помещается на панели инструментов, он перемещается в область переполнения, но метка не является. Эта ситуация нежелательна. Я хочу, чтобы либо оба элемента находились на панели инструментов, либо оба элемента находились в области переполнения.

Как я могу это понять?

Я уже пробовал поместить оба элемента внутри любого контейнера (например, DockPanel). Это работает, но это нарушает дизайн. Значение TextBox Text больше не совпадает с той же строкой, что и другие элементы в 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

Вы можете поместить их в горизонтальное StackPanel и отрегулируйте вертикальные/горизонтальные свойства alignement и маржу свойство, чтобы решить вашу проблему сломанного дизайна.