WPF 控件

            <div id="content_views" class="htmledit_views"><p id="main-toc"><strong>目录</strong></p>

WPF基础控件

按钮控件：

Button:按钮

RepeatButton:长按按钮

RadioButton:单选按钮

数据显示控件

TextBox:输入框

RichTextBox:富文本

CheckBox:复选框

ComboBox:下拉框

DataPicker:日期选择器

PasswordBox:密码框

Slider:滑块

ProgressBar:进度条

TextBlock：只读文本控件

Lable：标签 显示文本控件

ListBox：显示可选择项的列表

DataGrid：数据表格控件

ListView：显示列表数据

Image：图片

ToggleButton：切换状态按钮控件

菜单导航控件

MenuItem:菜单

ContextMenu:上下文菜单

ToolBar:创建工具栏

TreeView:树状视图

TabControl:选项卡

Expander:折叠控件

信息提示控件

Popup:弹出式窗口

Window:窗口

PrintDialog:打印窗口

ToolTip:悬停时提示按钮

布局控件

Grid：网格

StackPanel：堆栈面板

DockPanel：停靠面板

WrapPanel：自动换行面板

Canvas：画布

UniformGrid：均匀网格

GridSplitter：网格分割器

TabPanel：选项卡面板

图形控件

Line:线

Rectangle:矩形

Ellipse:圆

Polyline:点的集合

Polygon:点的集合 封闭

Path:path图形

其他控件

ScrollViewer:滚动容器

GroupBox:分组容器

ViewBox:显示盒子

扩展：WPF继承树

WPF基础控件

控件类型

主要控件

按钮控件

Button、RepeatButton、RadioButton

数据显示控件

TextBlock、Lable、Image、ItemsControl、ListView、ListBox、DataGrid、DocumentViwer

输入控件

TextBox、RichTextBox、CheckBox、comboBox、DataPicker、PasswordBox、Slider、ProgressBar

菜单导航控件

MenuItem、ContextMenu、ToolBar、TreeView、TabControl、Expander

信息提示控件

Popup、Window、PrintDialog、ToolTip

布局控件

Grid、StackPanel、WrapPanel、DockPanel、UniformGrid、Canvas、InkCanvas、Border

图形控件

Line、Rectangle、Ellipse、Polyline、Polygon、Path

其他控件

ScrollViewer、GroupBox、ViewBox

按钮控件：
Button:按钮
<Button Content="按钮" Width="100" Height="50" Click="Button_Click"/>

常用属性：

  • Content: 按钮显示的内容。
  • Width: 按钮的宽度。
  • Height: 按钮的高度。

常用事件：

  • Click: 当用户单击按钮时触发的事件。
RepeatButton:长按按钮
  1. <RepeatButton Content="RepeatButton" Width="100" Height="50" 
  2. Click="RepeatButton_Click" Interval="500"/>

常用属性：

  • Content: RepeatButton 显示的内容。
  • Width: RepeatButton 的宽度。
  • Height: RepeatButton 的高度。
  • Interval: 重复触发事件之间的时间间隔（以毫秒为单位）。

常用事件：

  • Click: 当用户单击按钮时触发的事件。

在这个示例中，当用户点击按钮时，会触发名为 RepeatButton_Click 的事件处理程序。Interval 属性设置了事件重复触发之间的间隔时间（500 毫秒）。

注意：RepeatButton 是一个特殊的按钮，当用户按住它时，会不断触发 Click 事件，直到按钮被释放。

RadioButton:单选按钮
  1. <StackPanel>
  2.     <RadioButton Content="RadioButton1" GroupName="Options" Checked="RadioButton_Checked"/>
  3.     <RadioButton Content="RadioButton2" GroupName="Options" Checked="RadioButton_Checked"/>
  4.     <RadioButton Content="RadioButton3" GroupName="Options" Checked="RadioButton_Checked"/>
  5. </StackPanel>
  1. private void RadioButton_Checked(object sender, RoutedEventArgs e)
  2. {
  3. RadioButton radioButton = (RadioButton)sender;
  4. MessageBox.Show(radioButton.Content.ToString());
  5. }

常用属性：

  • Content: RadioButton 显示的内容。
  • GroupName: 组名，确保同一组内的 RadioButton 互斥。
  • IsChecked: 是否选中。
  • IsEnabled: 是否启用。
  • HorizontalAlignment: 水平对齐方式。
  • VerticalAlignment: 垂直对齐方式。

常用事件：

  • Checked: 当 RadioButton 被选中时触发的事件。
  • Unchecked: 当 RadioButton 被取消选中时触发的事件。
数据显示控件
TextBox:输入框
  1. <TextBox  Name="textBox" Width="200" Height="30" 
  2. TextChanged="TextBox_TextChanged" KeyDown="TextBox_KeyDown" 
  3. LostFocus="TextBox_LostFocus"/>

常用属性：

  • Text: 获取或设置 TextBox 中的文本内容。
  • MaxLength: 指定 TextBox 中允许输入的最大字符数。
  • IsReadOnly: 指示 TextBox 是否为只读。
  • AcceptsReturn: 指示 TextBox 是否接受回车键输入（多行文本输入）。
  • AcceptsTab: 指示 TextBox 是否接受 Tab 键输入。
  • HorizontalScrollBarVisibility: 设置水平滚动条的可见性（Disabled, Auto, Hidden, Visible）。
  • VerticalScrollBarVisibility: 设置垂直滚动条的可见性（Disabled, Auto, Hidden, Visible）。
  • TextWrapping: 指示是否自动换行（NoWrap, Wrap, WrapWithOverflow）。
  • PlaceholderText: 获取或设置在 TextBox 中未输入文本时显示的占位符文本（如果使用 WPF 早期版本可能需要自定义）。
  • CaretIndex: 获取或设置插入符号的位置。

常用事件：

  • TextChanged: 当 TextBox 中的文本内容发生变化时触发的事件。
  • KeyDown: 当按键按下时触发的事件。
  • KeyUp: 当按键释放时触发的事件。
  • LostFocus: 当 TextBox 失去焦点时触发的事件。
  • GotFocus: 当 TextBox 获得焦点时触发的事件。

TextChanged 事件处理程序 

  1. private void TextBox_TextChanged(object sender, TextChangedEventArgs e)
  2. {
  3. TextBox textBox = sender as TextBox;
  4.     // 处理文本变化事件的代码
  5. MessageBox.Show("Text changed: " + textBox.Text);
  6. }

KeyDown 事件处理程序

  1. private void TextBox_KeyDown(object sender, KeyEventArgs e)
  2. {
  3.     if (e.Key == Key.Enter)
  4. {
  5.         // 处理回车键按下的事件
  6. MessageBox.Show("Enter key pressed");
  7. }
  8. }

LostFocus 事件处理程序

  1. private void TextBox_LostFocus(object sender, RoutedEventArgs e)
  2. {
  3. TextBox textBox = sender as TextBox;
  4.     // 处理失去焦点事件的代码
  5. MessageBox.Show("TextBox lost focus");
  6. }

RichTextBox:富文本
  1. <RichTextBox Name="richTextBox" Width="300" Height="200" 
  2. TextChanged="RichTextBox_TextChanged" 
  3. SelectionChanged="RichTextBox_SelectionChanged" />

