サイズ変更時にツールバーを動的にする

Question

ウィンドウがサイズ変更されたときにアイテムを重ねて表示させるツールバーがあります（これは、HTMLの場合はブートストラップグリッド内にあるように）...

<Grid VerticalAlignment="Top" x:Name="TopBar" Margin="0,0,0.35,0" Opacity="0.8"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
      <ColumnDefinition Width="auto" /> 
     </Grid.ColumnDefinitions> 
    <textbox Grid.Column="0" content="text"/> 
    <ToolBarPanel HorizontalAlignment="Right" VerticalAlignment="Center" Orientation="Horizontal" Grid.Column="1"> 
     <WrapPanel Orientation="Horizontal" Width="500"> 
      <Button content="toolbar_item"></Button> 
      <Button content="toolbar_item"></Button> 
      <Button content="toolbar_item"></Button> 
      <Button content="toolbar_item"></Button> 
      <Button content="toolbar_item"></Button> 
      <Button content="toolbar_item"></Button> 
     </WrapPanel> 
    </ToolBarPanel> 
</Grid> 

しかし、この設定では、ボタンは積み重ね時に積み重ねられますが、動的ではありません。ウィンドウが小さくなるにつれて積み重なり続けることはありません。これを実現させる方法はありますか？

Answer 1

これを試してみてください。あなたが言っている効果はViewBoxを使って達成できます。下記のコードを確認してください。

<Grid VerticalAlignment="Top" x:Name="TopBar" Margin="0,0,0.35,0" Opacity="0.8"> 
    <Viewbox> 
     <ToolBarPanel HorizontalAlignment="Right" VerticalAlignment="Center" Orientation="Horizontal" > 
     <WrapPanel> 
       <Button Content="toolbar_item"></Button> 
      <Button Content="toolbar_item"></Button> 
      <Button Content="toolbar_item"></Button> 
      <Button Content="toolbar_item"></Button> 
      <Button Content="toolbar_item"></Button> 
      <Button Content="toolbar_item"></Button> 
     </WrapPanel> 
    </ToolBarPanel> 
    </Viewbox> 
</Grid>