过去工具条和菜单常常在一起用在应用程序中,比如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>
评论回复