常用属性：

  • Document: 获取或设置 RichTextBox 显示的 FlowDocument。
  • IsReadOnly: 指示 RichTextBox 是否为只读。
  • CaretPosition: 获取或设置插入符号的位置。
  • Selection: 获取当前选定的内容。
  • HorizontalScrollBarVisibility: 设置水平滚动条的可见性（Disabled, Auto, Hidden, Visible）。
  • VerticalScrollBarVisibility: 设置垂直滚动条的可见性（Disabled, Auto, Hidden, Visible）。
  • AcceptsReturn: 指示是否接受回车键输入。
  • AcceptsTab: 指示是否接受 Tab 键输入。

常用事件：

  • TextChanged: 当 RichTextBox 中的文本内容发生变化时触发的事件。
  • SelectionChanged: 当 RichTextBox 中的文本选择发生变化时触发的事件。
  • GotFocus: 当 RichTextBox 获得焦点时触发的事件。
  • LostFocus: 当 RichTextBox 失去焦点时触发的事件.

TextChanged 事件处理程序

  1. private void RichTextBox_TextChanged(object sender, TextChangedEventArgs e)
  2. {
  3. RichTextBox richTextBox = sender as RichTextBox;
  4.     // 处理文本变化事件的代码
  5. MessageBox.Show("Text changed in RichTextBox");
  6. }

SelectionChanged 事件处理程序

  1. private void RichTextBox_SelectionChanged(object sender, RoutedEventArgs e)
  2. {
  3. RichTextBox richTextBox = sender as RichTextBox;
  4.     // 处理选择变化事件的代码
  5. MessageBox.Show("Selection changed in RichTextBox");
  6. }

使用 XAML 设置初始内容 

  1. <RichTextBox Name="richTextBox" Width="300" Height="200" 
  2. TextChanged="RichTextBox_TextChanged" 
  3. SelectionChanged="RichTextBox_SelectionChanged" >
  4.   <RichTextBox.Document>
  5.     <FlowDocument>
  6.       <Paragraph>
  7.         <Run Text="测试" Foreground="Red"></Run>
  8.         <Run Text="开发" Foreground="Blue"></Run>
  9.       </Paragraph>
  10.     </FlowDocument>
  11.   </RichTextBox.Document>
  12. </RichTextBox>

使用C#代码设置初始内容

  1. private void initRichTextBox()
  2. {
  3. Paragraph paragraph = new Paragraph();
  4.     Run run = new Run();
  5.     run.Text = "Hello World";
  6.     run.Foreground = new SolidColorBrush(Colors.Orange);
  7. paragraph.Inlines.Add(run);
  8. FlowDocument flowDocument = new FlowDocument(paragraph);
  9. richTextBox.Document = flowDocument;
  10. }

CheckBox:复选框
  1. <CheckBox Name="checkBox" Content="Check me" IsChecked="False" 
  2. HorizontalAlignment="Center" VerticalAlignment="Center"
  3. Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked"/>

常用属性：

  • Content: CheckBox 显示的内容。
  • IsChecked: 获取或设置 CheckBox 是否选中（可以是 True, False, 或 null 表示未确定状态）。
  • IsThreeState: 指示 CheckBox 是否支持三态（选中、未选中、未确定）。
  • IsEnabled: 指示 CheckBox 是否启用。
  • HorizontalAlignment: 水平对齐方式。
  • VerticalAlignment: 垂直对齐方式。

常用事件：

  • Checked: 当 CheckBox 被选中时触发的事件。
  • Unchecked: 当 CheckBox 被取消选中时触发的事件。
  • Indeterminate: 当 CheckBox 进入未确定状态时触发的事件。

Checked 事件处理程序

  1. private void CheckBox_Checked(object sender, RoutedEventArgs e)
  2. {
  3.     // 处理 CheckBox 选中事件的代码
  4. MessageBox.Show("CheckBox is checked.");
  5. }

Unchecked 事件处理程序

  1. private void CheckBox_Unchecked(object sender, RoutedEventArgs e)
  2. {
  3.     // 处理 CheckBox 取消选中事件的代码
  4. MessageBox.Show("CheckBox is unchecked.");
  5. }

Indeterminate 事件处理程序（如果 IsThreeState 为 true）

  1. private void CheckBox_Indeterminate(object sender, RoutedEventArgs e)
  2. {
  3.     // 处理 CheckBox 未确定状态事件的代码 半选中状态
  4. MessageBox.Show("CheckBox is indeterminate.");
  5. }
ComboBox:下拉框
  1. <ComboBox Name="comboBox" Width="200" Height="30" 
  2. SelectionChanged="ComboBox_SelectionChanged">
  3.     <ComboBoxItem Content="Item 1"/>
  4.     <ComboBoxItem Content="Item 2"/>
  5.     <ComboBoxItem Content="Item 3"/>
  6. </ComboBox>

常用属性：

  • ItemsSource: 获取或设置用于填充 ComboBox 的数据源。
  • SelectedItem: 获取或设置 ComboBox 中当前选定的项。
  • SelectedIndex: 获取或设置 ComboBox 中当前选定项的索引。
  • IsEditable: 指示 ComboBox 是否可编辑。
  • Text: 获取或设置 ComboBox 中当前选定项的文本。
  • DisplayMemberPath: 获取或设置显示项的属性路径。如果是ItemsSource传值，就显示的字段名
  • SelectedValuePath: 获取或设置选定项的值路径。
  • IsDropDownOpen: 获取或设置下拉部分是否已打开。
  • MaxDropDownHeight: 获取或设置下拉部分的最大高度。

常用事件：

  • SelectionChanged: 当 ComboBox 中选定项发生变化时触发的事件。
  • DropDownOpened: 当下拉部分打开时触发的事件。
  • DropDownClosed: 当下拉部分关闭时触发的事件.

SelectionChanged 事件处理程序 

  1. private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
  2. {
  3. MessageBox.Show(comboBox.SelectedIndex+"");
  4. }

数据绑定示例 

  1. ....
  2. List<ComboxItem> itemList = new List<ComboxItem>
  3. {
  4. new ComboxItem { Name = "张三", Id = "1" },
  5. new ComboxItem { Name = "李四", Id = "2" },
  6. new ComboxItem { Name = "王二", Id = "3" }
  7. };
  8. comboBox.ItemsSource = itemList;
  9. .....
  10.  class ComboxItem
  11. {
  12. public string Name { get; set; }
  13. public string Id { get; set; }
  14. }
  1.  <ComboBox Name="comboBox" Width="200" Height="30" 
  2. SelectionChanged="ComboBox_SelectionChanged"
  3. DisplayMemberPath="Name"/>
DataPicker:日期选择器
  1. <DatePicker Name="datePicker" Width="200" 
  2. SelectedDateChanged="DatePicker_SelectedDateChanged" />

常用属性：

  • SelectedDate: 获取或设置 DatePicker 中当前选定的日期。
  • DisplayDate: 获取或设置在日历中显示的日期。
  • FirstDayOfWeek: 获取或设置 DatePicker 中每周的第一天。
  • IsDropDownOpen: 获取或设置下拉部分是否已打开。
  • DisplayDateStart: 获取或设置日历中可选日期范围的开始日期。
  • DisplayDateEnd: 获取或设置日历中可选日期范围的结束日期。
  • IsTodayHighlighted: 获取或设置是否高亮显示今天的日期。
  • SelectedDateFormat: 获取或设置 DatePicker 显示日期的格式（Short 或 Long）。

