WPF Expander控件使用

最新推荐文章于 2024-04-08 19:55:01 发布
最新推荐文章于 2024-04-08 19:55:01 发布
阅读量1.4k 收藏 8
点赞数 3
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43024228/article/details/112506731
版权

WPF Expander控件使用

xaml代码：

<Window x:Class="WpfApp5.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:WpfApp5"
        mc:Ignorable="d"
        Title="MainWindow" Height="550" Width="800">
    <Window.Resources>
        <Style x:Key="ExpanderStyle" TargetType="{x:Type Expander}">
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Expander}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="auto"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <ToggleButton Foreground="{TemplateBinding Foreground}"  Padding="{TemplateBinding Padding}" Content="{TemplateBinding Header}" IsChecked="{Binding RelativeSource={RelativeSource Mode=TemplatedParent},Path=IsExpanded}" Height="50" Background="{TemplateBinding Background}" Style="{DynamicResource ToggleButtonStyle}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" >
                                <ToggleButton.Resources>
                                    <Style x:Key="ToggleButtonStyle" TargetType="{x:Type ToggleButton}">
                                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
                                        <Setter Property="BorderThickness" Value="0"/>
                                        <Setter Property="HorizontalContentAlignment" Value="Center"/>
                                        <Setter Property="VerticalContentAlignment" Value="Center"/>
                                        <Setter Property="Padding" Value="1"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type ToggleButton}">
                                                    <ControlTemplate.Resources>
                                                        <Storyboard x:Key="Storyboard1">
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="textBlock">
                                                                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="-90"/>
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                        <Storyboard x:Key="Storyboard2">
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="textBlock">
                                                                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="0"/>
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </ControlTemplate.Resources>
                                                    <Border x:Name="border"  Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                                                        <Grid>
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition/>
                                                                <ColumnDefinition Width="30"/>
                                                            </Grid.ColumnDefinitions>
                                                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                                            <TextBlock x:Name="textBlock" Grid.Column="1" Text="&#xe669;" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5">
                                                                <TextBlock.RenderTransform>
                                                                    <TransformGroup>
                                                                        <ScaleTransform/>
                                                                        <SkewTransform/>
                                                                        <RotateTransform/>
                                                                        <TranslateTransform/>
                                                                    </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                            </TextBlock>
                                                        </Grid>
                                                    </Border>
                                                    <ControlTemplate.Triggers>
                                                        <Trigger Property="IsChecked" Value="True">
                                                            <Trigger.ExitActions>
                                                                <BeginStoryboard x:Name="Storyboard2_BeginStoryboard" Storyboard="{StaticResource Storyboard2}"/>
                                                            </Trigger.ExitActions>
                                                            <Trigger.EnterActions>
                                                                <BeginStoryboard Storyboard="{StaticResource Storyboard1}"/>
                                                            </Trigger.EnterActions>
                                                        </Trigger>
                                                    </ControlTemplate.Triggers>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </ToggleButton.Resources>
                            </ToggleButton>
                            <ContentPresenter  x:Name="content" Visibility="Collapsed" Grid.Row="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Grid.RowSpan="2" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="True" >
                                <Setter Property="Visibility" TargetName="content" Value="Visible"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top">
        <Expander  IsExpanded="False" Foreground="White" Padding="10 0 0 0" FontSize="20" HorizontalAlignment="Center" Style="{DynamicResource ExpanderStyle}" VerticalAlignment="Center" Width="450" Background="#FF4E5465" FontFamily="Fonts/#iconfont">
            <Expander.Resources>
                <Style TargetType="Button">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Button">
                                <Grid Background="Transparent" x:Name="grid">
                                    <ContentPresenter/>
                                </Grid>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsFocused" Value="True">
                                        <Setter Property="Background"  TargetName="grid" Value="#009688"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Expander.Resources>
            <Expander.Header>
                <TextBlock Text="权限系统" FontSize="16"/>
            </Expander.Header>
            <StackPanel  Background="#282B33">
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xe601;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            <TextBlock Grid.Column="1" Text="表单管理" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xe606;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="新建订单" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xe604;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="系统设置" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xe602;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="库存管理" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
            </StackPanel>
        </Expander>
        <Expander  IsExpanded="False" Foreground="White" Padding="10 0 0 0" FontSize="20" HorizontalAlignment="Center" Style="{DynamicResource ExpanderStyle}" VerticalAlignment="Center" Width="450" Background="#FF4E5465" FontFamily="Fonts/#iconfont">
            <Expander.Resources>
                <Style TargetType="Button">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Button">
                                <Grid Background="Transparent" x:Name="grid">
                                    <ContentPresenter/>
                                </Grid>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsFocused" Value="True">
                                        <Setter Property="Background"  TargetName="grid" Value="#009688"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Expander.Resources>
            <Expander.Header>
                <TextBlock Text="权限系统" FontSize="16"/>
            </Expander.Header>
            <StackPanel  Background="#282B33">
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf0f9;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="ICU" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf179;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="苹果" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf188;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="Debug" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf0f9;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="ICU" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
            </StackPanel>
        </Expander>
        <Expander  IsExpanded="False" Foreground="White" Padding="10 0 0 0" FontSize="20" HorizontalAlignment="Center" Style="{DynamicResource ExpanderStyle}" VerticalAlignment="Center" Width="450" Background="#FF4E5465" FontFamily="Fonts/#iconfont">
            <Expander.Resources>
                <Style TargetType="Button">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Button">
                                <Grid Background="Transparent" x:Name="grid">
                                    <ContentPresenter/>
                                </Grid>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsFocused" Value="True">
                                        <Setter Property="Background"  TargetName="grid" Value="#009688"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Expander.Resources>
            <Expander.Header>
                <TextBlock Text="权限系统" FontSize="16"/>
            </Expander.Header>
            <StackPanel  Background="#282B33">
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf0f9;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="ICU" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf179;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="苹果" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf188;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="Debug" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
                <Button Height="50">
                    <Button.Content>
                        <Grid Margin="10,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="&#xf0f9;" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            <TextBlock Grid.Column="1" Text="ICU" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        </Grid>
                    </Button.Content>
                </Button>
            </StackPanel>
        </Expander>
    </StackPanel>
