2021-08-24 WPF控件专题 ToolBarTray 控件详解

1.ToolBarTray 控件介绍

ToolBarTray使用

ToolBarTray :布局ToolBar的容器、呈放多个ToolBar 位置 索引位置

多个ToolBar，Band 行 BandIndex 带区索引

2.具体案例

<Window x:Class="WpfAppTest.ToolBarTrayWindow"
        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:local="clr-namespace:WpfAppTest"
        mc:Ignorable="d"
        Title="ToolBarTrayWindow" Height="450" Width="800">
        <Grid>
                <ToolBarTray Orientation="Horizontal" Background="LightCyan" IsLocked="False">
                        <ToolBar Band="0" BandIndex="1" HorizontalAlignment="Left" Height="21" VerticalAlignment="Top"  IsOverflowOpen="True" Margin="0.2,0,-19.4,0" Width="100" >
                                <RadioButton Name="rbRed" ToolTip="Red">
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Red"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton  ToolTip="Yellow" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Yellow"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton ToolTip="Green" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Green"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton ToolTip="Purple" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Purple"/>
                                        </RadioButton.Content>
                                </RadioButton>
                        </ToolBar>
                        <ToolBar Band="0" BandIndex="0" HorizontalAlignment="Left" Height="29" VerticalAlignment="Top" IsOverflowOpen="True" Margin="0,0,-5.2,0" Width="86" >
                                <RadioButton ToolTip="Gray">
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Gray"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton  ToolTip="Orange" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="Orange"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton ToolTip="SeaGreen" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="SeaGreen"/>
                                        </RadioButton.Content>
                                </RadioButton>
                                <RadioButton ToolTip="Purple" >
                                        <RadioButton.Content>
                                                <Rectangle Width="10" Height="10" Fill="YellowGreen"/>
                                        </RadioButton.Content>
                                </RadioButton>
                        </ToolBar>
                        <ToolBar HorizontalAlignment="Left" Height="47" VerticalAlignment="Top" IsOverflowOpen="True" Band="1" BandIndex="0" Margin="0,-0.8,-30.2,0" Width="95"   >
                                <Button Content="新建"/>
                                <Button Content="保存"/>
                        </ToolBar>
                        <ToolBar HorizontalAlignment="Left" Height="39" VerticalAlignment="Top" IsOverflowOpen="True" Band="1" BandIndex="1" Margin="0.2,0.2,-42.6,0" Width="120"  >
                                <Button Content="复制"/>
                                <Button Content="剪切"/>
                        </ToolBar>
                </ToolBarTray>
        </Grid>
</Window>