常用事件：

  • SelectedDateChanged: 当 DatePicker 中选定日期发生变化时触发的事件。
  • CalendarOpened: 当日历部分打开时触发的事件。
  • CalendarClosed: 当日历部分关闭时触发的事件。

SelectedDateChanged 事件处理程序

  1.  private void DatePicker_SelectedDateChanged(object sender, SelectionChangedEventArgs e)
  2. {
  3. MessageBox.Show(datePicker.Text);
  4. }
PasswordBox:密码框
<PasswordBox Name="passwordBox" Width="200" PasswordChanged="PasswordBox_PasswordChanged"/>

常用属性：

  • Password: 获取或设置密码框中的密码字符串。
  • MaxLength: 获取或设置密码框中可以输入的最大字符数。
  • IsEnabled: 指示 PasswordBox 是否启用。
  • IsReadOnly: 指示 PasswordBox 是否为只读（通常不常用在 PasswordBox 上）。
  • HorizontalAlignment: 水平对齐方式。
  • VerticalAlignment: 垂直对齐方式。
  • PasswordChar:密码不可见样式

常用事件：

  • PasswordChanged: 当密码框中的内容发生变化时触发的事件。

PasswordChanged 事件处理程序 

  1. private void PasswordBox_PasswordChanged(object sender, RoutedEventArgs e)
  2. {
  3. MessageBox.Show(passwordBox.Password);
  4. }
Slider:滑块
  1. <Slider Name="slider" Width="200" Height="30" 
  2. Minimum="0" Maximum="100" Value="50" 
  3. TickFrequency="10" IsSnapToTickEnabled="True" 
  4. ValueChanged="Slider_ValueChanged"/>

常用属性：

  • Minimum 和 Maximum：定义了滑块的最小值和最大值，用户只能在这个范围内滑动。
  • Value：滑块当前的值，用户移动滑块时这个值会更新。
  • TickFrequency：设置滑块刻度之间的间隔，例如每隔多少单位显示一个刻度。
  • IsSnapToTickEnabled：如果设置为 True，滑块的值会自动捕捉到最近的刻度。
  • Orientation：可以设置为 Horizontal 或 Vertical，决定滑块是水平还是垂直。
  • IsMoveToPointEnabled：如果设置为 True，用户点击滑块轨道的某个位置时滑块会移动到该位置。
  • TickPlacement：决定刻度线的位置，可以设置为 None、TopLeft、BottomRight 或 Both。
  • LargeChange 和 SmallChange：定义了滑块在按下 Page Up/Page Down 或方向键时的移动步长。

常用事件：

  • ValueChanged: 当 Slider 的值发生变化时触发的事件。

ValueChanged 事件处理程序 

  1. private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
  2. {
  3. MessageBox.Show(slider.Value+"");
  4. }
ProgressBar:进度条
  1. <ProgressBar Name="progressBar" Width="200" Height="30" Minimum="0" 
  2. Maximum="100" Value="50" 
  3. ValueChanged="progressBar_ValueChanged"/>

常用属性：

  • Minimum 和 Maximum：定义了进度条的最小值和最大值，用户只能在这个范围内设置值。
  • Value：进度条当前的值，可以程序matically 更新以显示进度。
  • IsIndeterminate：如果设置为 True，进度条进入不确定模式，表示正在进行无法预估时间的操作。来回流动
  • Orientation：可以设置为 Horizontal 或 Vertical，决定进度条的方向。
  • Foreground：设置进度条的前景色，即表示进度的颜色。
  • ValueChanged：当进度条的值发生变化时触发，可以用于实时更新 UI 或进行其他操作。

常用事件：

  • ValueChanged: 当 ProgressBar 的值发生变化时触发的事件。

ValueChanged 事件处理程序 

  1.  private void progressBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
  2. {
  3. MessageBox.Show(progressBar.Value+"");
  4. }
TextBlock：只读文本控件
<TextBox Width="200" Height="30" Text="Enter text here"/>

常用属性

  • Text: 设置或获取 TextBlock 中显示的文本内容。
  • Foreground: 设置或获取 TextBlock 文本的前景色。
  • Background: 设置或获取 TextBlock 文本的背景色。
  • FontSize: 设置或获取 TextBlock 文本的字体大小。
  • FontFamily: 设置或获取 TextBlock 文本的字体族。
  • FontWeight: 设置或获取 TextBlock 文本的字体粗细（例如，Normal、Bold）。
  • FontStyle: 设置或获取 TextBlock 文本的字体样式（例如，Normal、Italic）。
  • TextWrapping: 设置或获取 TextBlock 文本的换行方式（例如，NoWrap、Wrap、WrapWithOverflow）。
  • TextAlignment: 设置或获取 TextBlock 文本的对齐方式（例如，Left、Center、Right、Justify）。
  • TextDecorations: 设置或获取 TextBlock 文本的装饰（例如，下划线、删除线）。
  • Padding: 设置或获取 TextBlock 的内部间距。

常用事件

TextBlock 本身是一个显示控件，因此它没有输入事件。但是，它继承自 FrameworkElement，因此可以处理一些基本的事件，例如：

  • MouseLeftButtonDown: 处理鼠标左键按下事件。
  • MouseLeftButtonUp: 处理鼠标左键抬起事件。
  • MouseEnter: 处理鼠标进入控件事件。
  • MouseLeave: 处理鼠标离开控件事件。
Lable：标签 显示文本控件
  1. <Label Content="Username:"/>
  2. <TextBox Width="200" Height="30" Margin="0,5"/>
  3. <Label Content="Password:"/>
  4. <PasswordBox Width="200" Height="30" Margin="0,5"/>
  5. <Button Content="Login" Width="100" Height="30" Margin="0,10"/>

常用属性

  • Content: 设置或获取 Label 中显示的文本内容。
  • Target: 设置或获取 Label 关联的目标控件，用于指示 Label 的用途。

Target用法

  1. <Grid Margin="10">
  2.     <Grid.ColumnDefinitions>
  3.         <ColumnDefinition Width="Auto"/>
  4.         <ColumnDefinition Width="*"/>
  5.     </Grid.ColumnDefinitions>
  6.     <Grid.RowDefinitions>
  7.         <RowDefinition Height="Auto"/>
  8.         <RowDefinition Height="Auto"/>
  9.     </Grid.RowDefinitions>
  10.  
  11.     <Label Content="_Username:" Target="{Binding ElementName=usernameTextBox}" 
  12. VerticalAlignment="Center"/>
  13.     <TextBox x:Name="usernameTextBox" Grid.Column="1" Width="200" 
  14. Height="30" Margin="5"/>
  15.  
  16.     <Label Content="_Password:" Target="{Binding ElementName=passwordBox}" 
  17. Grid.Row="1" VerticalAlignment="Center"/>
  18.     <PasswordBox x:Name="passwordBox" Grid.Column="1" Grid.Row="1" Width="200"
  19. Height="30" Margin="5"/>
  20. </Grid>
  • Label 的 Content 属性包含一个下划线字符 (_) ，表示下一个字符是加速键。例如，_Username: 表示 U 是加速键。
  • Target 属性绑定到目标控件的名称（使用 {Binding ElementName=...}），当用户按下 Alt 键并激活加速键时，焦点会自动移动到目标控件。
  • x:Name 属性用于给控件命名，以便在 Binding 表达式中引用它们。
  • 按 Alt+U 会将焦点移动到用户名输入框（TextBox）。
  • 按 Alt+P 会将焦点移动到密码输入框（PasswordBox）。
