WPF 菜单实现一级二级按钮下拉格式

<Expander Width="240" x:Name="myExpander">

<Expander.Header>

<StackPanel Orientation="Horizontal" >

<TextBlock Text="内容" />

<Image Width="20" Margin="15,0,0,0">

<Image.Style>

<Style TargetType="Image">

<Style.Triggers>

<DataTrigger Binding="{Binding IsExpanded, ElementName=myExpander}" Value="True">

<Setter Property="Source" Value="图片路径1"/>

</DataTrigger>

<DataTrigger Binding="{Binding IsExpanded, ElementName=myExpander}" Value="False">

<Setter Property="Source" Value="图片路径2"/>

</DataTrigger>

</Style.Triggers>

</Style>

</Image.Style>

</Image>

</StackPanel>

</Expander.Header>

<Expander.Template>

<ControlTemplate TargetType="Expander">

<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">

<DockPanel>

<ToggleButton x:Name="HeaderSite" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" DockPanel.Dock="Top"/>

<ContentPresenter x:Name="ExpandSite" DockPanel.Dock="Bottom" Focusable="false" Visibility="Collapsed" Margin="{TemplateBinding Padding}">

<ContentPresenter.LayoutTransform>

<TransformGroup>

<TranslateTransform x:Name="ExpandTranform"/>

</TransformGroup>

</ContentPresenter.LayoutTransform>

</ContentPresenter>

</DockPanel>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsExpanded" Value="True">

<Setter Property="Visibility" TargetName="ExpandSite" Value="Visible"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Expander.Template>

<StackPanel>

<RadioButton Content="RadioButton按钮" />

</StackPanel>

</Expander>

相关推荐
做个文艺程序员2 天前
MQ第12篇:AI原生消息架构演进:从MQ到事件驱动的全链路设计
架构·消息队列·wpf·事件驱动架构·ai-native·cqrs
donk13144 天前
React Native for OpenHarmony 实战:三方库 react-native-circular-action-menu 的鸿蒙化适配指南
javascript·分布式·react native·react.js·wpf·harmonyos
donk13145 天前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos
He BianGu5 天前
【笔记】WPF中RenderOptions类的详细功能
笔记·wpf
VidDown5 天前
上线三个月后的第一次事故:一个 Django 服务的日志、监控与故障复盘
数据库·python·django·wpf·音视频·视频编解码
He BianGu5 天前
【笔记】WPF中CachingHint的功能
笔记·wpf
He BianGu5 天前
【笔记】在WPF中BitmapScalingMode的作用
笔记·wpf
Vae_Mars6 天前
幂等性学习笔记
笔记·学习·wpf
samble7 天前
从零搭建灌装监控系统(十九):单元测试实战,xUnit + 内存SQLite + 反射测试私有方法
c#·wpf·mvvm·modbus·工业控制