</Window>

使用效果：
在这里插入图片描述

Danny_hi
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF的Expander控件使用方法
10-29
WPF的Expander控件使用方法，可折叠控件的使用方法
Wpf控件应用小程序
01-31
控件的小应用 <Grid Height="200" HorizontalAlignment="Left" Margin="250,40,0,0" Name="grid1" VerticalAlignment="Top" Width="200" > <Expander Header="可折叠面板1" Name="expander1" IsExpanded="True" Margin="0,0,0,100"> <StackPanel> <RadioButton>中国</RadioButton> <RadioButton>美国</RadioButton> <RadioButton>日本</RadioButton> <RadioButton>法国</RadioButton> </StackPanel> </Expander> <Expander Name="expander2" IsExpanded="True" ExpandDirection="Right" Margin="0,100,0,0"> <Expander.Header> <Image Source="/Myproject;component/Images/1.gif" Width="20" ></Image> </Expander.Header> <StackPanel> <Label>你想说些什么！</Label> <Label>让我想想！！！</Label> <Label>我知道了！明白！嘿嘿嘿！</Label> </StackPanel> </Expander> </Grid>
【WPF应用41】WPF中的Expander控件详解
最新发布
qq_35320456的博客
04-08 1572
WPF中的Expander控件详解
WPF实现Expander折叠展开动画
01-12
WPF实现Expander折叠展开动画,从写Expander，改变样式，不再是默认样式。从写后样式华丽，也可以根据个人爱好，再从新看代码修改样式！
WPF笔记: 自定义Expander样式
didigui1108的博客
01-04 470
样式代码: <Style x:Key="ExpanderToggleButtonStyle" TargetType="{x:Type ToggleButton}"> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> <Setter Pr...
WPF UI开发教程自定义可折叠菜单控件
liaohaiyin的专栏
08-23 4538
Expander控件有一个箭头按钮。单击箭头时，Expander中的子元素将显示或隐藏。箭头“展开”控件，使其子控件可见。 接下来，我们可以在扩展器中添加元素——这些元素将被扩展器箭头隐藏或显示。在这里，我向扩展器添加了一个 ImageRadioButton 按钮。 注意我修改了 Expander 元素的“Header”属性。单击此处的扩展器会显示说明。 IsExpanded我将 IsExpanded 属性修改为 false。这意味着当程序启动时，描述是不可见的。 TextBlock在 TextBl
WPF的_Expander控件
ultramand的博客
09-12 1534
Expander 控件通常由一个展开/折叠的标题（Header）和一个显示/隐藏的内容部分（Content）组成。WPF Expander 是 WPF（Windows Presentation Foundation）框架中的一个控件，用于实现可以展开和折叠内容的可折叠面板。总之，Expander 控件在 WPF 中提供了一种简单而有效的方法来实现可折叠的内容面板，可以帮助用户更好地组织和控制界面上的信息。Expander 控件还提供了一些其他属性和事件，可以进一步自定义其行为和样式，例如。
WPF 控件专题 Expander控件详解
^@^lemon tea^@^
08-17 4586
WPF 控件专题 Expander控件详解
WPF TreeView和Expander的区别及不同适用场景 （踩坑记录）
weixin_54675347的博客
02-09 664
WPF TreeView和Expander的区别及不同适用场景 （踩坑记录） Expander和ListBox的嵌套方式及bug处理
WPF Expander控件.zip
09-13
很详细的。WPF Expander控件使用教程示例。
Expander可折叠控件
06-10
Expander可折叠控件，教你如何使用Expander可折叠控件，源码！
WPF内容控件使用GroupBox组合框控件，Expander控件,TabControl标签控件
06-25
WPF中内容控件的用法，包括GroupBox组合框控件，Expander控件,TabControl标签控件
WPF 项目开发入门（五）ListView列表组件 与 Expander组件
zhtbs的博客
08-09 2171
ListView列表组件 与 Expander组件使用
WPF基础四：UI的相关类 (4)  HeaderedContentControl类
hd51cc的博客
04-04 943
2.4）带标题内容控件 2.4.1 Expander 2.4.2 GroupBox 2.4.3 HeaderedContentControl 2.4.4 TabItem
WPF中Expander的用法和控件模板详解
weixin_45032957的博客
09-09 1824
一、Expander的用法 在WPF中，Expander是一个很实用的复合控件，可以很方便的实现下拉菜单和导航栏等功能。先介绍简单的用法，而后分析他的控件模板。 复制代码 <Window.Resources> </Window.Resources> <Expander Style="{DynamicResource ExpanderStyle}" He...
【愚公系列】2023年10月 WPF控件专题 Expander控件详解
热门推荐
时光隧道
08-11 5万+
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。
C# wpf Expander控件的简单应用（7）
qq_43687284的博客
12-12 1659
测试 可以通过ExpandDirection属性可控制其展开方向。
wpf expander 获取子控件
05-05
你可以使用 VisualTreeHelper 类来获取 WPF Expander 控件中的子控件。以下是一个示例代码，它获取 Expander 的 Content 属性中的子控件： ```C# private void GetExpanderChildControls(Expander expander) { // 获取 Expander 的 Content 属性中的子控件 var contentPresenter = FindVisualChild<ContentPresenter>(expander); if (contentPresenter != null) { var childControls = contentPresenter.ContentTemplate.FindName("PART_Content", contentPresenter) as FrameworkElement; if (childControls != null) { // 遍历子控件 foreach (var childControl in childControls.Children) { // 处理子控件 // ... } } } } private T FindVisualChild<T>(DependencyObject parent) where T : DependencyObject { for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++) { var child = VisualTreeHelper.GetChild(parent, i); if (child != null && child is T) { return (T)child; } else { var result = FindVisualChild<T>(child); if (result != null) return result; } } return null; } ``` 在上述示例中，FindVisualChild 方法用于在 WPF 控件的可视树中查找指定类型的子控件。GetExpanderChildControls 方法获取 Expander 的 Content 属性中的子控件，并遍历这些子控件进行处理。你可以根据需要修改代码，以满足你的具体需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值