极品分享

WPF ToolBar

过去工具条和菜单常常在一起用在应用程序中,比如Office软件,位于视窗标题栏下面的是菜单,菜单下面就是工具条。有时候,工具条位于一个浮动窗口内,这样用户可以把工具条依靠在屏幕的任何位置。与菜单相比,通常只要在工具条上单击鼠标一次就可以完成某个功能,而菜单通常要单击两次或两次以上;工具条使用图标加TooTip的方式,在屏幕上要占据较大的位置,所以只适合把常用的菜单功能放在工具条上。

 

当ToolBarTray里含有两个或两个以上的工具条时,需要设置工具条ToolBar的Band属性,这个属性用来指出工具条在ToolBarTray里出现的行或列。用自然数1、2、3……来表示。如果在同一行或同一列中,有两个或两个以上的工具条,这时候,我们还需要设置BandIndex属性。BandIndex属性用来指出工具条在某个行或列中的位置。

 

实例

< Window x:Class="ToolBar.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="200" Width="500">
    < DockPanel>
        < ToolBarTray DockPanel.Dock="Top" Orientation="Horizontal">
            < ToolBar Band="1" BandIndex="1">
                < Button>
                    < Image Source="Imageew.jpg" Width="30" Height="30"/>
                < /Button>
                < Button>
                    < Image Source="Image\open.jpg" Width="30" Height="30"/>
                < /Button>
                < Separator/>
                < Button>
                    < Image Source="Image\save.jpg" Width="30" Height="30"/>
                < /Button>
                < Button>
                    < Image Source="Image\save_as.jpg" Width="30" Height="30"/>
                < /Button>
            < /ToolBar>
            < ToolBar Band="1" BandIndex="2">
                < Button>
                    < Image Source="Image\copy.jpg" Width="30" Height="30"/>
                < /Button>
                < Button>
                    < Image Source="Image\paste.jpg" Width="30" Height="30"/>
                < /Button>
                < Separator/>
                < Button>
                    < Image Source="Image\cut.jpg" Width="30" Height="30"/>
                < /Button>
            < /ToolBar>
            < ToolBar Band="2" BandIndex="1">
                < ComboBox Width="100">
                    < ComboBoxItem Background="Yellow">200%
                    < ComboBoxItem Background="Yellow">150%
                    < ComboBoxItem Background="Yellow">120%
                    < ComboBoxItem Background="Yellow">100%
                    < ComboBoxItem Background="Yellow">80%
                    < ComboBoxItem Background="Yellow">20%
                < /ComboBox>
                < ComboBox Width="100">
                    < ComboBoxItem>Times New Roman
                    < ComboBoxItem>宋体
                < /ComboBox>
                < ComboBox Width="50">
                    < ComboBoxItem>12
                    < ComboBoxItem>10
                    < ComboBoxItem>10
                    < ComboBoxItem>8
                    < ComboBoxItem>14
                    < ComboBoxItem>16
                    < ComboBoxItem>20
                < /ComboBox>
            < /ToolBar>
        < /ToolBarTray>
        < ToolBarTray DockPanel.Dock="Left" Orientation="Horizontal">
            < ToolBar>
                < Button>
                    < Image Source="Image\preview.jpg" Width="30" Height="30">
                < /Button>
                < Button>
                    < Image Source="Image\print.jpg" Width="30" Height="30">
                < /Button>
            < /ToolBar>
        < /ToolBarTray>
    < /DockPanel>
< /Window>

执行结果

 

 

 

问:WPF中怎么在工具栏上做既有图片又有文本的按钮?

答:

其实不改模板就可以实现的呢。因为Button本身是一个ContentControl,所以里面可以塞任何控件的。demo如下:
<Button Width="120" Height="80">
            <StackPanel Orientation="Horizontal">
                <Image Width="80" Height="80" Source="图片名.png" />
                <TextBlock VerticalAlignment="Center">文本内容</TextBlock>
            </StackPanel>
        </Button>

2013-04-08 0 /
NET学习
/
标签: 

评论回复

回到顶部