ListBox：显示可选择项的列表
  1.  <ListBox Width="200" Height="100">
  2.       <ListBoxItem>Item 1</ListBoxItem>
  3.       <ListBoxItem>Item 2</ListBoxItem>
  4.       <ListBoxItem>Item 3</ListBoxItem>
  5. </ListBox>

常用属性

  • ItemsSource: 设置或获取 ListBox 的数据源。
  • SelectedItem: 获取或设置当前选定的项目。
  • SelectedIndex: 获取或设置当前选定项目的索引。
  • SelectionMode: 设置 ListBox 的选择模式。可以是 Single（单选），Multiple（多选），或 Extended（扩展选择）。
  • ItemTemplate: 定义如何显示 ListBox 中的每个项目。

常用事件

  • SelectionChanged: 当选择的项目发生更改时触发。
  1.  <ListBox x:Name="myListBox" Width="200" Height="100" 
  2. SelectionChanged="ListBox_SelectionChanged">
  3.     <ListBoxItem Content="Item 1"/>
  4.     <ListBoxItem Content="Item 2"/>
  5.     <ListBoxItem Content="Item 3"/>
  6. </ListBox>
  1. private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
  2. {
  3. ListBox listBox = sender as ListBox;
  4. ListBoxItem selectedItem = listBox.SelectedItem as ListBoxItem;
  5.     if (selectedItem != null)
  6. {
  7. MessageBox.Show("Selected item: " + selectedItem.Content.ToString());
  8. }
  9. }
  1. <ListBox x:Name="myListBox" Width="200" Height="100" 
  2. SelectionChanged="ListBox_SelectionChanged">
  3.     <ListBox.ItemTemplate>
  4.         <DataTemplate>
  5.             <StackPanel Orientation="Horizontal">
  6.                 <TextBlock Text="{Binding Name}" Width="100"/>
  7.                 <TextBlock Text="{Binding Age}" Width="50"/>
  8.             </StackPanel>
  9.         </DataTemplate>
  10.     </ListBox.ItemTemplate>
  11. </ListBox>
  1. public partial class MainWindow : Window
  2. {
  3. public MainWindow()
  4. {
  5. InitializeComponent();
  6.  
  7. List<Person> people = new List<Person>
  8. {
  9. new Person { Name = "Alice", Age = 30 },
  10. new Person { Name = "Bob", Age = 25 },
  11. new Person { Name = "Charlie", Age = 35 }
  12. };
  13.  
  14. myListBox.ItemsSource = people;
  15. }
  16.  
  17. private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
  18. {
  19. ListBox listBox = sender as ListBox;
  20. Person selectedPerson = listBox.SelectedItem as Person;
  21.         if (selectedPerson != null)
  22. {
  23. MessageBox.Show("Selected person: " + selectedPerson.Name + ", Age: " 
  24.                             + selectedPerson.Age);
  25. }
  26. }
  27. }
  28.  
  29. public class Person
  30. {
  31. public string Name { get; set; }
  32. public int Age { get; set; }
  33. }
  • ItemsSource: 通过绑定数据源（例如，List<Person>）来填充 ListBox。
  • ItemTemplate: 使用 DataTemplate 定义每个项目的显示方式。
  • SelectionChanged 事件: 当用户选择项目时，显示所选项目的信息。
DataGrid：数据表格控件
 <DataGrid x:Name="dataGrid" AutoGenerateColumns="True" Margin="10"/>
  1. ……
  2. List<Person> people = new List<Person>
  3. {
  4. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  5. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  6. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" }
  7. };
  8.  
  9. dataGrid.ItemsSource = people;
  10. ……
  11. public class Person
  12. {
  13. public string Name { get; set; }
  14. public int Age { get; set; }
  15. public string Email { get; set; }
  16. }

常用属性

  • ItemsSource: 设置或获取 DataGrid 的数据源。
  • AutoGenerateColumns: 设置为 True 时，自动生成列；设置为 False 时，需要手动定义列。
  • Columns: 定义 DataGrid 中的列集合。
  • SelectionMode: 设置选择模式，单选或多选。
  • CanUserAddRows: 设置用户是否可以添加新行。
  • CanUserDeleteRows: 设置用户是否可以删除行。
  • CanUserSortColumns: 设置用户是否可以排序列。

常用事件

  • SelectionChanged: 当选择的项目发生更改时触发。
  • CellEditEnding: 当单元格编辑即将结束时触发。
  • RowEditEnding: 当行编辑即将结束时触发。
  • LoadingRow: 当行加载时触发。

自定义列

  1.  <Grid>
  2.     <DataGrid x:Name="dataGrid" AutoGenerateColumns="False" Margin="10" 
  3. SelectionChanged="DataGrid_SelectionChanged">
  4.         <DataGrid.Columns>
  5.             <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="*"/>
  6.             <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="*"/>
  7.             <DataGridTextColumn Header="Email" Binding="{Binding Email}" Width="*"/>
  8.         </DataGrid.Columns>
  9.     </DataGrid>
  10. </Grid>
  1. ……
  2. List<Person> people = new List<Person>
  3. {
  4. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  5. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  6. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" }
  7. };
  8.  
  9. dataGrid.ItemsSource = people;
  10. ……
  11. private void DataGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)
  12. {
  13. DataGrid dataGrid = sender as DataGrid;
  14. Person selectedPerson = dataGrid.SelectedItem as Person;
  15.     if (selectedPerson != null)
  16. {
  17. MessageBox.Show("Selected person: " + selectedPerson.Name);
  18. }
  19. }
  20. ……
  21. public class Person
  22. {
  23. public string Name { get; set; }
  24. public int Age { get; set; }
  25. public string Email { get; set; }
  26. }
  • AutoGenerateColumns: 设置为 False，这样可以自定义列。
  • DataGridTextColumn: 用于显示文本数据的列，Header 属性设置列标题，Binding 属性绑定到数据源中的相应属性。
  • SelectionChanged 事件: 当选择的项目发生更改时，显示所选项目的信息。

编辑功能

  1. <DataGrid x:Name="dataGrid" AutoGenerateColumns="False" Margin="10" 
  2. CanUserAddRows="True" CanUserDeleteRows="True" 
  3. CanUserSortColumns="True">
  4.     <DataGrid.Columns>
  5.         <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="*"/>
  6.         <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="*"/>
  7.         <DataGridTextColumn Header="Email" Binding="{Binding Email}" Width="*"/>
  8.     </DataGrid.Columns>
  9. </DataGrid>
  1. ……
  2. List<Person> people = new List<Person>
  3. {
  4. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  5. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  6. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" }
  7. };
  8.  
  9. dataGrid.ItemsSource = people;
  10. ……
  11. public class Person
  12. {
  13. public string Name { get; set; }
  14. public int Age { get; set; }
  15. public string Email { get; set; }
  16. }
ListView：显示列表数据
  1.  <ListView x:Name="listView" Width="350" Height="250">
  2.     <ListView.View>
  3.         <GridView>
  4.             <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" 
  5. Width="120"/>
  6.             <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" 
  7. Width="50"/>
  8.             <GridViewColumn Header="Email" DisplayMemberBinding="{Binding Email}"
  9. Width="150"/>
  10.         </GridView>
  11.     </ListView.View>
  12. </ListView>
  1. List<Person> people = new List<Person>
  2. {
  3. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  4. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  5. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" 
  6. }
  7. };
  8.  
  9. listView.ItemsSource = people;

