Question

我想创建一个WPF工具栏。 ToolBar具有TextBox来输入值，并且在TextBox之前输入此TextBox的标签。

现在我遇到了问题，如果窗口调整大小并且TextBox不再适合工具栏，它将被移动到溢出区域，但Label不会。这种情况是不可取的。我想要两个元素都在工具栏上，或者两个元素都在溢出区域。

我怎么能意识到这一点？

我已经尝试将两个元素放在任何Container（例如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并调整垂直/水平对齐属性和边距属性以解决您的设计问题。

ToolBar中一起溢出Label和TextBox

2 个答案: