02-WPF_基础（二）-编程知识

3、控件学习

控件学习

布局控件： panel、Grid

内容空间：Context 之恶能容纳一个控件或布局控件

代表提内容控件：内容控件可以设置标题 Header 父类：HeaderContextControl。

条目控件：可以显示一列数据，数据类型一般相同：ItemControl

带标题的条目控件：条目控件可以设置标题 Header 父类： HeaderItemControl。

特殊内容控件：常用的控件：TextBox PasswordBox TextBlock Image等。

WPF第三方控件：

3.1、内容控件：Content

WPF第三方控件：

1、Window的属性

Window:为内容空间。

Grid为Window窗体控件的content,,,只能有一个,Grid为布局控件.

可以在Window控件设置ShowInTaskBar效果如下图：在任务栏有图标.

ShowInTaskBar 是否有任务栏

WindowState=状态：指示最大化或者最小化或者正常尺寸

WindowStartupLocation: 启动后首次出现的位置

Topmost: 显示在最上层

Icon: 设置图标

Loaded：加载事件，页面加载数据或者控件，在MainWindow.xaml.cs里边创建函数

        private void Window_Loaded(object sender, RoutedEventArgs e){RadioButton rbtn =new RadioButton();rbtn.Content = "主任";rbtn.GroupName = "role";grid.Children.Add(rbtn);rbtn.IsChecked = false;rbtn.HorizontalAlignment = HorizontalAlignment.Left;rbtn.VerticalAlignment = VerticalAlignment.Top;rbtn.Margin = new Thickness(500, 237, 0, 0);//this.grid.Children.Add(rbtn);   }

Closing：

MoseDoubleClick:

MouseLeftButtonDown：

MouseLeftButtonUp：

MouseRightButtonDown：

<Window x:Class="_01WPF基础.MainWindow"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:_01WPF基础"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800" WindowStartupLocation="CenterScreen" WindowState="Normal" Topmost="True" Icon="image/12window.png" Loaded="Window_Loaded">

上述为Window的属性

3.2、标签文本框内容控件

Label 文本标签 contextControl

TextBox 特殊内容

PasswordBox

WPF允许空间没名称，但是引用时候需要命名

<Window x:Class="_01WPF基础.MainWindow"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:_01WPF基础"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800" WindowStartupLocation="CenterScreen" WindowState="Normal" Topmost="True" Icon="image/12window.png" Loaded="Window_Loaded"><Grid><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinition/></Grid.ColumnDefinitions><StackPanel Grid.ColumnSpan="2" Margin="0,10,533,-10"><TextBlock x:Name="tbName" HorizontalAlignment="Left" Margin="20,60,0,0" TextWrapping="Wrap"  Text="{Binding Value,UpdateSourceTrigger=PropertyChanged}" Height="25" RenderTransformOrigin="0.5,0.5" Width="76"Foreground="{Binding ValueColor}"/><Label x:Name="用户名" Content="登录" HorizontalAlignment="Left" Margin="20,80,0,0" Width="46" RenderTransformOrigin="0.476,-0.105" /><Button Content="Button" HorizontalAlignment="Left" Margin="22,80,0,0" Command="{Binding ValueCommand}" CommandParameter="123" RenderTransformOrigin="0.197,0.579"/><Button  HorizontalAlignment="Left" Margin="22,42,0,0" VerticalAlignment="Top" Command="{Binding ValueCommand}" CommandParameter="123" RenderTransformOrigin="0.197,0.579">Buttonr1<!--content也可以放在这里--></Button></StackPanel><!--<ListBox></ListBox>--><!--<ListView></ListView><DataGrid></DataGrid>--><ItemsControl Grid.Column="1" ItemsSource="{Binding ValueList}" Background="LightGray" HorizontalAlignment="Right" Width="400"><ItemsControl.ItemTemplate><DataTemplate><StackPanel Orientation="Horizontal"><TextBlock Text="{Binding Value}"></TextBlock><TextBlock Text="{Binding Name}"></TextBlock></StackPanel></DataTemplate></ItemsControl.ItemTemplate></ItemsControl></Grid>
</Window>

1、Button按钮

Button的属性

BorderBrush: 背景颜色，例如：BorderBrush="Red"

BorderThickness: 背景厚度 ,例如 BorderThickness=“1”

Foreground：字体颜色

HorizontalAlignment：水平对齐

fontStretch：字体拉伸

Button.BackGround：背景色或者图片

Foreground：前景色，文本字体，大小

IsDefault="true"：敲击Enter触发

IsCancel="true"：敲击Enter触发

按钮背景图片：

           <Button  HorizontalAlignment="Left" Margin="22,42,0,0" VerticalAlignment="Top" Command="{Binding ValueCommand}" CommandParameter="123" RenderTransformOrigin="0.197,0.579"><Button.Background><ImageBrush ImageSource="image/12window.png"></ImageBrush></Button.Background><!--content也可以放在这里--></Button>

2、MessageBox

消息框

按钮事件显示框

3、RadioButton

GroupBox：互斥

属性：

GroupName="role" 组名命名相同则互斥，设置一个组名不同组名，它们不具备互斥的关系。

点击RadioButton触发Checked事件则传入的是一个对象Object这个是传入的控件本身：

        private void RadioButton_Checked(object sender, RoutedEventArgs e){MessageBox.Show((sender as RadioButton).Content.ToString());}

    <Grid><Button Name="btnLogin"  Content="登录" HorizontalAlignment="Left" Margin="179,276,0,129" Width="60" Height="30"><Button.Background><ImageBrush ImageSource="image/12window.png"></ImageBrush></Button.Background></Button><TextBox Name="txtUName" HorizontalAlignment="Left" Margin="209,166,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/><Label Content="账户" HorizontalAlignment="Left" Margin="144,166,0,0" VerticalAlignment="Top"/><Label Content="密码" HorizontalAlignment="Left" Margin="147,0,0,0" VerticalAlignment="Center"/><Button Name="BtnCancel" Content="取消" HorizontalAlignment="Left" Margin="288,276,0,0" VerticalAlignment="Top" Click="BtnCancel_Click" Width="60" Height="30"/><PasswordBox Name="txtUPwd" HorizontalAlignment="Left" Margin="211,205,0,0" Password="123456" PasswordChar="*" VerticalAlignment="Top" Width="120"/><RadioButton Content="管理员" HorizontalAlignment="Left" GroupName="role"  Margin="147,242,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/><RadioButton Content="教师" HorizontalAlignment="Left" GroupName="role"  Margin="288,242,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/><RadioButton Content="学生" HorizontalAlignment="Left" GroupName="role"  Margin="408,237,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/></Grid>

4、CheckBox复选框

复选框：允许选择多个

常用属性： Content Name IsChecked(True,False,Null) IsThreeState="True"

事件：常见的事件有Checked Click UnChecked

XAML文件程序：

      <CheckBox Name="chkSport" Content="体育" IsChecked="False" HorizontalAlignment="Left" Margin="460,256,0,0" VerticalAlignment="Top" IsThreeState="True"/><CheckBox Content="唱歌" IsChecked="False" HorizontalAlignment="Left" Margin="500,256,0,0" VerticalAlignment="Top" IsThreeState="True"/><CheckBox Content="跳舞" IsChecked="False" HorizontalAlignment="Left" Margin="559,256,0,0" VerticalAlignment="Top" IsThreeState="True"/><Button Content="获取" HorizontalAlignment="Left" Margin="504,325,0,0" VerticalAlignment="Top" Click="Button_Click"/>

    public partial class MainWindow : Window{public MainWindow(){InitializeComponent();}private void BtnCancel_Click(object sender, RoutedEventArgs e){}private void RadioButton_Checked(object sender, RoutedEventArgs e){MessageBox.Show((sender as RadioButton).Content.ToString());}private void Window_Loaded(object sender, RoutedEventArgs e){RadioButton rbtn =new RadioButton();rbtn.Content = "主任";rbtn.GroupName = "role";grid.Children.Add(rbtn);rbtn.IsChecked = false;rbtn.HorizontalAlignment = HorizontalAlignment.Left;rbtn.VerticalAlignment = VerticalAlignment.Top;rbtn.Margin = new Thickness(500, 237, 0, 0);//this.grid.Children.Add(rbtn);   }private void Button_Click(object sender, RoutedEventArgs e){//  using System.Windows.Controls; 这个命名控件允许 <Grid></Grid>里的控件可以直接被索引,例如chkSport控件：CheckBox// MessageBox.Show(chkSport.IsChecked.ToString());    // 获取窗口中所有勾选的CheckedBox的Content//string strContents = "";//foreach (UIElement ele in grid.Children)//{//    CheckBox chb = ele as CheckBox;//    if (chb is CheckBox)//    {//        if (chb.IsChecked == true)//        {//            if (strContents != "")//                strContents += ",";//            strContents += chb.Content.ToString();//        }//    }//}//MessageBox.Show(strContents);// 代码动态不回CheckBoxstring[] names = { "体育", "唱歌", "跳舞" };for (int i = 0; i < names.Length; i++){CheckBox chk = new CheckBox();chk.Content = names[i];chk.HorizontalAlignment = HorizontalAlignment.Left;chk.VerticalAlignment = VerticalAlignment.Top;chk.Margin = new Thickness(40 + i * 80, 60, 0, 0);grid.Children.Add(chk);}}}

5、Image 图像控件

属性：

四种拉伸模式：

Stretch属性

四种拉伸模式：

None=0，保持内容原始大小。

Fill=1：调整内容大小以填充目标尺寸，不保留纵横比。

Uniform=2：在保留内容原有纵横比的同时调整内容的大小，以适合目标尺寸，纵横比不够的空白。

UniformToFill=3，在保留内容原有纵横比的同时调整内容的大小，以适合目标尺寸，如果目标的纵横比不同于源矩形的纵横比，则会对源内容进行裁剪以适合目标尺寸。

StretchDirection

UpOnly =0，内容仅在小于父级时扩展。如果内容较大，则不执行缩放。

DownOnly=1，内容仅在大于父级时缩放，如果内容较小，则不会执行任何扩展。

Both=2，内容将根据System.Window.Media.stretch模式进行拉伸以适应父级。

查看文件路径

6、Border边界

围绕其他控件周围或者设置背景色，

为<Grid></Grid>设置边框

属性：下面三个属性分别为边框颜色，粗细，圆角大小

BorderBrush="Black" BorderThickness="1" CornerRadius="5"

Padding=”5“内部元素与边框的边距

   <Grid><Border BorderBrush="Black" BorderThickness="1" CornerRadius="5" HorizontalAlignment="Left" Margin="276,129,0,0" Background="Yellow" Padding="5"  Width="100" Height="30" VerticalAlignment="Top"><Label Content="用户名" HorizontalContentAlignment="Center"></Label></Border></Grid>

应用与布局面板一起使用，作为任意控制的边框显示，不是布局面板

只能有一个子元素

多个子元素时可以结合布局面板使用

事件：

7、下拉框ComboBox

下拉框属于条目控件（ItemsControl) 下拉框绑定，，可以通过Binding方式绑定

第一种绑定方式：

<ComboBox Name="cboClassed" HorizontalAlignment="Left" Margin="136,202,0,0" VerticalAlignment="Top" Width="190" Height="41" IsDropDownOpen="False" Grid.ColumnSpan="2"><ComboBoxItem Content="请选择"></ComboBoxItem><ComboBoxItem Content="英语版"></ComboBoxItem><ComboBoxItem Content="数学班"></ComboBoxItem><ComboBoxItem Content="软件版"></ComboBoxItem><ComboBoxItem Content="数据班"></ComboBoxItem>
</ComboBox>

第二种:

IsDropDownOpen="True" 下拉框在程序运行时是打开的

        <ComboBox HorizontalAlignment="Left" Margin="136,231,0,0" VerticalAlignment="Top" Width="190" Height="41" IsDropDownOpen="True"><ComboBoxItem Content="请选择"></ComboBoxItem><ComboBoxItem Content="英语版"></ComboBoxItem><ComboBoxItem Content="数学班"></ComboBoxItem><ComboBoxItem Content="软件版"></ComboBoxItem><ComboBoxItem Content="数据班"></ComboBoxItem></ComboBox>

代码实现：数据库连接，，想自由Add和RemoveAt方式绑定，不要绑定数据源如下：

        public _04ComboboxWindow(){InitializeComponent();}private void Window_Loaded(object sender, RoutedEventArgs e){//  获取数据源List<string> list = new List<string>();  //  连接数据库的内容cboClasses.SelectedValuePath = "ClassId";  //  项的值对应的属性名cboClasses.DisplayMemberPath = "ClassName";  // 项的显示文本对应的属性名//  另一种方式,通过对list操作进行下拉框的添加和删除//cboClasses.DataContext = list;//cboClasses.ItemsSource = null;//list.Add(new ClassInfo){//    CalssId = 4;//    ClassName = "音乐课";//}//cboClasses.ItemsSource = list;//cboClasses.ItemsSource = list;   //  指定资源}private void Button_Click(object sender, RoutedEventArgs e){cboClassed.Items.RemoveAt(1);}}

指定数据源不能这样操作.3不能使用 Items.RemoveAt() 函数

        private void Window_Loaded(object sender, RoutedEventArgs e){//  获取数据源List<string> list = new List<string>();  //  连接数据库的内容cboClasses.SelectedValuePath = "ClassId";  //  项的值对应的属性名cboClasses.DisplayMemberPath = "ClassName";  // 项的显示文本对应的属性名cboClasses.ItemsSource = list;   //  指定资源}//  指定数据源不能这样操作private void Button_Click(object sender, RoutedEventArgs e){cboClasses.Items.RemoveAt(1);}

如果想实现，则先对数据源操作再赋值

第三种绑定：

主窗口程序： DataContext 数据上下文或者数据资源

            //  获取数据源List<string> list = new List<string>();  //  连接数据库的内容cboClasses.SelectedValuePath = "ClassId";  //  项的值对应的属性名cboClasses.DisplayMemberPath = "ClassName";  // 项的显示文本对应的属性名//  另一种方式,通过对list操作进行下拉框的添加和删除cboClasses.DataContext = list;

XAML：程序，ItemsSource需要绑定

    <ComboBox Name="cboClasses" HorizontalAlignment="Left" Margin="174,309,0,0" VerticalAlignment="Top" Width="120" Grid.ColumnSpan="2"ItemsSource="{Binding }"></ComboBox>

或者：

事件： SelectionChanged 选择改变触发

      <ComboBox Name="cboClassed" HorizontalAlignment="Left" Margin="136,202,0,0" VerticalAlignment="Top" Width="190" Height="41" IsDropDownOpen="False" Grid.ColumnSpan="2" SelectionChanged="cboClassed_SelectionChanged"><ComboBoxItem Content="请选择"></ComboBoxItem><ComboBoxItem Content="英语版"></ComboBoxItem><ComboBoxItem Content="数学班"></ComboBoxItem><ComboBoxItem Content="软件版"></ComboBoxItem><ComboBoxItem Content="数据班"></ComboBoxItem></ComboBox>

代码：

        private void cboClassed_SelectionChanged(object sender, SelectionChangedEventArgs e){// MessageBox.Show((cboClassed.SelectedItem as ClassInfo).ClassName);MessageBox.Show(cboClassed.SelectedItem.ToString());}

SelectionModel : 选择模式，，选择多项还是单项。

Selection是名词还是selected这个，，一个是名词一个是被选择

8、ListBox 列表框

属性：IsDropDownOpen 启动后是否打开，下拉

包含可选择的列表：：属于条目控件 ItemsControl

绑定方式：

绑定方式和ComboBox类似，一样，可以添加任意数据类型的值作为项

        private void Window_Loaded(object sender, RoutedEventArgs e){ltbox.ItemsSource=new List<ListBoxItem>();ltbox.SelectedValuePath = "1";ltbox.DisplayMemberPath= "音乐";}

    <Grid><ListBox Name="ltbox" HorizontalAlignment="Left" Margin=" 120,120,0,0" VerticalAlignment="Top" Width="160" Height="30" SelectionChanged="ltbox_SelectionChanged"><ListBoxItem Content="选择..."></ListBoxItem><ListBoxItem Content="软件"></ListBoxItem><ListBoxItem Content="数学"></ListBoxItem></ListBox></Grid>

两个列表框中的项目相互异动，不太适合ItemsSource.Items.Add(_方式添加，可与i灵活添加或删除

事件：

SelectedChanged : 选择项类型，由绑定或添加时数据的类型决定

9、DataPicker 日期选择控件

控件：属于Control

        <DatePicker HorizontalAlignment="Left" Margin="30,60,0,0" VerticalAlignment="Top" Width="369" Height="40" DisplayDate="2020-02-01" DisplayDateStart="2020-01-01" DisplayDateEnd="2099-02-02"></DatePicker>

自定义格式：自定义Style

    <Grid><!--IsTodayHighted 默认为True ； IsDropDownOpen 默认为false ; FirstDayOfWeek默认为 Sunday；DelectedDateFormat默认为：Short--><DatePicker Name="dpDate" HorizontalAlignment="Left" Margin="30,60,0,0" VerticalAlignment="Top" Width="100" Height="30" DisplayDate="2020-02-01" DisplayDateStart="2020-01-01" DisplayDateEnd="2099-02-02" FirstDayOfWeek="Monday" SelectedDateFormat="Short"SelectedDateChanged="dpDate_SelectedDateChanged"><DatePicker.Resources><Style TargetType="DatePickerTextBox"><Setter Property="BorderThickness" Value="0"></Setter><Setter Property="Template"><Setter.Value><ControlTemplate><TextBox x:Name="PART_TextBox" Text="{Binding Path=SelectedDate,StringFormat={}{0:yyyy-MM-dd},RelativeSource={RelativeSourceAncestorType={x:Type DatePicker}}}"/></ControlTemplate></Setter.Value></Setter></Style></DatePicker.Resources></DatePicker></Grid>

绑定：启动之后效果

事件：

SelectedDateChanged：被选的日期改变

private void dpDate_SelectedDateChanged(object sender, SelectionChangedEventArgs e){MessageBox.Show(dpDate.Text);MessageBox.Show(dpDate.SelectedDate.Value.ToString());}

10、Canlendar日历

可以选择一个日期范围属于： Control

属性：

可以选择多个日期范围，单个日期范围，显示范围显示模式默认为Month

CalendarDayButtonStyle:

选中多个日期如何获取开始和结束日期：避免双击button才触发

        private void cld_Date_SelectedDatesChanged(object sender, SelectionChangedEventArgs e){stDate.Text = cld_Date.SelectedDates.First().ToShortDateString();edDate.Text=cld_Date.SelectedDates.Last().ToShortDateString();}private void Button_Click(object sender, RoutedEventArgs e){txtSel.Text= cld_Date.SelectedDate.Value.ToString();}private void cld_Date_PreviewMouseUp(object sender, MouseButtonEventArgs e){if (Mouse.Captured is CalendarItem){Mouse.Capture(null);  //  选中置空}}

CalendarItem 命名空间： System.Windows.Controls.Primitives；

    <Grid><Calendar Name="cld_Date" HorizontalAlignment="Left" Margin="129,116,0,0" VerticalAlignment="Top" DisplayMode="Month" DisplayDateStart="2020-5-1" DisplayDateEnd="2999-5-1"SelectionMode="MultipleRange" IsTodayHighlighted="True" SelectedDatesChanged="cld_Date_SelectedDatesChanged" PreviewMouseUp="cld_Date_PreviewMouseUp" ></Calendar><TextBox Name="stDate" HorizontalAlignment="Left" Margin="162,68,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/><TextBox Name="edDate" HorizontalAlignment="Left" Margin="400,68,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/><Button Content="Button" HorizontalAlignment="Left" Margin="400,200,0,0" VerticalAlignment="Top" Click="Button_Click"/><TextBox Name="txtSel" HorizontalAlignment="Left" Margin="578,140,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/></Grid>

事件：

SelectedDatesChanged: 日期为复数加s

当多选发生时候：即SelectionMode="MultipleRange"

如何获取开始和结束日期:

11、slider滑块

TickFrequency：刻度之间的间隔

IsSnapToTickEnabled="True"：

当更改某个 Thumb 位置并 IsSnapToTickEnabled 设置为 true该属性时，会自动 Thumb 将该位置移动到最近的刻度线

Opacity: 透明度

Orientation: 方向；

Binding绑定的方式：

    <Grid><Slider Name="Slider1" HorizontalAlignment="Left" Margin="106,132,0,0" VerticalAlignment="Top" Width="120" Maximum="100" Minimum="50" Orientation="Horizontal"TickPlacement="Both" TickFrequency="2" Height="44" IsSnapToTickEnabled="True" SmallChange="5" LargeChange="10" IsDirectionReversed="True"IsSelectionRangeEnabled="True" SelectionStart="20" SelectionEnd="50"/><Label Content="{Binding ElementName=Slider1,Path=Value,Mode=OneWay}" HorizontalAlignment="Left" Margin="330,163,0,0" VerticalAlignment="Top"/><TextBox Name="tb1" HorizontalAlignment="Left" Margin="166,252,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Height="27"Text="Slider1" FontSize="{Binding ElementName=Slider1,Path=Value,Mode=OneWay}" Opacity="{Binding ElementName=Slider2,Path=Value,Mode=Default}"/><Slider Name="Slider2" HorizontalAlignment="Left" Margin="535,217,0,0" VerticalAlignment="Top" Width="120" Maximum="1" Minimum="0" Orientation="Horizontal"TickPlacement="Both" TickFrequency="0.1" Height="44" IsSnapToTickEnabled="True" SmallChange="5" LargeChange="10" IsDirectionReversed="True"IsSelectionRangeEnabled="True" SelectionStart="20" SelectionEnd="50"/></Grid>

12、ProcessBar进度条

属性：

IsIndeterminate: 不确定的，指示进度是显示实际值，true连续进度反馈

命名控件，using Windows.Controls.ProgressBar;

    <Grid><PasswordBox HorizontalAlignment="Left" Margin="141,286,0,0" VerticalAlignment="Top" Width="120" Password="*"/><ProgressBar Name="pb1" HorizontalAlignment="Left" Height="10" Margin="235,177,0,0" VerticalAlignment="Top" Width="100" Orientation="Horizontal"Minimum="0" Maximum="100" SmallChange="1" ValueChanged="pb1_ValueChanged"/><ProgressBar Name="pb2" HorizontalAlignment="Left" Height="143" Margin="563,217,0,0" VerticalAlignment="Top" Width="50" Orientation="Vertical"RenderTransformOrigin="0.5,0.5" Minimum="0" Maximum="100" Value="0" IsIndeterminate="True"/><Button Name="bt1" Content="加载" HorizontalAlignment="Left" Margin="347,303,0,0" VerticalAlignment="Top" Click="bt1_Click"/><Label Name="lb1" Content="Label" HorizontalAlignment="Left" Margin="261,360,0,0" VerticalAlignment="Top"/></Grid>

代码：XAML中 pb1属性中不可设置Value属性，若要写如下代码：

        public _09ProcessBarWindow(){InitializeComponent();}private void bt1_Click(object sender, RoutedEventArgs e){double max = pb1.Maximum;Task.Run(() =>{   for (int i = 1; i <max; i++){pb1.Dispatcher.Invoke(() =>{pb1.Value = i;//lb1.Content = pb1.Value + "%";});Thread.Sleep(100);}});}private void pb1_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e){lb1.Content = e.NewValue ;}

注释：

13、StackPanel

布局控件，类似Grid

属性：

Orientation=Horizontal 一行，一般设置VerticalAligment=Top Bottom Center Streth

vertical 一列，，HorizontalAligment=Left Right Center Streth

子元素超出部分，被隐藏，可嵌套

    <Grid><StackPanel Orientation="Horizontal" VerticalAlignment="Top" FlowDirection="LeftToRight"><Button Name="bt1" Width="30" Height="30"></Button><Button Margin="10,10,0,0">bt2</Button><Button>bt3</Button></StackPanel></Grid>

14、WrapPanel流面板

Orientation：子元素按照顺序排列，如果按照水平方向：从左到右，超出部分，自动换行到下一行；如果为垂直，从上到下，超出部分自动换行到下一列。

Orientation: ItemWidth ItemHeight

        <Border BorderBrush="Red" BorderThickness="2" CornerRadius="5"  HorizontalAlignment="Left" VerticalAlignment="Top" Margin="30,30,0,0" Width="300" Height="300"><WrapPanel Name="wp1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="236" Height="248" ItemHeight="30" ItemWidth="30"><Button>bt1</Button><Button>bt2</Button><Button>bt3</Button><Button>bt4</Button><Button>bt5</Button><Button>bt6</Button></WrapPanel></Border>

代码：

        private void Window_Loaded(object sender, RoutedEventArgs e){for(int i = 0; i < 100; i++){Button btn=new Button();btn.Content= "btn"+i.ToString("00")+"号";btn.Background=new SolidColorBrush(Colors.White);btn.Name ="btn"+i.ToString();btn.Margin=new Thickness(5,5,0,0);wp1.Children.Add(btn);}}

15、DockPanel停靠面板

停靠面板：顶部，左边，右边，，中间， Winform Dock：Top, left right, center

先添加的元素，有限占有权，所有子元素不会重叠，依次排列

与其他布局控件一起使用，

    <Grid><!--<LastChildren 默认为true，最后的元素完全填充剩余的部分如果在同一侧停靠多个，按照顺序依次排序>--><DockPanel LastChildFill="False" HorizontalAlignment="Left" Margin="0" VerticalAlignment="Top" Height="341" Width="477"><StackPanel Width="50" Height="50" Background="LightBlue" DockPanel.Dock="Right"></StackPanel><StackPanel DockPanel.Dock="Left" Background="LightGreen" Height="30" Width="30"></StackPanel><StackPanel Width="100" Height="50" DockPanel.Dock="Left" Background="LightBlue"><Label Content="left2"/></StackPanel><StackPanel Width="100" Height="50" DockPanel.Dock="Bottom" Background="LightBlue"><Label Content="bottom"/></StackPanel><Grid Width="50" Height="50" Background="BlueViolet"/><Grid Background="Orange" Width="210" Height="123"><DockPanel Margin="0,0,28,22"><Button Content="top" Height="5" DockPanel.Dock="Top"></Button><Button Content="Left" Height="5" DockPanel.Dock="Left"></Button><Button Content="Right" Height="5" DockPanel.Dock="Right"></Button><Button Content="bottom" DockPanel.Dock="Bottom" Height="10"/></DockPanel></Grid></DockPanel></Grid>

事件：

16、Canvas画布

定义区域，子元素的显示位置，指定相对于

属性：

不能为子元素指定两个以上的附加属性，如果制定了，忽略后者；

当拆给你扣大小变化时，Canvas的尺寸随之变化，

重叠效果，优先显示：后添加的元素显示在上面，Panel.ZIndex相同，后添加显示在上边。

    <Grid><Canvas Margin="55,0,484,150"><Button Content="first" Width="30" Height="20" Canvas.Left="20" Canvas.Top="30" Canvas.Right="30" Canvas.Bottom="30"></Button><Button Content="second" Width="50" Height="20" Canvas.Left="30" Canvas.Bottom="30"></Button><Button Content="third" Width="30" Height="20" Canvas.Right="20" Canvas.Top="30"></Button><Button Content="fourth" Width="30" Height="20" Canvas.Right="20" Canvas.Bottom="30"></Button><Button Content="按钮1" Width="30" Height="20" Canvas.Right="20" Canvas.Top="30"></Button><Button Content="按钮2" Width="30" Height="20" Canvas.Left="50" Canvas.Top="100" RenderTransformOrigin="0.676,2.303" Panel.ZIndex="2"></Button><Button Content="按钮2" Width="30" Height="20" Canvas.Left="55" Canvas.Top="115" RenderTransformOrigin="0.676,2.303" Panel.ZIndex="1"></Button><Button Content="按钮2" Width="30" Height="20" Canvas.Left="60" Canvas.Top="130" RenderTransformOrigin="0.676,2.303" Panel.ZIndex="1"></Button></Canvas></Grid>

17、Grid网格

网格面板，类似于WinformTableLayoutPanel，行和列布局页面或页面中某一块区域。

单元格--一个元素或多个元素，

容器--多个控件，StackPanel、WrapPanel、DockPanel、Grid、TabControl、GroupBox、Expander、Frame。

元素指定的位置：指定该元素所在的行索引和列索引，从0开始，如果没有指定，默认就是第一个单元格 0 0 ，Row Column 跨行或跨列 RowSpan Colspan

定义Grid的行和列：

尺寸：三种，固定：30；按照比例：1* 2* ；auto：按照内容自动调整。

没有设置height width，平均分配。

Grid控件格局复杂，与DockPanel控件结合，

    <Grid Height="400" Width="600" ShowGridLines="True" Background="BlueViolet"><Grid.RowDefinitions><RowDefinition Height="53"></RowDefinition><RowDefinition/><RowDefinition Height="30"></RowDefinition><RowDefinition Height="53"></RowDefinition><RowDefinition Height="auto" MinHeight="15"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions><TextBox Grid.Column="1"></TextBox><TextBlock Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Background="LightGray"></TextBlock><Label Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Background="YellowGreen" Content="用户信息："></Label><Label Grid.Row="3" Grid.Column="1" Background="YellowGreen" Content="用信息：" Margin="20,10,26,0"/><Label Grid.Row="3" Grid.Column="1" Background="YellowGreen" Content="用信息123：" Margin="20,10,0,10"></Label><WrapPanel Grid.Column="1" Grid.Row="2" Background="SeaShell"><Button Content="bt1" Height="25" Width="40"></Button><Button Content="bt1" Height="25" Width="40"></Button><Button Content="bt1" Height="25" Width="40"></Button><Button Content="bt1" Height="25" Width="40"></Button><Button Content="bt1" Height="25" Width="40"></Button></WrapPanel></Grid>

把Grid中的Height="400" Width="600"去掉，就可以自动方所。

18、GroupBox组框

分组容器控件：继承HeaderedContentControl,命名空间Control控件

分组，带标题，HeaderedContentControl带标题的内容空间

只有一个子元素作为它的内容 Content

属性：：

循环嵌入：

    <Grid><GroupBox Header="=导航菜单" Width="200" Height="200" Margin="0,0,552,218"><StackPanel Orientation="Horizontal"><Label Content="用户1"></Label><Label Content="用户2"></Label><Label Content="用户3"></Label><Label Content="用户4"></Label><Label Content="用户5"></Label></StackPanel></GroupBox><GroupBox Header="=导航菜单2" Width="200" Height="200" Margin="300,31,300,204"><StackPanel Orientation="Vertical"><StackPanel Orientation="Horizontal"><Label Content="用户"></Label><TextBox Text="123456"></TextBox></StackPanel><StackPanel Orientation="Horizontal"><Label Content="用户"></Label><TextBox Text="123456"></TextBox></StackPanel></StackPanel></GroupBox></Grid>

    public partial class _14GroupBoxWindow : Window{public _14GroupBoxWindow(){InitializeComponent();}private void Window_Loaded(object sender, RoutedEventArgs e){StackPanel spFirst = gp2.Content as StackPanel;   // 为何内容为StackPanelforeach(var ele in spFirst.Children){StackPanel sp = ele as StackPanel;foreach(var ele2 in sp.Children){if(ele2 is TextBox){TextBox tet = ele2 as TextBox;string name = txtUserName.Text;}}}string name2= txtUserName.Text;  //  直接通过name属性获取控件的Text  }}

事件：：

19、Expander扩展折叠控件

折叠控件，GroupBox 带标题，HeaderedContentControl

折叠或展开的特点，IsExpand 是否复合显示内容，ExpandDirection展开方向 Down Top/Left/Right。

GroupBox 不能折叠内容部分，Expander可以折叠，节省区域。

    <Grid Margin="0,0,433,167"><Expander><Grid RenderTransformOrigin="0.626,0.502"><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions></Grid></Expander><Expander Header="用户权限" HorizontalAlignment="Left" Height="165" Margin="110,91,0,0" VerticalAlignment="Top" Width="auto"Padding="10" ExpandDirection="Up" BorderThickness="2" RenderTransformOrigin="0.5,0.5" IsExpanded="False"><Expander.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform AngleX="-0.576"/><RotateTransform/><TranslateTransform X="0.829"/></TransformGroup></Expander.RenderTransform><StackPanel Background="#FFE5E5E5"><CheckBox Content="管理员"></CheckBox><CheckBox Content="系统管理员"></CheckBox></StackPanel></Expander></Grid>

20、TabControl选项卡控件

组件：多个共享相同的空间。

Selector ItemsControl：条目控件：ListBox, ComboBox：下拉框。

SelectedValue：SelectedItem、SelectedValuePath、Display

TabItem：里边只能有一个StackPanel 不能有俩

选项卡项：TabItem---HeaderedContentControl Header。

SelectedContent Selected Item：TabItem对象。

TabItem: IsSelected 设置或者获取当前显示界面

  <Grid><TabControl Name="tabCl" HorizontalAlignment="Left" Height="244" Margin="141,90,0,0" VerticalAlignment="Top" Width="398"TabStripPlacement="Top"><TabItem Header="用户信息" IsSelected="True"><StackPanel Orientation="Vertical" Background="YellowGreen"><StackPanel Orientation="Horizontal"><Label Content="用户名"></Label><TextBox Text="admin" Width="100"></TextBox></StackPanel><StackPanel Orientation="Horizontal"><Label Content="=电话"></Label><TextBox Text="2233"></TextBox></StackPanel></StackPanel></TabItem><TabItem Header="角色信息"><Grid Background="AliceBlue"><Grid.ColumnDefinitions><ColumnDefinition Width="29*"/><ColumnDefinition Width="61*"/><ColumnDefinition Width="302*"/></Grid.ColumnDefinitions></Grid></TabItem><TabItem Header="权限设置"><Grid Background="AliceBlue"/></TabItem></TabControl><Button Name="bt1" Content="Button" HorizontalAlignment="Left" Margin="652,203,0,0" VerticalAlignment="Top" Click="bt1_Click"/></Grid>

        private void bt1_Click(object sender, RoutedEventArgs e){//tabCl.SelectedItem=tabCl.Items[1]; //  切换选项卡if(tabCl.SelectedIndex <tabCl.Items.Count-1){tabCl.SelectedIndex += 1;}else{tabCl.SelectedIndex = 0;}}

21、Frame框架

Frame TabControl支持导航，可以将一个页面导航到另一个页面，添加Page(WPF)可以实现。

System.Windows.Navigation.NavigationWindow和 System.Windows.Controls.Frame.

TabItem ContentControl 直接在内部添加元素，布局成一个页面，直接将一个页面内嵌到TabItem。

Winform TabControl TabPage 将一个Form内嵌到TabPage。

TabItem中不可内嵌一个Window。

WPF中，Window为根，，内容不能是一个Window。

Page 页是封装一页的内容

属性：

NavigationUIVisibility 是否显示导航栏：

Source是要显示的Page路径，要导航到的新内容。

NavigationUIVisibility 是否显示导航栏：automatic hidden visible。

    <Grid><!-- 直接在Window中呈放一个Frame显示一个页面--><Frame Name="fm1" Content="Frame" HorizontalAlignment="Left" Height="257" Margin="100,49,0,0"VerticalAlignment="Top" Width="562"></Frame><TabControl Name="tabCl" HorizontalAlignment="Left" Height="244" Margin="141,90,0,0" VerticalAlignment="Top" Width="398"TabStripPlacement="Top"><TabItem Header="用户信息" IsSelected="True"><Frame Source="16_1PageRolePage.xaml" NavigationUIVisibility="Visible"></Frame></TabItem><TabItem Header="角色信息" IsSelected="True"><Frame Source="16_1PageRolePage.xaml" NavigationUIVisibility="Visible"></Frame></TabItem><TabItem Header="权限设置"><Grid Background="AliceBlue"/></TabItem></TabControl></Grid>

代码：

      private void Window_Loaded(object sender, RoutedEventArgs e){// 1、直接在xaml代码中设置Source// 2、frame.Source=  new Uri(""，  UriKind.Relative);// fm1.Source = new Uri("16_1PageRolePage.xaml",UriKind.Relative);  //  相对路径//3 、先实例化Page对象_16_1PageRolePage pageRoleInfo=  new _16_1PageRolePage();fm1.Navigate(pageRoleInfo);}

22、ListView列表视图

条目控件：数据

ListBox ComboBox TabControl ItemsControl 条目控件。

Winform ListView 5View

WPF : ListView：用于显示数据项的列表(DataGrid)

组织数据的结构和样式----显示数据。

View ：GridView：ListView控件以列形式显示数据项的 ”视图模式“。

GridView属性： Columns ColumnHeaderTemplate AllosColumnReorder(true)。

列：GridViewColumn：显示数据的列。

属性：Herder 列标题 width 宽度 HeaderTemplate：显示列标题内容的模板。

CellTemplate：显示列单元格的内容的模板。

DisplayMemberBinding 要绑定的项的。

将数据显示到ListView -- 数据绑定（ItemsSource 后台代码指定 Xaml代码中设置。

定义GridView 列集合

UserInfos 显示到ListView 。

上面有复选框

    <Grid><ListView  HorizontalAlignment="Left" Height="239" VerticalAlignment="Top" Width="564"><ListView.View><GridView><GridViewColumn><GridViewColumn.Header><CheckBox Name="ckAll" Content="全选"></CheckBox></GridViewColumn.Header><GridViewColumn.CellTemplate><DataTemplate><CheckBox Name="chk" Tag=" {Binding UserId" IsChecked="{Binding ElementName=chkAll,Path=IsChecked,Mode=OneWay}"></CheckBox></DataTemplate></GridViewColumn.CellTemplate></GridViewColumn><GridViewColumn Header="编号" DisplayMemberBinding="{Binding UserId}" Width="50"></GridViewColumn><GridViewColumn Header="账号" Width="70"><GridViewColumn.CellTemplate><DataTemplate><!--<Label Content="{Binding UserName}" Foreground="BlueViolet"></Label>--><TextBlock Text="{Binding UserName}" Foreground="YellowGreen" HorizontalAlignment="Left"TextAlignment="Center"></TextBlock></DataTemplate></GridViewColumn.CellTemplate></GridViewColumn><GridViewColumn Header="状态" DisplayMemberBinding="{Binding UserState}"></GridViewColumn><GridViewColumn Header="部门编号" DisplayMemberBinding="{Binding Depth}"></GridViewColumn><GridViewColumn Header="年龄" DisplayMemberBinding="{Binding UserAge}" Width="50"></GridViewColumn></GridView></ListView.View></ListView></Grid>

代码：

      private List<UserInfo> GetUserList1(){List<UserInfo> list = new List<UserInfo>();string sql = "select UserId,UserName,UserState,UserAge from UserInfos Where Depth>0";  //  数据库语句SqlDataReader dr = SqlHelper.ExecuteReader(sql,1);while(dr.Read()){UserInfo user = new UserInfo();user.UserId = (int)dr["UserId"];user.UserName = (string)dr["UserName"];user.UserState = (int)dr["UserState"];user.UserAge = (int)dr["UserAge"];user.Depth = (int)dr["Depth"];list.Add(user);}dr.Close();return list;}}public class UserInfo{public int UserId { get; set; }public string UserName { get; set; }public int UserState { get; set; }public int UserAge {  get; set; }public int Depth {  get; set; }}

23、DataGrid数据网格

数据网格控件，选择多个项目，从中选择子项，

DataGrid：MultiSelector Selector

网格控件：可以自定义网格显示的数据的控件。

自定义的网格：列的形式

ListView：类似网格控件 GridView GridViewColumn

常用属性：

HeadersVisibility： Row Column All 行可见列可见全部可见

RowHeaderTemplate 行标题模板。

CanUserAddRows 是否添加新行

IsReadOnly 是否可以编辑其中的值是否只读

VerticalScrollBarVisibility/ HorizontalScrollBarVisibility 垂直/水平滚动条的显示

CurrentItem 当前单元格的行绑定的数据项

CanUserDeleteRows 是否可以删除行

RowStyle/ CellStyle 行/单元格样式

HeadersVisibility 行和列的可见性

AlternatingRowBackground 交替行上使用的背景画笔，white LightBlue white lightblue

GridLinesVisibility 网格线是否可见

VerticalGridLineBrush/HorizontalGridLinesBrush 垂直/水平网格线画笔

RowHeaderWidth 行标题宽度 ColumnHeaderHeight 列标题宽度 RowHeight 行高度

AutoGenerateColumns 是否自动创建列

SelectionUnit/ SelectionMode 选择单元（单元格、行或两者）单选或多选。

DataGrid中的列：

DataGridTextColumn: 文本显示内容，指定的数据类型为String

DataGridCheckBoxColumn 复选框的显示内容，指定的数据类型为Boolean

DataGridComboBoxColumn 下拉列表的形式显示内容，指定的数据类型为Enum

DataGridHyperlinkColumn 超链接的显示内容，指定的数据类型为Uri

DataGridTemplateColumn 模板列：自定义显示样式。

DataGrid 数据绑定：

用户显示绑定ItemsSource / ComboBox的绑定

用户列表数据显示到 DataGrid

DeptId 部门名称，重新选择

XAML中设置ItemsSource

属性设置；

XAML：

    <Grid><!--<DataGrid HeadersVisibility="Row" AutoGenerateColumns="False"AlternatingRowBackground="Yellow" CanUserAddRows="True" IsReadOnly="True"VerticalScrollBarVisibility="Visible"></DataGrid>--><DataGrid Name="dgList" HeadersVisibility="All" AutoGenerateColumns="False"AlternatingRowBackground="Yellow" CanUserAddRows="True" IsReadOnly="True"VerticalScrollBarVisibility="Visible" AlternationCount="2" GridLinesVisibility="Horizontal" SelectionUnit="Cell"SelectionMode="Single" RowHeaderWidth="20" ItemsSource="{Binding UserList2}"><DataGrid.RowStyle><Style TargetType="DataGridRow"><Setter Property="Background" Value="Transparent"></Setter><Style.Triggers><Trigger Property="ItemsControl.AlternationIndex" Value="0"><Setter Property="Background" Value="LightGray"></Setter></Trigger><Trigger Property="ItemsControl.AlternationIndex" Value="1"><Setter Property="Background" Value="LightBlue"></Setter></Trigger></Style.Triggers></Style></DataGrid.RowStyle><DataGrid.Columns><DataGridTextColumn Header="编号" Binding="{Binding UserId}" Width="50"></DataGridTextColumn><DataGridTextColumn Header="姓名" Binding="{Binding UserName}" Width="80"><DataGridTextColumn.HeaderTemplate><DataTemplate><TextBlock Text="{Binding}" Foreground="Red"></TextBlock></DataTemplate></DataGridTextColumn.HeaderTemplate><!--<默认为文本框 DataGridTextColumn.EditingElementStyle><Style TargetType="TextBox"></Style></DataGridTextColumn.EditingElementStyle>--></DataGridTextColumn><DataGridCheckBoxColumn Header="状态" Binding="{Binding UserState}"></DataGridCheckBoxColumn><DataGridComboBoxColumn x:Name="colDepth" Header="部门" SelectedValueBinding="{Binding DepthId}" Width="100"DisplayMemberPath=" DeptName" SelectedValuePath="DepthId"ItemsSource="{Binding DeptList2,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=Window}}"><DataGridComboBoxColumn.ElementStyle><Style TargetType="ComboBox"><Setter Property="ItemsSource" Value="{Binding DataContext.DeptList,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=Window}}"></Setter></Style></DataGridComboBoxColumn.ElementStyle></DataGridComboBoxColumn><DataGridTemplateColumn Header="年龄" Width="60"><DataGridTemplateColumn.CellTemplate><DataTemplate><Label Content="{Binding UserAge}" Foreground="Green" Background="LightBlue"></Label></DataTemplate></DataGridTemplateColumn.CellTemplate><!--内容可更改--><DataGridTemplateColumn.CellEditingTemplate><DataTemplate><TextBox Text="{Binding UserName}"></TextBox></DataTemplate></DataGridTemplateColumn.CellEditingTemplate></DataGridTemplateColumn></DataGrid.Columns></DataGrid></Grid>

24、Menu

简介：Windows菜单控件，控件可用于按层次组织与命令和事件处理程序关联的元素。

常用属性：IsMainMenu 是否接收菜单激活通知 True 按alt 或f10激活如果为false。

MenuItem介绍：Menu 控件中的可选项，，带标题的条目控件。

父类： HeaderedItemsControl

CommandParameter Icon Header

InputGestureText：

InputGestureText="Ctrl+R" 快捷键

Click事件：

打开角色管理界面

页面.show();

Command命令：

    <Window.Resources><!-- 定义命令 --><RoutedUICommand x:Key="cmdRole"/><RoutedUICommand x:Key="cmdUser"/></Window.Resources><!--输入绑定  Key  Mouse--><Window.InputBindings><KeyBinding Command="{StaticResource cmdRole}" Gesture="Ctrl+R"></KeyBinding></Window.InputBindings><!-- 将命令与处理程序关联起来 --><Window.CommandBindings><CommandBinding Command="{StaticResource cmdRole}" Executed="miRole_Click"/><CommandBinding Command="{StaticResource cmdUser}" Executed="miUser_Click"/></Window.CommandBindings><Grid><Menu Height="30" VerticalAlignment="Top" IsMainMenu="False"><MenuItem Header="系统管理"><!--Command="{StaticResource cmdRole}"--><MenuItem Name="miRole" Header="角色管理" Command="{StaticResource cmdRole}"InputGestureText="Ctrl+R"><MenuItem.Icon><Image Source="image/12window.png"></Image></MenuItem.Icon></MenuItem><MenuItem Header="用户管理" Command="{StaticResource cmdUser}"></MenuItem><MenuItem Header="菜单管理"></MenuItem><MenuItem Header="权限管理"></MenuItem><MenuItem Header="角色"></MenuItem></MenuItem><MenuItem Header="基础资料"><MenuItem Header="商品管理"><MenuItem Header="商品类别"></MenuItem><MenuItem Header="商品名称"></MenuItem></MenuItem><MenuItem Header="仓库管理"></MenuItem><MenuItem Header="单位管理"></MenuItem><MenuItem Header="入库设置"></MenuItem></MenuItem><MenuItem Header="业务管理"></MenuItem><MenuItem Header="查询中心"><MenuItem Header="查询姓名"></MenuItem><MenuItem Header="查询资料"></MenuItem><MenuItem Header="查询性别"></MenuItem><MenuItem Header="查询年龄"></MenuItem></MenuItem></Menu></Grid>

控件使用（一个

25、动态生成菜单项

动态生成菜单项：递归加载菜单数据、分层数据模板；

获取菜单数据：按层次结构组织的数据列表。

菜单模型：编号，名称父类单编号快捷键

菜单项模型：百年好名称快捷键子菜单列表

数据模板：分层数据模板 HeaderedItemsControl Menu TreeView

HierarchicalDataTemplate(分层数据模板)：支持HeaderedItemsCOntrol的数据绑定，就是定义分层数据的模板，一般应用在MenuItem或TreeViewItem。

父类：DataTemplate

属性： ItemsSource 数据模板的绑定 ItemTemplate以指示如何显示数据层次结构中的下一个界别中的项目 ItemContainerStyle应用与每个子项的项容器 AlternationCount交替项的子项目的容器的数量。

    <Window.Resources><RoutedUICommand x:Key="cmdUser"></RoutedUICommand></Window.Resources><Window.CommandBindings><CommandBinding Command="{StaticResource cmdUser}" Executed="CommandBinding_Executed"></CommandBinding></Window.CommandBindings><Grid><Menu HorizontalAlignment="Left" Height="30" Margin="0" VerticalAlignment="Top" BorderBrush="LightBlue"BorderThickness="1" ItemsSource="{Binding MenuList}"><Menu.ItemContainerStyle><Style TargetType="{x:Type MenuItem}"><Setter Property="InputGestureText" Value="{Binding MKey}"></Setter><Setter Property="InputGestureText" Value="{Binding MKey1}"></Setter></Style></Menu.ItemContainerStyle><Menu.ItemTemplate><HierarchicalDataTemplate><TextBlock Text="{Binding MenuName}" VerticalAlignment="Center"></TextBlock></HierarchicalDataTemplate></Menu.ItemTemplate></Menu></Grid>

26、ContextMenu文本菜单

右键出现如下：

父类：MenuBase MenuItem (HeaderedItemsControl) ItemsControl 特定于某个元素之上的功能菜单。右键菜单，上下文菜单。

属性：HorizontalOffset verticalOffset 右键菜单控件相对于带年纪位置的水平、垂直Label（右键菜单的目标元素）

快捷键相应：与命令或事件处理程序关联起来。

应用：不独立，依赖于某个元素

    <Grid><Label Content="用户管理" HorizontalAlignment="Left" Margin="184,97,0,0"VerticalAlignment="Top" Height="33" Width="73" BorderBrush="Blue" BorderThickness="1"><Label.ContextMenu><ContextMenu HorizontalOffset="10" VerticalAlignment="Top"><MenuItem Header="打开页面"></MenuItem><MenuItem Header="操作"><MenuItem Header="赋值"></MenuItem><MenuItem Header="剪切"></MenuItem></MenuItem></ContextMenu></Label.ContextMenu></Label></Grid>

27、TreeView树视图

属性介绍：树形控件

TreeView 父类： ItemsControl -- 条目控件

MenuItem: 派生于HeaderedItemsControl

按层次结构组织数据

SelectedValue选择项的值

SelectedValuePath 菜单名称编号（列名或属性名）

TreeViewItem被选中触发

      private void tv1_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e){var val = e.NewValue as TreeViewItem;MessageBox.Show(val.Header.ToString());}

        private void tv1_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e){var val = e.NewValue as TreeViewItem;MessageBox.Show(val.Header.ToString());}private void Window_Loaded(object sender, RoutedEventArgs e){TreeViewItem tv = new TreeViewItem();tv.Header= "进销存系统";tv1.Items.Add(tv);TreeViewItem tv2 = new TreeViewItem();tv2.Header = "用户管理";tv1.Items.Add(tv2);TreeViewItem tv3 = new TreeViewItem();tv3.Header = "角色信息";tv1.Items.Add(tv3);}

进销存系统系统管理用户管理

动态模板：

    <Window.Resources><RoutedUICommand x:Key="cmdUser"></RoutedUICommand></Window.Resources><Window.CommandBindings><CommandBinding Command="{StaticResource cmdUser}" Executed="CommandBinding_Executed"></CommandBinding></Window.CommandBindings><Grid><TreeView Name="tvList" HorizontalAlignment="Left" Height="30" Margin="0" VerticalAlignment="Top" BorderBrush="LightBlue"BorderThickness="1"><TreeView.ItemTemplate><HierarchicalDataTemplate DataType="{x:Type model:MenuItemModel}" ItemsSource="{Binding SubItems}"><TextBlock Text="{Binding MenuName}" VerticalAlignment="Center"></TextBlock></HierarchicalDataTemplate></TreeView.ItemTemplate></TreeView></Grid>

27、ToolBar工具条

Orientation 指示排列方向

Band BandIndex

TollBarTray

代码：

<Grid><ToolBar HorizontalAlignment="Left" Height="36" Margin="10,10,0,0" Width="695"IsOverflowOpen="True"><Button Content="新建"></Button><Separator/><Image Source="image/12window.png" Width="20" Height="20"></Image><CheckBox Content="是否保存" IsChecked="True" Margin="10,0"></CheckBox><Separator/><RadioButton Name="rbRed1" ToolTip="Red" Command="{StaticResource setColor}"><RadioButton.Content><Rectangle Width="10" Height="10" Fill="Red"></Rectangle></RadioButton.Content></RadioButton><RadioButton ToolTip="Yellow" Command="{StaticResource setColor}"><RadioButton.Content><Rectangle Width="10" Height="10" Fill="Yellow"></Rectangle></RadioButton.Content></RadioButton><!--<RadioButton></RadioButton>--><Separator/><ComboBoxItem Content="选择" VerticalAlignment="Center"PreviewMouseLeftButtonDown="ComboBoxItem_MouseLeftButtonDown"></ComboBoxItem></ToolBar><Label Name="lb1" Content="我是测试文本" Margin="103,78,0,0" VerticalAlignment="Top"></Label>
</Grid>

IsOverFlowOpen：

如果溢出区可见，则为 true；否则为 false。

ToolBarTray：

    <Window.Resources><RoutedUICommand x:Key="setColor"></RoutedUICommand></Window.Resources><Window.CommandBindings><CommandBinding Command="{StaticResource setColor}" Executed="setColor_Executed"></CommandBinding></Window.CommandBindings><Grid><Grid.ColumnDefinitions><ColumnDefinition Width="0*"/><ColumnDefinition Width="0*"/><ColumnDefinition/></Grid.ColumnDefinitions><ToolBarTray Orientation="Horizontal" Grid.ColumnSpan="3"><ToolBar HorizontalAlignment="Left" Height="36" Margin="10,10,0,0" Width="695"IsOverflowOpen="True" Band="0" BandIndex="0"><Button Content="新建"></Button><Separator/><Image Source="image/12window.png" Width="20" Height="20"></Image><CheckBox Content="是否保存" IsChecked="True" Margin="10,0"></CheckBox><Separator/><RadioButton Name="rbRed1" ToolTip="Red" Command="{StaticResource setColor}"><RadioButton.Content><Rectangle Width="10" Height="10" Fill="Red"></Rectangle></RadioButton.Content></RadioButton><RadioButton ToolTip="Yellow" Command="{StaticResource setColor}"><RadioButton.Content><Rectangle Width="10" Height="10" Fill="Yellow"></Rectangle></RadioButton.Content></RadioButton><!--<RadioButton></RadioButton>--><Separator/><ComboBoxItem Content="选择" VerticalAlignment="Center"PreviewMouseLeftButtonDown="ComboBoxItem_MouseLeftButtonDown"></ComboBoxItem></ToolBar><!--<Label Name="lb1" Content="我是测试文本" Margin="103,78,0,0" VerticalAlignment="Top"></Label>--><ToolBar HorizontalAlignment="Left" Height="36" VerticalAlignment="Top"IsOverflowOpen="True" Band="0" BandIndex="1"><Button Content="复制"></Button><Button Content="剪切"></Button></ToolBar></ToolBarTray></Grid>

29、statusBar状态栏

StatusBar：应用程序窗体中的水平栏中显示项和信息的kongj (状态栏）。

父类：ItemsControl。

项：StatusBarItem StatusBar中的项。

进度过程：

简单的状态栏：登录者当前时间版权信息进度。

    <Grid><StatusBar HorizontalAlignment="Left" VerticalAlignment="Stretch" Height="30"><StatusBarItem Content="登陆者"></StatusBarItem><StatusBarItem><StackPanel Orientation="Horizontal"><Label Content="当前时间"></Label><TextBlock Text="2020-02-01"></TextBlock><!--StatusBarItem中内容控件只能有一个<TextBlock Text="2020-02-01"></TextBlock>--></StackPanel></StatusBarItem><StatusBarItem><StackPanel Orientation="Horizontal"><Label Content="加载进度"></Label><ProgressBar Name="pbar" Value="0" Width="100" Height="25"><ProgressBar.Triggers><EventTrigger RoutedEvent="ProgressBar.Loaded"><BeginStoryboard><Storyboard><DoubleAnimation From="0" To="{Binding ElementName=pbar,Path=Maximum}" Storyboard.TargetName="pbar"Storyboard.TargetProperty="Value"Duration="0:0:5"></DoubleAnimation></Storyboard></BeginStoryboard></EventTrigger></ProgressBar.Triggers></ProgressBar></StackPanel></StatusBarItem></StatusBar></Grid>

29、MediaElement媒体元素

网易云音乐播放器：

链接： WPF 媒体播放器（MediaElement）实例，实现进度和音量控制 - 天马3798 - 博客园 (cnblogs.com)

WPF 媒体播放器（MediaElement）实例，实现进度和音量控制 - 天马3798 - 博客园 (cnblogs.com)

属性：

LoadedBehavior 加载行为（Manual 手动控制 Play Close(关闭并释放) Pause Stop关闭但不释放）

Position 通过媒体的播放时间获取或设置进度的当前位置。

CanPause（get） IsBuffering 是否缓冲媒体 HasAudio/HasVideo 是否有音频/视频

SpeedRatio 媒体的速率 UnloadedBehavior 卸载行为

Clock 与相关联的时钟 Balance 扬声器的音量比 Volume 媒体的音量

StretchDirection 拉伸值，该值指定该元素的方向 Source 媒体源 IsMuted 是否已静音

WPF加绝对路径，否则无法播放

<Window x:Class="WpfAppTest.MediaElementWindow"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="MediaElementWindow" Height="450" Width="800"><Grid><Border BorderThickness="2" BorderBrush="YellowGreen" HorizontalAlignment="Left" Height="275" Margin="43,26,0,0" VerticalAlignment="Top" Width="583"><MediaElement Source="绝对路径/medias/tongyao1.mp4"    IsMuted="False" Volume="0.3" SpeedRatio="1" UnloadedBehavior="Stop" Balance="-0.6" StretchDirection="Both" Stretch="Fill"  /></Border></Grid>
</Window>

    <Grid><!--<Border BorderThickness="2" BorderBrush="Yellow" HorizontalAlignment="Left" Height="234" Margin="112,70,0,0" VerticalAlignment="Top" Width="512">--><!--<MediaElement Source="image/play123.mp4" IsMuted="False"UnloadedBehavior="Stop"></MediaElement>--><!--<MediaElement Name="me1" Source="/media/play123.mp4" LoadedBehavior="Manual" UnloadedBehavior="Stop" Stretch="Fill" Margin="29,0,63,27"/></Border>--><MediaElement x:Name="mediaElement" Source="play123.mp4" LoadedBehavior="Manual" Width="400" Height="225"  MediaOpened="mediaElement_MediaOpened"  MediaFailed="mediaElement_MediaFailed"/><Button Content="Play" HorizontalAlignment="Left" Margin="444,12,0,0" VerticalAlignment="Top" Width="75"  Click="Button_Click" /></Grid>

代码：

        private void mediaElement_MediaOpened(object sender, RoutedEventArgs e){mediaElement.Source = new Uri("E:\\SoftStudy\\C#\\C#\\基础\\01WPF基础\\02控件_1\\image\\play123.mp4", UriKind.Relative);mediaElement.Play();}private void mediaElement_MediaFailed(object sender, ExceptionRoutedEventArgs e){MessageBox.Show("Media failed to load: " + e.ErrorException.Message);}private void Button_Click(object sender, RoutedEventArgs e){//if (mediaElement.SetCurrentValue == MediaState.Paused || mediaElement.CurrentState == MediaState.Stopped)//{//    mediaElement.Play();//}//else//{//    mediaElement.Pause();//}mediaElement.Source = new Uri("E:\\SoftStudy\\C#\\C#\\基础\\01WPF基础\\02控件_1\\image\\play123.mp4", UriKind.Absolute);mediaElement.Play();}

播放器案例：

记载时，创建一个计时器，播放位置调整、时间文本更新

打开：选择播放数据源，加载完毕，自动播放。

播放或暂停-

停止：回到原来位置，停止播放。

快进：前进10s 后退：10s

OpenFileDialog ofd = new OpenFileDialog();

打开文件对话框，

参考：2021-08-14 WPF控件专题 MediaElement 控件详解_qq61972345e36b7的技术博客_51CTO博客

控件案例别忘记Loaded

<Window x:Class="WpfAppTest.MediaElementWindow2"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="MediaElementWindow2" Height="450" Width="800" Loaded="Window_Loaded"><Window.Resources><Style x:Key="btnStyle" TargetType="Button"><Setter Property="Background"><Setter.Value><LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"><GradientStop Offset="0" Color="White"/><GradientStop Offset="0.444" Color="#FF53897A"/></LinearGradientBrush></Setter.Value></Setter><Setter Property="FontStyle" Value="Oblique"/><Setter Property="Margin" Value="5"/><Setter Property="Width" Value="60"/><Setter Property="Foreground" Value="Gold"/><Style.Triggers><Trigger Property="Button.IsMouseOver" Value="True"><Setter Property="Foreground" Value="Black"/></Trigger></Style.Triggers></Style></Window.Resources><Grid><StackPanel><Border Background="Black" BorderThickness="3" HorizontalAlignment="Center" Height="300"  VerticalAlignment="Top" Width="500"><Border.Effect><DropShadowEffect Color="#FFE4CC8D"/></Border.Effect><Border.BorderBrush><LinearGradientBrush StartPoint="1,0" EndPoint="1,1"><GradientStop Offset="0" Color="White"/><GradientStop Offset="0.5" Color="Gold"/></LinearGradientBrush></Border.BorderBrush><MediaElement Name="me"  LoadedBehavior="Manual"  SpeedRatio="1" Stretch="Fill" UnloadedBehavior="Stop" ScrubbingEnabled="True" Volume="{Binding ElementName=volumeSlider,Path=Value}" Balance="0.6" MouseLeftButtonDown="Me_MouseLeftButtonDown" MediaOpened="Me_MediaOpened" MediaEnded="Me_MediaEnded"  /></Border><StackPanel Margin="0,10,0,0" Orientation="Horizontal" HorizontalAlignment="Center"><TextBlock Text="播放进度" Foreground="Gold" Margin="5"/><Slider x:Name="posSlider" Minimum="0"   Width="190" Value="{Binding ElementName=me,Path=Position}" IsMoveToPointEnabled="True"  PreviewMouseLeftButtonUp="PosSlider_PreviewMouseLeftButtonUp"   /><TextBlock Text="音量" Foreground="Gold" Margin="20,0,0,0"/><Slider x:Name="volumeSlider" Margin="10,0" Minimum="0" Maximum="1" Value="0.5" Width="167" /></StackPanel><StackPanel Orientation="Horizontal"  HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,10"><Button x:Name="openBtn" Content="打开"  Style="{StaticResource btnStyle}" Click="OpenBtn_Click" /><Button x:Name="playBtn" Content="播放" Style="{StaticResource btnStyle}" Click="PlayBtn_Click" /><Button x:Name="stopBtn" Content="停止" Style="{StaticResource btnStyle}" Click="StopBtn_Click" /><Button x:Name="backBtn" Content="快退" Style="{StaticResource btnStyle}"  Click="BackBtn_Click"/><Button x:Name="forwardBtn" Content="快进" Style="{StaticResource btnStyle}" Click="ForwardBtn_Click" /><Label Name="lblTime" Width="100" Height="30" Content="00:04"></Label></StackPanel></StackPanel></Grid>
</Window>

主程序代码：

System.Timers.Timer timer = null;
private void Window_Loaded(object sender, RoutedEventArgs e)
{timer = new System.Timers.Timer();timer.Interval = 1000;timer.Elapsed += Timer_Elapsed;
}private void Timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
{//子线程执行this.Dispatcher.Invoke(new Action(() =>{//主线程posSlider.Value = me.Position.TotalSeconds;SetTime();}));
}/// <summary>
/// 设置时间文本框的值
/// </summary>
private void SetTime()
{lblTime.Content = string.Format("{0:00}:{1:00}:{2:00}", me.Position.Hours, me.Position.Minutes, me.Position.Seconds);
}//选择播放文件
private void OpenBtn_Click(object sender, RoutedEventArgs e)
{OpenFileDialog ofd = new OpenFileDialog();ofd.Filter = @"视频文件(*.avi格式)|*.avi|视频文件(*.wav格式)|*.wav|视频文件(*.wmv格式)|*.wmv|视频文件(*.mp4格式)|*.mp4|All Files|*.*";if (ofd.ShowDialog() == false){return;}string filePath = "";filePath = ofd.FileName;if (filePath == "")return;//设置媒体源me.Source = new Uri(filePath, UriKind.Absolute);playBtn.IsEnabled = true;me.Play();timer.Start();playBtn.Content = "暂停";
}//播放或暂停
private void PlayBtn_Click(object sender, RoutedEventArgs e)
{SetPlayer(true);PlayPause();
}/// <summary>
/// 播放或暂停
/// </summary>
private void PlayPause()
{if (playBtn.Content.ToString() == "播放"){me.Play();timer.Start();playBtn.Content = "暂停";me.ToolTip = "单击暂停";}else{me.Pause();timer.Stop();playBtn.Content = "播放";me.ToolTip = "单击播放";SetTime();}
}/// <summary>
/// 设置操作按钮的可用状态
/// </summary>
/// <param name="bl"></param>
private void SetPlayer(bool bl)
{stopBtn.IsEnabled = bl;playBtn.IsEnabled = bl;backBtn.IsEnabled = bl;forwardBtn.IsEnabled = bl;
}/// <summary>
/// 停止
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void StopBtn_Click(object sender, RoutedEventArgs e)
{me.Stop();posSlider.Value = 0;lblTime.Content = "0:0:0";playBtn.Content = "播放";timer.Stop();
}/// <summary>
/// 快进 当前播放位置前进10s
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void ForwardBtn_Click(object sender, RoutedEventArgs e)
{me.Pause();timer.Stop();me.Position = me.Position + TimeSpan.FromSeconds(10);SetTime();me.Play();timer.Start();
}/// <summary>
/// 快退
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void BackBtn_Click(object sender, RoutedEventArgs e)
{me.Pause();timer.Stop();me.Position = me.Position - TimeSpan.FromSeconds(10);SetTime();me.Play();timer.Start();
}private void Me_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{PlayPause();
}/// <summary>
/// 媒体加载完毕后
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Me_MediaOpened(object sender, RoutedEventArgs e)
{posSlider.Maximum = me.NaturalDuration.TimeSpan.TotalSeconds;lblTime.Content = "0:0:0";SetPlayer(true);
}/// <summary>
///拖动播放进度
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void PosSlider_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{me.Pause();timer.Stop();int val = (int)posSlider.Value;me.Position = new TimeSpan(0, 0, 0, val);SetTime();me.Play();timer.Start();
}private void Me_MediaEnded(object sender, RoutedEventArgs e)
{MessageBox.Show("播放结束");timer.Stop();
}

30、RichTextBox超文本

Document 获取或设置RichTextBox的System.Window.Documents.FlowDocument

属性：

FlowDocument:

inline Run Hyperlink

block paragraph section blockuicontainer

FlowDocument:

Block Paragraph Run Section Hyperlink InlineUIContainer BlockUIContainer

   <Grid><RichTextBox Name="rtbContent" HorizontalAlignment="Left" Height="229" Margin="70,70,0,0"VerticalAlignment="Top" Width="400" IsDocumentEnabled="True"><FlowDocument><Paragraph TextIndent="24"><Run Text="RichTextBox"></Run></Paragraph><Paragraph><Run Text="RichTextBox"></Run><Hyperlink Click="Hyperlink_Click">百度一下</Hyperlink></Paragraph><Paragraph><Run Text="另一个文本"></Run></Paragraph><Section></Section></FlowDocument></RichTextBox><Button Content="获取内容" Margin="547,88,188,323" Height="30"/></Grid>

代码：

        private void Hyperlink_Click(object sender, RoutedEventArgs e){Process proc=new Process();proc.StartInfo.FileName = "http://www.baidu.com";proc.Start();}private void GetText_Click(object sender, RoutedEventArgs e){TextRange range = new TextRange(rtbContent.Document.ContentStart,rtbContent.Document.ContentEnd);string contentText = range.Text;  //  纯文本内容MessageBox.Show(contentText);}