常用属性

  • ItemsSource: 设置或获取 ListView 的数据源。
  • View: 定义 ListView 的显示模式，可以是 GridView、TileView 等。
  • SelectedItem: 获取或设置当前选定的项目。
  • SelectedIndex: 获取或设置当前选定项目的索引。
  • SelectionMode: 设置选择模式，单选或多选。

常用事件

  • SelectionChanged: 当选择的项目发生更改时触发。

详细视图 

  1. <ListView x:Name="listView" Width="350" Height="250" SelectionChanged="ListView_SelectionChanged">
  2.     <ListView.View>
  3.         <GridView>
  4.             <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}"
  5. Width="120"/>
  6.             <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" 
  7. Width="50"/>
  8.             <GridViewColumn Header="Email" DisplayMemberBinding="{Binding Email}"
  9. Width="150"/>
  10.         </GridView>
  11.     </ListView.View>
  12. </ListView>
  1. public partial class MainWindow : Window
  2. {
  3. public MainWindow()
  4. {
  5. InitializeComponent();
  6.  
  7. List<Person> people = new List<Person>
  8. {
  9. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  10. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  11. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" }
  12. };
  13.  
  14. listView.ItemsSource = people;
  15. }
  16.  
  17. private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
  18. {
  19. ListView listView = sender as ListView;
  20. Person selectedPerson = listView.SelectedItem as Person;
  21.         if (selectedPerson != null)
  22. {
  23. MessageBox.Show("Selected person: " + selectedPerson.Name);
  24. }
  25. }
  26. }
  27.  
  28. public class Person
  29. {
  30. public string Name { get; set; }
  31. public int Age { get; set; }
  32. public string Email { get; set; }
  33. }

自定义项模板 

  1.  <ListView x:Name="listView" Width="350" Height="250">
  2.     <ListView.ItemTemplate>
  3.         <DataTemplate>
  4.             <StackPanel Orientation="Horizontal">
  5.                 <TextBlock Text="{Binding Name}" Width="120"/>
  6.                 <TextBlock Text="{Binding Age}" Width="50"/>
  7.                 <TextBlock Text="{Binding Email}" Width="150"/>
  8.             </StackPanel>
  9.         </DataTemplate>
  10.     </ListView.ItemTemplate>
  11. </ListView>
  1. public partial class MainWindow : Window
  2. {
  3. public MainWindow()
  4. {
  5. InitializeComponent();
  6.  
  7. List<Person> people = new List<Person>
  8. {
  9. new Person { Name = "Alice", Age = 30, Email = "alice@example.com" },
  10. new Person { Name = "Bob", Age = 25, Email = "bob@example.com" },
  11. new Person { Name = "Charlie", Age = 35, Email = "charlie@example.com" }
  12. };
  13.  
  14. listView.ItemsSource = people;
  15. }
  16. }
  17.  
  18. public class Person
  19. {
  20. public string Name { get; set; }
  21. public int Age { get; set; }
  22. public string Email { get; set; }
  23. }
  • View: 使用 GridView 来定义详细视图，每个 GridViewColumn 定义一列。
  • ItemTemplate: 使用 DataTemplate 定义自定义的项布局。
  • SelectionChanged 事件: 当用户选择项目时，显示所选项目的信息。
Image：图片
  1. <Image x:Name="myImage" Source="example.jpg" Width="200" Height="150"
  2. ImageFailed="Image_ImageFailed" ImageOpened="Image_ImageOpened"/>

常用属性

  • Source: 设置或获取图像的源路径，可以是相对路径或绝对路径。
  • Stretch: 指定如何拉伸图像以适应控件的大小。常用值包括 None、Fill、Uniform、UniformToFill。
  • StretchDirection: 指定图像可以拉伸的方向。值可以是 UpOnly、DownOnly 或 Both。
  • Width: 设置图像的宽度。
  • Height: 设置图像的高度。
  1. private void Image_ImageFailed(object sender, ExceptionRoutedEventArgs e)
  2. {
  3. MessageBox.Show("Image loading failed: " + e.ErrorException.Message);
  4. }
  5.  
  6. private void Image_ImageOpened(object sender, RoutedEventArgs e)
  7. {
  8. MessageBox.Show("Image successfully loaded.");
  9. }
  • Source: 通过 BitmapImage 设置图片源，可以指定图片的路径。
  • Stretch: 设置图像的拉伸模式，使其在控件中适当显示。
  • ImageFailed 事件: 当图像加载失败时，显示错误消息。
  • ImageOpened 事件: 当图像成功加载时，显示成功消息。
ToggleButton：切换状态按钮控件
  1.  <ToggleButton x:Name="toggleButton" Content="Toggle Me" Width="100" Height="50" 
  2. IsThreeState="True" Checked="ToggleButton_Checked" 
  3. Unchecked="ToggleButton_Unchecked" 
  4. Indeterminate="ToggleButton_Indeterminate"/>
  1. private void ToggleButton_Checked(object sender, RoutedEventArgs e)
  2. {
  3. MessageBox.Show("ToggleButton is Checked");
  4. }
  5.  
  6. private void ToggleButton_Unchecked(object sender, RoutedEventArgs e)
  7. {
  8. MessageBox.Show("ToggleButton is Unchecked");
  9. }
  10.  
  11. private void ToggleButton_Indeterminate(object sender, RoutedEventArgs e)
  12. {
  13. MessageBox.Show("ToggleButton is Indeterminate");
  14. }
  • IsChecked: 使用该属性来确定 ToggleButton 的当前状态。
  • IsThreeState: 设置为 True 时，ToggleButton 支持三态（选中、未选中、不确定）。
  • Checked、Unchecked、Indeterminate 事件: 处理 ToggleButton 在不同状态下的事件。

常用属性

  • IsChecked: 获取或设置 ToggleButton 的状态，true 表示选中，false 表示未选中，null 表示不确定状态。
  • Content: 设置或获取 ToggleButton 的内容，可以是文本、图像或其他控件。
  • IsThreeState: 设置或获取 ToggleButton 是否支持三态（true 表示支持三态，false 表示只支持两态）。

常用事件

  • Checked: 当 ToggleButton 被选中时触发。
  • Unchecked: 当 ToggleButton 被取消选中时触发。
  • Indeterminate: 当 ToggleButton 处于不确定状态时触发。
菜单导航控件
MenuItem:菜单
  1. <Menu>
  2.     <MenuItem Header="_File">
  3.         <MenuItem Header="_New" Click="NewMenuItem_Click"/>
  4.         <MenuItem Header="_Open" Click="OpenMenuItem_Click"/>
  5.         <MenuItem Header="_Save" Click="SaveMenuItem_Click"/>
  6.         <Separator/>
  7.         <MenuItem Header="_Exit" Click="ExitMenuItem_Click"/>
  8.     </MenuItem>
  9.     <MenuItem Header="_Edit">
  10.         <MenuItem Header="_Cut" Click="CutMenuItem_Click"/>
  11.         <MenuItem Header="_Copy" Click="CopyMenuItem_Click"/>
  12.         <MenuItem Header="_Paste" Click="PasteMenuItem_Click"/>
  13.     </MenuItem>
  14. </Menu>

