WPF界面中控件及其属性用法（四）【ToolBar】

效果图：（最上面一栏是ToolBar控件实现的。下面的是GridView控件。）

代码：

 <telerik:RadToolBar Grid.Row="0" Style="{StaticResource ResourceKey=RadToolBarStyle}">

     <telerik:RadButton TabIndex="0" ToolTipService.ToolTip="添加" 

                        x:Name="AddButton"

                        Command="{Binding AddCommand}"  

                        Style="{StaticResource ResourceKey=RadToolBarRadButtonStyle}">

                <Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition/>

                        <ColumnDefinition/>

                    </Grid.ColumnDefinitions>

                <Image   Grid.Column="0" Source="*/*/*"（此处选择图片路径）/>

                <TextBlock Text="添加" VerticalAlignment="Center" HorizontalAlignment="Center" 

                  Grid.Column="1" Margin="3 0 0 0" />

              </Grid>

            </telerik:RadButton>

    <telerik:RadButton TabIndex="1" ToolTipService.ToolTip="编辑"

                       x:Name="EditButton"

                       Command="{Binding EditCommand}" 

                       Style="{StaticResource ResourceKey=RadToolBarRadButtonStyle}">

                <Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition/>

                        <ColumnDefinition/>

                    </Grid.ColumnDefinitions>

                    <Image Grid.Column="0" Source="*/*/*"（此处选择图片路径）/>

               <TextBlock Text="编辑" VerticalAlignment="Center" HorizontalAlignment="Center" 

                          Grid.Column="1" Margin="3 0 0 0" />

                </Grid>

           </telerik:RadButton>

 <telerik:RadButton TabIndex="2" x:Name="DeleteButton"  ToolTipService.ToolTip="删除"

                    Command="{Binding DeleteCommand}"

                    Style="{StaticResource ResourceKey=RadToolBarRadButtonStyle}"

                     >

                <Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition/>

                        <ColumnDefinition/>

                    </Grid.ColumnDefinitions>

                    <Image Grid.Column="0" Source="*/*/*"（此处选择图片路径）/>

                <TextBlock Text="删除"  VerticalAlignment="Center" HorizontalAlignment="Left" 

                           Grid.Column="1" Margin="3,0,0,0" />

                </Grid>

            </telerik:RadButton>

  <telerik:RadButton TabIndex="3" ToolTipService.ToolTip="刷新" Command="{Binding RefreshCommand}" 

                     Style="{StaticResource ResourceKey=RadToolBarRadButtonStyle}" >

                <Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition/>

                        <ColumnDefinition/>

                    </Grid.ColumnDefinitions>

                    <Image Grid.Column="0" Source="*/*/*"（此处选择图片路径）/>

                    <TextBlock Text="刷新" VerticalAlignment="Center" HorizontalAlignment="Center"

                               Grid.Column="1" Margin="3 0 0 0" />

                </Grid>

            </telerik:RadButton>

   <TextBlock Text="单页**数：" FontSize="12" Margin="350,3,3,3" HorizontalAlignment="Right"/>

     <telerik:RadNumericUpDown Value="{Binding Path=PageSize,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"

                               UpdateValueEvent="PropertyChanged" 

                               Style="{StaticResource ResourceKey=RadNumericUpDownStyle}">

   </telerik:RadNumericUpDown>

</telerik:RadToolBar>

对用到的一些进行解释：

1．对与上面用到的Style可以删去，可以自己定义控件的样式。

2．主要是定义一个Button（按钮），在按钮上再设置格式（添加grid，设置成一行两列），这样使按钮第一行显示图形，第二列显示汉字。

3．最右上角显示GridView控件一个页面显示的信息数目。

转载于:https://www.cnblogs.com/Latent-Truth/archive/2013/05/14/3077758.html