首页
学习
活动
专区
圈层
工具
发布
50 篇文章
1
【愚公系列】2023年09月 WPF控件专题 XAML介绍
2
【愚公系列】2023年09月 WPF控件专题 WPF应用程序组成
3
【愚公系列】2023年09月 WPF控件专题 Window窗体属性和事件
4
【愚公系列】2023年09月 WPF控件专题 Label、TextBox、PasswordBox控件介绍
5
【愚公系列】2023年09月 WPF控件专题 Button控件详解
6
【愚公系列】2023年09月 WPF控件专题 RadioButton控件详解
7
【愚公系列】2023年09月 WPF控件专题 CheckBox控件详解
8
【愚公系列】2023年09月 WPF控件专题 Image控件详解
9
【愚公系列】2023年09月 WPF控件专题 Border控件详解
10
【愚公系列】2023年09月 WPF控件专题 ComboBox控件详解
11
【愚公系列】2023年09月 WPF控件专题 ListBox控件详解
12
【愚公系列】2023年09月 WPF控件专题 DatePicker控件详解
13
【愚公系列】2023年09月 WPF控件专题 Calendar控件详解
14
【愚公系列】2023年09月 WPF控件专题 Slider控件详解
15
【愚公系列】2023年09月 WPF控件专题 ProgressBar控件详解
16
【愚公系列】2023年10月 WPF控件专题 StackPanel控件详解
17
【愚公系列】2023年10月 WPF控件专题 WrapPanel控件详解
18
【愚公系列】2023年10月 WPF控件专题 DockPanel控件详解
19
【愚公系列】2023年10月 WPF控件专题 Canvas控件详解
20
【愚公系列】2023年10月 WPF控件专题 Grid控件详解
21
【愚公系列】2023年10月 WPF控件专题 Groupbox控件详解
22
【愚公系列】2023年10月 WPF控件专题 Expander控件详解
23
【愚公系列】2023年10月 WPF控件专题 TabControl控件详解
24
【愚公系列】2023年10月 WPF控件专题 Frame控件详解
25
【愚公系列】2023年10月 WPF控件专题 ListView控件详解
26
【愚公系列】2023年10月 WPF控件专题 DataGrid控件详解
27
【愚公系列】2023年10月 WPF控件专题 Menu控件详解
28
【愚公系列】2023年10月 WPF控件专题 ContextMenu控件详解
29
【愚公系列】2023年10月 WPF控件专题 TreeView控件详解
30
【愚公系列】2023年10月 WPF控件专题 ToolBar控件详解
31
【愚公系列】2023年10月 WPF控件专题 ToolBarTray控件详解
32
【愚公系列】2023年10月 WPF控件专题 StatusBar控件详解
33
【愚公系列】2023年11月 WPF控件专题 MediaElement控件详解
34
【愚公系列】2023年11月 WPF控件专题 RichTextBox控件详解
35
【愚公系列】2023年11月 WPF控件专题 GridView控件详解
36
【愚公系列】2023年11月 WPF控件专题 Rectangle控件详解
37
【愚公系列】2023年11月 WPF控件专题 Popup控件详解
38
【愚公系列】2023年11月 WPF控件专题 OpenFileDialog控件详解
39
【愚公系列】2023年11月 WPF控件专题 SaveFileDialog控件详解
40
【愚公系列】2023年11月 WPF控件专题 RepeatButton控件详解
41
【愚公系列】2023年11月 WPF控件专题 Ellipse控件详解
42
【愚公系列】2023年11月 WPF控件专题 Polygon控件详解
43
【愚公系列】2023年11月 WPF控件专题 Path控件详解
44
【愚公系列】2023年11月 WPF控件专题 WindowFormsHost控件详解
45
【愚公系列】2023年11月 WPF控件专题 WebBrowser控件详解
46
【愚公系列】2023年11月 WPF控件专题 Validation控件详解
47
【愚公系列】2023年11月 WPF控件专题 Page控件详解
48
【愚公系列】2023年11月 WPF控件专题 PrintDialog控件详解
49
【愚公系列】2023年11月 WPF控件专题 Track控件详解
50
【愚公系列】2023年11月 WPF控件专题 Polyline控件详解

【愚公系列】2023年10月 WPF控件专题 Expander控件详解