常用属性：

  • Header: 获取或设置显示在 MenuItem 上的文本。第一个加入下划线"_"，表示alt + 快捷方式打开
  • Icon: 获取或设置显示在 MenuItem 左侧的图标。
  • IsCheckable: 获取或设置 MenuItem 是否可以被选中或取消选中。
  • IsChecked: 获取或设置 MenuItem 是否被选中。
  • InputGestureText: 获取或设置显示在 MenuItem 右侧的快捷键文本。仅显示提示作用
  • Items: 获取此 MenuItem 的子菜单项集合。
  • StaysOpenOnClick: 指示点击 MenuItem 后是否保持菜单打开。
  • Separator:在菜单中增加一个隔行线

常用事件：

  • Click: 当 MenuItem 被点击时触发的事件。
  • Checked: 当 MenuItem 被选中时触发的事件（仅当 IsCheckable 为 True 时适用）。
  • Unchecked: 当 MenuItem 被取消选中时触发的事件（仅当 IsCheckable 为 True 时适用）。

事件处理程序 

  1. private void NewMenuItem_Click(object sender, RoutedEventArgs e)
  2. {
  3. MessageBox.Show("New");
  4. }
  5.  
  6. private void OpenMenuItem_Click(object sender, RoutedEventArgs e)
  7. {
  8. MessageBox.Show("Open");
  9. }
  10.  
  11. private void SaveMenuItem_Click(object sender, RoutedEventArgs e)
  12. {
  13. MessageBox.Show("New");
  14. }
  15.  
  16. private void ExitMenuItem_Click(object sender, RoutedEventArgs e)
  17. {
  18. MessageBox.Show("Exit");
  19. }
  20.  
  21. private void CutMenuItem_Click(object sender, RoutedEventArgs e)
  22. {
  23. MessageBox.Show("Cut");
  24. }
  25.  
  26. private void CopyMenuItem_Click(object sender, RoutedEventArgs e)
  27. {
  28. MessageBox.Show("Copy");
  29. }
  30.  
  31. private void PasteMenuItem_Click(object sender, RoutedEventArgs e)
  32. {
  33. MessageBox.Show("Paste");
  34. }
ContextMenu:上下文菜单
  1. <TextBox x:Name="textBox" Width="200" Height="30" VerticalAlignment="Top" HorizontalAlignment="Center">
  2.     <TextBox.ContextMenu>
  3.         <ContextMenu Opened="ContextMenu_Opened">
  4.             <MenuItem Header="Cut" Click="CutMenuItem_Click"/>
  5.             <MenuItem Header="Copy" Click="CopyMenuItem_Click"/>
  6.             <MenuItem Header="Paste" Click="PasteMenuItem_Click"/>
  7.         </ContextMenu>
  8.     </TextBox.ContextMenu>
  9. </TextBox>
  10.  
  11. <Button x:Name="button" Content="按钮" Width="200" Height="30" 
  12. VerticalAlignment="Top" HorizontalAlignment="Center">
  13.     <Button.ContextMenu>
  14.         <ContextMenu Closed="ContextMenu_Closed">
  15.             <MenuItem Header="Cut" Click="CutMenuItem_Click"/>
  16.             <MenuItem Header="Copy" Click="CopyMenuItem_Click"/>
  17.             <MenuItem Header="Paste" Click="PasteMenuItem_Click"/>
  18.         </ContextMenu>
  19.     </Button.ContextMenu>
  20. </Button>

事件处理程序 

  1. private void CutMenuItem_Click(object sender, RoutedEventArgs e)
  2. {
  3. MessageBox.Show("Cut");
  4. }
  5.  
  6. private void CopyMenuItem_Click(object sender, RoutedEventArgs e)
  7. {
  8. MessageBox.Show("Copy");
  9. }
  10.  
  11. private void PasteMenuItem_Click(object sender, RoutedEventArgs e)
  12. {
  13. MessageBox.Show("Paste");
  14. }
  15. private void ContextMenu_Opened(object sender, RoutedEventArgs e)
  16. {
  17. MessageBox.Show("Open");
  18. }
  19.  
  20. private void ContextMenu_Closed(object sender, RoutedEventArgs e)
  21. {
  22. MessageBox.Show("Close");
  23. }

常用属性

  • Items: 获取此 ContextMenu 的子菜单项集合。
  • IsOpen: 获取或设置 ContextMenu 是否可见。
  • PlacementTarget: 获取或设置 ContextMenu 的放置目标对象。
  • Placement: 获取或设置 ContextMenu 的放置位置。
  • HorizontalOffset: 获取或设置 ContextMenu 相对于 PlacementTarget 水平方向的偏移量。
  • VerticalOffset: 获取或设置 ContextMenu 相对于 PlacementTarget 垂直方向的偏移量.

常用事件

  • Opened 和 Closed 事件处理程序在 ContextMenu 打开和关闭时显示消息框。
ToolBar:创建工具栏
  1. <DockPanel>
  2.     <!-- ToolBarTray 用于容纳多个 ToolBar -->
  3.     <ToolBarTray DockPanel.Dock="Top">
  4.         <!-- 定义一个 ToolBar -->
  5.         <ToolBar>
  6.             <Button Content="New" Click="NewButton_Click">
  7.                 <Button.ToolTip>
  8.                     <ToolTip Content="Create a new file"/>
  9.                 </Button.ToolTip>
  10.             </Button>
  11.             <Button Content="Open" Click="OpenButton_Click">
  12.                 <Button.ToolTip>
  13.                     <ToolTip Content="Open an existing file"/>
  14.                 </Button.ToolTip>
  15.             </Button>
  16.             <Button Content="Save" Click="SaveButton_Click">
  17.                 <Button.ToolTip>
  18.                     <ToolTip Content="Save the current file"/>
  19.                 </Button.ToolTip>
  20.             </Button>
  21.             <Separator/>
  22.             <ToggleButton Content="Bold" Click="BoldButton_Click">
  23.                 <ToggleButton.ToolTip>
  24.                     <ToolTip Content="Toggle bold text"/>
  25.                 </ToggleButton.ToolTip>
  26.             </ToggleButton>
  27.             <Separator/>
  28.             <ComboBox Width="100" SelectionChanged="FontComboBox_SelectionChanged">
  29.                 <ComboBoxItem Content="Arial"/>
  30.                 <ComboBoxItem Content="Calibri"/>
  31.                 <ComboBoxItem Content="Times New Roman"/>
  32.             </ComboBox>
  33.         </ToolBar>
  34.     </ToolBarTray>
  35.  
  36.     <!-- 主内容区域 -->
  37.     <TextBox Name="textBox" Margin="10" VerticalScrollBarVisibility="Auto"
  38. AcceptsReturn="True"/>
  39. </DockPanel>

常用属性

  • Band: 获取或设置工具栏所在的带的索引（仅用于 ToolBarTray）。
  • BandIndex: 获取或设置工具栏在带中的位置索引。
  • Orientation: 获取或设置工具栏的布局方向（水平或垂直）。
  • ToolBarOverflowPanel: 获取溢出面板，用于在工具栏空间不足时存放多余的控件。
  • 使用 Band 和 BandIndex 属性来控制 ToolBar 在 ToolBarTray 中的位置。