🏆 作者简介,愚公搬代码 🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,阿里云专家博主,腾讯云优秀博主,掘金优秀博主,51CTO博客专家等。 🏆《近期荣誉》:2022年CSDN博客之星TOP2,2022年华为云十佳博主等。

🏆《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。

🏆🎉欢迎 👍点赞✍评论⭐收藏

🚀前言

WPF控件是Windows Presentation Foundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。WPF控件可以分为两类:原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件,如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项,以及更好的用户体验。

🚀一、Expander控件详解

WPF中的Expander控件是一个可折叠的控件,可以用来显示或隐藏其子控件。当用户单击Expander控件的标题时,其子控件将会打开或关闭。

Expander控件的属性和事件如下:

属性:

  • Header:Expander控件的标题
  • IsExpanded:控制子控件的打开或关闭状态

事件:

  • Expanded:当子控件打开时发生
  • Collapsed:当子控件关闭时发生

下面是一个Expander控件的示例代码:

代码语言:html
复制
<Expander Header="Navigation Menu" IsExpanded="True">
    <StackPanel>
        <Button Content="Home" />
        <Button Content="About" />
        <Button Content="Services" />
        <Button Content="Contact" />
    </StackPanel>
</Expander>

在上面的代码中,我们创建了一个Expander控件,并将其子控件放在StackPanel中。当用户单击控件的标题时,子控件将会打开或关闭,并显示或隐藏StackPanel中的所有按钮。

🔎1.属性介绍

WPF中Expander控件是一个可展开的区域,通常用于显示或隐藏可选内容。它有多个属性,下面是其中一些常用的属性:

  1. Header:Expander的标题,通常是一个字符串或其他控件。
  2. IsExpanded:指示Expander是否展开的布尔值属性。
  3. ExpandDirection:指定Expander的展开方向,可以是Up、Down、Left或Right。
  4. Content:要显示或隐藏的内容,可以是一个控件或多个控件。
  5. HeaderTemplate:一个数据模板,用于显示Expander的标题。
  6. Template:一个控件模板,用于自定义Expander的外观和行为。
  7. Collapsed:当Expander折叠时发生的事件。
  8. Expanded:当Expander展开时发生的事件。

以上是一些常用的属性,还有其他的属性可以参考MSDN文档。

🔎2.常用场景

Expander控件是WPF中常用的控件之一,它可以将一组相关的控件或内容折叠起来,使用户可以灵活地控制显示和隐藏。下面是Expander控件常用的场景:

  1. 展开和收起详细信息:当在界面上需要显示大量的信息时,可以使用Expander控件来分组和隐藏详细信息,以便用户能够更好地浏览并选择需要的信息。
  2. 显示和隐藏子菜单:Expander控件可以用来隐藏和显示具有子菜单的菜单项。当用户单击菜单项时,可以展开子菜单,然后再次点击相同的菜单项可以将其收起。
  3. 切换多个选项卡内容:在TabControl控件中,可以使用Expander控件来切换多个选项卡的内容。例如,展开一个选项卡的Expander控件时,可以关闭其他选项卡的Expander控件,以便有更多的空间去显示当前选项卡的内容。
  4. 窗口内的面板控制:Expander控件可以用来控制窗口中的面板。例如,可以设置一个Expander控件来切换窗口左侧的面板。当Expander控件折叠时,面板将关闭;折叠后,面板将呈现。

Expander控件是一个很有用的WPF控件,适合用于需要分组和隐藏控件的场景中。

🔎3.具体案例

代码语言:javascript
复制
<Window x:Class="WpfAppTest.ExpanderWindow"
        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="ExpanderWindow" Height="450" Width="800">
        <Grid>
                <Expander Header="用户权限" HorizontalAlignment="Left" Height="auto" Margin="146,121,0,0" VerticalAlignment="Top" Width="200" Padding="10" ExpandDirection="Down" BorderThickness="2" BorderBrush="Green" IsExpanded="False">
                        <StackPanel Background="#FFE5E5E5">
                                <CheckBox Content="管理员"/>
                                <CheckBox Content="系统管理员"/>
                                <CheckBox Content="业务员"/>
                        </StackPanel>
                </Expander>


        </Grid>
</Window>

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

下一篇
举报
领券