常用事件

  • Loaded 和 Unloaded 事件处理程序在 ToolBar 加载和卸载时显示消息框。
  1. private void NewButton_Click(object sender, RoutedEventArgs e)
  2. {
  3. textBox.Clear();
  4. }
  5.  
  6. private void OpenButton_Click(object sender, RoutedEventArgs e)
  7. {
  8. MessageBox.Show("Open");
  9. }
  10.  
  11. private void SaveButton_Click(object sender, RoutedEventArgs e)
  12. {
  13. MessageBox.Show("Save");
  14. }
  15.  
  16. private void BoldButton_Click(object sender, RoutedEventArgs e)
  17. {
  18. textBox.FontWeight = FontWeights.Bold;
  19. }
  20.  
  21. private void FontComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
  22. {
  23. ComboBox? comboBox = sender as ComboBox;
  24.     this.textBox.Text += $"\r\n{comboBox.SelectedItem}";
  25. }
TreeView:树状视图
  1. <TreeView x:Name="treeView" SelectedItemChanged="treeView_SelectedItemChanged">
  2.     <TreeViewItem Header="Root">
  3.         <TreeViewItem Header="C-01">
  4.             <TreeViewItem Header="C-01-01" />
  5.             <TreeViewItem Header="C-01-02" />
  6.         </TreeViewItem>
  7.         <TreeViewItem Header="C-02" />
  8.         <TreeViewItem Header="C-03" />
  9.     </TreeViewItem>
  10. </TreeView>

常用属性

  • Items: 获取此 TreeViewItem 的子节点集合。
  • IsExpanded: 获取或设置是否展开该 TreeViewItem。
  • Header: 获取或设置显示在 TreeViewItem 上的文本或内容。
  • IsSelected: 获取或设置是否选择该 TreeViewItem。
  • Tag: 获取或设置与该 TreeViewItem 关联的对象。

常用事件

  • SelectedItemChanged 事件处理程序在选择的项发生变化时显示消息框，显示当前选择的节点的标题。
  • Collapsed: 当 TreeViewItem 折叠时触发的事件。
  • Expanded: 当 TreeViewItem 展开时触发的事件。

SelectedItemChanged 事件处理程序 

  1. private void treeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
  2. {
  3.     MessageBox.Show(((TreeViewItem)treeView.SelectedItem).Header as string);
  4. }
TabControl:选项卡
  1. <TabControl x:Name="tabControl" SelectionChanged="TabControl_SelectionChanged">
  2.     <TabItem Header="Tab01">
  3.         <TextBlock Text="01"/>
  4.     </TabItem>
  5.     <TabItem Header="Tab02">
  6.         <TextBlock Text="02"/>
  7.     </TabItem>
  8. </TabControl>
  9. <TextBlock x:Name="tb" Height="30" Width="100" />

常用属性

  • Items: 获取此 TabControl 的选项卡集合。
  • SelectedIndex: 获取或设置当前选中的选项卡的索引。
  • SelectedItem: 获取或设置当前选中的选项卡。
  • TabStripPlacement: 获取或设置选项卡的位置（顶部、底部、左侧或右侧）。
  • TabStripPlacement: 获取或设置选项卡标题的对齐方式。

常用事件

  • SelectionChanged 事件处理程序在选择的选项卡发生变化时显示消息框，显示当前选择的选项卡的标题。
  • PreviewMouseDown: 当用户点击选项卡标题时触发的事件。
  • PreviewMouseMove: 当用户移动鼠标到选项卡标题上时触发的事件。

SelectionChanged事件处理程序

  1. private void TabControl_SelectionChanged(object sender, SelectionChangedEventArgs e)
  2. {
  3. TabItem tabItem = (tabControl.SelectedItem) as TabItem;
  4. tb.Text = tabItem.Header.ToString();
  5. }
Expander:折叠控件
  1. <Expander Header="Details" IsExpanded="True" Expanded="Expander_Expanded" 
  2. Collapsed="Expander_Collapsed">
  3.     <TextBlock Text="Expander" />
  4. </Expander>

常用属性

  • Header: 获取或设置 Expander 控件的标题。
  • IsExpanded: 获取或设置一个值，指示 Expander 控件当前是否处于展开状态。
  • Content: 获取或设置 Expander 控件的内容。

常用事件

  • Expanded 事件处理程序在 Expander 控件展开时显示消息框。
  • Collapsed 事件处理程序在 Expander 控件折叠时显示消息框。
  1.  
  2. private void Expander_Expanded(object sender, RoutedEventArgs e)
  3. {
  4. MessageBox.Show("展开");
  5. }
  6.  
  7. private void Expander_Collapsed(object sender, RoutedEventArgs e)
  8. {
  9. MessageBox.Show("关闭");
  10. }
信息提示控件
Popup:弹出式窗口
  1. <Button Content="按钮" Name="btn" Click="Button_Click_2"/>
  2. <Popup x:Name="popup" PlacementTarget="{Binding ElementName=btn}" Placement="Bottom">
  3.     <TextBlock Text="textBlock" Background="AliceBlue" />
  4. </Popup>

常用属性

  • IsOpen: 获取或设置一个值，指示 Popup 是否处于打开状态。
  • Placement: 获取或设置 Popup 的位置相对于其放置目标的方式，可以是相对于左上角、右上角、底部等。
  • PlacementTarget: 获取或设置 Popup 的放置目标，即触发 Popup 显示的控件。
  • Child: 获取或设置 Popup 内容的根元素。

常用事件

  • Opened: 当 Popup 打

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/490966.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

系列1:基于Centos-8.6部署Kubernetes (1.24-1.30)

系列1:基于Centos-8.6部署Kubernetes (1.24-1.30)

每日禅语 “木末芙蓉花&#xff0c;山中发红萼&#xff0c;涧户寂无人&#xff0c;纷纷开自落。​”这是王维的一首诗&#xff0c;名叫《辛夷坞》​。这首诗写的是在辛夷坞这个幽深的山谷里&#xff0c;辛夷花自开自落&#xff0c;平淡得很&#xff0c;既没有生的喜悦&#xff…
阅读更多...
ESP8266 Ubuntu 安装

ESP8266 Ubuntu 安装

文章参考&#xff1a;https://blog.csdn.net/AUST_129/article/details/119406722文章浏览阅读1.8k次&#xff0c;点赞4次&#xff0c;收藏19次。参考&#xff1a;https://docs.espressif.com/projects/esp8266-rtos-sdk/en/latest/get-started/linux-setup.htmlhttp://aicloud…
阅读更多...
软件压力测试和负载测试有什么联系与区别?

软件压力测试和负载测试有什么联系与区别?

在当今数字化时代&#xff0c;软件质量的重要性愈发凸显。在各种软件测试中&#xff0c;压力测试和负载测试都属于性能测试中的一种测试方法&#xff0c;那么这两者分别是什么?又有什么联系和区别呢? 一、压力测试和负载测试的定义 　　压力测试通常是指在特定的环境中&…
阅读更多...
C# 异常处理 详解

C# 异常处理 详解

总目录 前言 一、异常 1、定义 异常是在程序执行期间出现的问题。 C# 中的异常是对程序运行时出现的特殊情况的一种响应&#xff0c;比如尝试除以零。 异常&#xff1a;程序员必须控制和解决的问题。程序可以正常的运行&#xff0c;但是在运行的过程中出现了问题&#xff0c;…
阅读更多...
类OCSP靶场-Kioptrix系列-Kioptrix Level 2

类OCSP靶场-Kioptrix系列-Kioptrix Level 2

一、前情提要 二、实战打靶 1. 信息收集 1.1. 主机发现 1.2. 端口扫描 1.3.目录遍历 2.漏洞发现 2.1. 登录框测试 2.2. 发现命令执行 2.3 构造命令执行利用payload 3.提权 3.1. 搜索提权exp 3.2. 查看exp信息 3.3. Privilege Escalation的exp利用 exp_9542 一、前…
阅读更多...
μC/OS-Ⅱ源码学习(6)---事件标志组

μC/OS-Ⅱ源码学习(6)---事件标志组

快速回顾 μC/OS-Ⅱ中的多任务 μC/OS-Ⅱ源码学习(1)---多任务系统的实现 μC/OS-Ⅱ源码学习(2)---多任务系统的实现(下) μC/OS-Ⅱ源码学习(3)---事件模型 μC/OS-Ⅱ源码学习(4)---信号量 μC/OS-Ⅱ源码学习(5)---消息队列 本文进一步解析事件模型中&#xff0c;事件标志…
阅读更多...
学习maven（maven 项目模块化，继承，聚合)

学习maven（maven 项目模块化，继承，聚合)

前言 本篇博客的核心&#xff1a;理解maven 项目模块化&#xff0c;继承&#xff0c;聚合 的含义 maven 项目模块化 含义 maven项目模块化&#xff1a;使用maven 构建项目&#xff0c;管理项目的方式&#xff0c;我们可以将maven项目根据内在的关系拆分成很多个小项目【模块】…
阅读更多...
电工电子技术实验：电压比较器及其应用电路

电工电子技术实验：电压比较器及其应用电路

实验目的 1&#xff0e;了解电压比较器与运算放大器的性能区别&#xff1b; 2&#xff0e;掌握电压比较器的结构及特点&#xff1b; 3&#xff0e;掌握电压比较器电压传输特性的测试方法&#xff1b; 4&#xff0e;学习比较器在电路设计中的应用 实验原理 电压比较器是一…
阅读更多...
3D相框案例讲解（详细）

3D相框案例讲解（详细）

前言 通过现阶段的学习&#xff0c;我们已经掌握了HTML&#xff0c;CSS和JS部分的相关知识点&#xff0c;现在让我们通过一篇案例&#xff0c;来巩固我们近期所学的知识点。 详细视频讲解戳这里 任务一 了解目标案例样式 1.1了解案例 3D相框 1.2 分析案例 首先我们看到一个…
阅读更多...
C/C++代码性能优化技巧的书籍及资料

C/C++代码性能优化技巧的书籍及资料

使用C/C开发的场景&#xff0c;大多对代码的执行的速度&#xff0c;实时性有较高的要求&#xff0c;像嵌入式系统的开发&#xff0c;资源还受限。在算力存储空间有限的MCU上写出简洁又高效的代码实际是一种艺术。软件工程师在代码设计上的这种差距&#xff0c;会反映在产品的性…
阅读更多...
JAVA：建造者模式（Builder Pattern）的技术指南

JAVA：建造者模式（Builder Pattern）的技术指南

1、简述 建造者模式（Builder Pattern）是一种创建型设计模式，它通过将对象的构造过程与表示分离，使得相同的构造过程可以创建不同的表示。建造者模式尤其适用于创建复杂对象的场景。 设计模式样例：https://gitee.com/lhdxhl/design-pattern-example.git 本文将详细介绍建…
阅读更多...
软件集成测试内容和作用简析

软件集成测试内容和作用简析

在现代软件开发过程中&#xff0c;软件集成测试作为关键的一环&#xff0c;日益受到重视。特别是随着信息技术的快速发展&#xff0c;各类软件系统日益庞大复杂&#xff0c;如何确保系统不同模块的顺畅合作&#xff0c;成为了每个项目成功的重要基础。集成测试是指在软件开发过…
阅读更多...
Windows 环境实战开源项目GFPGAN 教程

Windows 环境实战开源项目GFPGAN 教程

GFPGAN GFPGAN&#xff08;Generative Facial Prior-GAN&#xff09;是由腾讯ARC&#xff08;Applied Research Center&#xff09;开发的一种实用的真实世界人脸修复算法。它专门设计用于人脸图像的生成和优化&#xff0c;尤其在低质量人脸图像的超分辨率恢复方面表现出色。以…
阅读更多...
ctfshow xss

ctfshow xss

1.web316 看的wp 先在服务器上写一个php文件 <?php$cookie $_GET[cookie];$time date(Y-m-d h:i:s, time());$log fopen("cookie.txt", "a");fwrite($log,$time.: . $cookie . "\n");fclose($log); ?> 获取cookie的值&#xff…
阅读更多...
25. 深浅拷贝

25. 深浅拷贝

一、什么是浅拷贝 只对对象的最顶层进行的拷贝称为 浅拷贝。我们可以用 copy 模块中的 copy() 方法实现浅拷贝。 import copya [11, 22, 33] b [44, 55, 66] c [a, b] d copy.copy(c)print(f"c: {c}") print(f"d: {d}") print(f"c d: {c d}&q…
阅读更多...
MySQL追梦旅途之性能优化

MySQL追梦旅途之性能优化

1、索引优化 索引可以显著加速查询操作&#xff0c;但过多或不适当的索引也会带来负面影响&#xff08;如增加写入开销&#xff09;。因此&#xff0c;选择合适的索引至关重要。 创建索引&#xff1a; 为经常用于WHERE子句、JOIN条件和ORDER BY排序的列创建索引。 CREATE I…
阅读更多...
Liveweb视频汇聚平台支持WebRTC协议赋能H.265视频流畅传输

Liveweb视频汇聚平台支持WebRTC协议赋能H.265视频流畅传输

随着科技的飞速发展和网络技术的不断革新&#xff0c;视频监控已经广泛应用于社会各个领域&#xff0c;成为现代安全管理的重要组成部分。在视频监控领域&#xff0c;视频编码技术的选择尤为重要&#xff0c;它不仅关系到视频的质量&#xff0c;还直接影响到视频的传输效率和兼…
阅读更多...
【超详细实战攻略】Jmeter逻辑控制器中if控制器、模块控制器、测试片段的使用方法

【超详细实战攻略】Jmeter逻辑控制器中if控制器、模块控制器、测试片段的使用方法

【超详细实战攻略】Jmeter逻辑控制器中if控制器、模块控制器、测试片段的使用方法 1 搭建测试对象1.1 禅道下载1.2 禅道安装1.3 运行禅道1.4 接口查看1.5 接口选择 2 Jmeter前置操作2.1 创建Jmeter线程组2.2 创建信息头管理器和请求默认值2.3 添加获取token接口2.4 添加监听器 …
阅读更多...
我在广州学 Mysql 系列之 数据类型和运算符详解

我在广州学 Mysql 系列之 数据类型和运算符详解

ℹ️大家好&#xff0c;我是&#x1f606;练小杰&#xff0c;今天主要学习 Mysql的数据类型以及运算符操作~~ 上周五学习了“Mysql 系列之 数据“表”的基本操作”~ 想要了解更多&#x1f236;️MYSQL 数据库的命令行总结&#xff01;&#xff01;&#xff01; “我是你的敌人,…
阅读更多...
如何高效获取Twitter数据：Apify平台上的推特数据采集解决方案

如何高效获取Twitter数据：Apify平台上的推特数据采集解决方案

引言 在数据分析和市场研究领域&#xff0c;Twitter&#xff08;现在的X&#xff09;数据一直是重要的信息来源。但是&#xff0c;自从Twitter更改API定价策略后&#xff0c;获取数据的成本大幅提升。本文将介绍一个经济实惠的替代方案。 为什么需要Twitter数据&#xff1f; …
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023