WPF-多个Expander联动

最新推荐文章于 2023-03-08 11:26:06 发布
最新推荐文章于 2023-03-08 11:26:06 发布
阅读量3.1k 收藏 2
点赞数
分类专栏： WPF 文章标签： WPF Expander Radio Button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013883974/article/details/79722066
版权

最近在写一点WPF的控件，说一下需求吧。

产品提出需要设计可折叠的控件，需要的时候点开，展示内容；不需要的时候，点击收起内容。其实WPF里面toolbox有expander这个控件，但是又来了个奇葩的需求：要求一次只能展开一个expander，类似radiobutton的特性，“可以且只能”选中一项。在网上搜了很多资料，不得不佩服Windows是生产力工具这句话。。。

例如：贴吧里面就提出了一种方法，让RadioButton集成Expander的模板，同时绑定RadioButton的IsChecked和Expander的IsExpanded，RadioButton的content和Expander的content（不得不佩服Windows的开发思路）。

F5运行之后，既有了Expander的特性，又兼具RadioButton的group功能，but，Expander的header没了……

有人提出说将Expander header加入到RadioButton中，说的不是很详细，然后我也是刚入门，捣腾了半天也还是不行。

接着找到了一篇博客WPF简易手风琴完美地满足了需求，而且作者提出了两种思路：Expander+listbox和上面贴吧提出的一种方法。第一种略显复杂，第二种作者也只是提了下思路，具体实现没有写出来。我不想用第一种的方法，感觉代码量太大，想着能定义好模板，然后直接在xaml里面添加控件是最方便的。搜了一晚上的Stack Overflow也没有结果。今天早上突然想起来这篇博文里面提到Tag这个属性，于是就想着把Expander的header和RadioButton的Tag绑定在一起，设置RadioButton的Tag，然后再运行，果然，Tag属性绑定到Expander的Header上了。搞定……

后面还需要多学习下Template和Style，感觉很深奥，需要慢慢体会

NiklausC
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF实现Expander折叠展开动画
11-09
自定义Expander的Style，直接套用就可以拥有折叠和展开的动画，当然也可以继续美化。
通用WPF主题控件包rubyer-wpf-master
12-20
总的来说，通用WPF主题控件包rubyer-wpf-master是WPF开发者的一个强大工具，它简化了界面设计的过程，提升了应用的视觉效果，同时提供了高度的自定义性和灵活性。无论你是新手还是经验丰富的开发者，都可以从这个...
WPF笔记: 自定义Expander样式
didigui1108的博客
01-04 483
样式代码: <Style x:Key="ExpanderToggleButtonStyle" TargetType="{x:Type ToggleButton}"> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> <Setter Pr...
WPF中Expander与ListBox(ItemsControl)嵌套中的问题
weixin_33989058的博客
01-06 314
1. 当ListBox放在Expander中时，为了要实现实时更新数据的效果，这里使用了    ObservableCollection类型来作为数据源，         初始的简单例子如下：只有一个ListBox            xaml文件 1 &lt;Window x:Class="ObservableCollectionAddRemoveDemo.MainWindo...
WPF系列教程（十五）：带标题的内容控件——GroupBox、TableItem、Expander
qq_43511299的博客
11-25 2201
GroupBox GroupBox的标题属性：Header=“GroupBox” 在GroupBox中可以放置其他布局容器，例如StackPannel。 <GroupBox x:Name="groupBox" Header="GroupBox"> <StackPanel> <RadioButton Content="1" Margin="10"/> <RadioButton Content="2" Margin="10"/&
WPF Expander控件使用
03-08 386
【代码】WPF Expander控件使用。
WPF中Expander的用法和控件模板详解
weixin_45032957的博客
09-09 1855
一、Expander的用法 在WPF中，Expander是一个很实用的复合控件，可以很方便的实现下拉菜单和导航栏等功能。先介绍简单的用法，而后分析他的控件模板。 复制代码 <Window.Resources> </Window.Resources> <Expander Style="{DynamicResource ExpanderStyle}" He...
AI-wpf-controls一个Wpf控件库
最新发布
03-25
在本文中，我们将深入探讨"AI-wpf-controls"，这是一个专为Windows Presentation Foundation（WPF）框架设计的控件库。这个独特的库整合了多个知名控件库的优点，包括MahApps.Metro、Material-Design、HandyControl...
wpf-mvvm-DeskTop-Sample-master_C#_WPF_wpf客户端zfs_
09-30
标题中的“wpf-mvvm-DeskTop-Sample-master”表明这是一个关于WPF（Windows Presentation Foundation）桌面应用程序的示例项目，使用了MVVM（Model-View-ViewModel）设计模式。这个项目是用C#编程语言编写的，面向的...
WPF-Blockly-master.zip
12-14
**WPF-Blockly** 是一个基于Windows Presentation Foundation (WPF) 的图形化编程工具，它为用户提供了构建和设计程序的直观界面。WPF作为Microsoft .NET Framework的一部分，主要用于构建桌面应用程序，它提供了...
WPF的Expander控件使用方法
10-29
WPF的Expander控件使用方法，可折叠控件的使用方法
WPF-Diagram-Designer:WPF图表设计器源代码
03-24
WPF-Diagram-Designer 是一个基于Windows Presentation Foundation (WPF)技术的开源项目，用于构建可自定义的图表设计工具。这个项目提供了一套完整的解决方案，帮助开发者创建交互式、可视化的设计界面，适用于流程...
WPF Expander更改样式
wangyu233的博客
11-06 2988
WPF 控件Expander其实是由ToggleButton+ContentPresenter 组成的 Expander样式代码： <Style x:Key="ExpanderStyle" TargetType="{x:Type Expander}"> <Setter Property="Foreground" Value="#FF217cb5"/> &l...
WPF仿网易云音乐系列（一、左侧菜单栏：Expander+RadioButton）
weixin_30367873的博客
07-03 484
1.简介 上一篇咱们说到，网易云音乐的左侧菜单栏可以通过Expander+RadioButton来实现，具体如何实现，咱们下面开始干； 首先来一张网易云音乐PC版原图（个人觉得PC版比UWP版左侧菜单好看点）： 然后当然是再上以下咱们做出的效果图了： 还原度百分之百有没有。。。 2.上硬菜 首先是无边框窗口方案，这里使用的是DMSkin for WPF,Github...
WPF效果第一百八十八篇之再玩Expander
dotNET跨平台
06-06 393
大端午节的在屋里吹着空调撸着代码真是酸爽;闲话也不多扯,直接看今天要分享的效果:1、关于简单的布局设计:2、前台先来个死布局,回头ListBox改模板:<Expander ExpandDirection="Left" Header="控制卡" VerticalAlignment="Bottom" HorizontalAlignment="Right" Style="...
WPF只允许显示一个子窗体
韬光养晦
04-07 1048
WPF只允许显示一个子窗体 WPF示例： private TestFrm objFrm; private void button_Click(object sender, RoutedEventArgs e) { if (objFrm == null || objFrm.IsVisible == false) { objFrm = new objFrm(); objFrm.Show(); } else { objFrm.Activate(); } } 另：
WPF Expander控件简单样式
韬光养晦
12-11 632
WPF Expander控件简单样式 样式代码： <Style x:Key="ExpanderStyle1" TargetType="{x:Type Expander}"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> <Setter Property="Background
WPF后台定义Datagrid的HeaderTemplate
鹿的博客
03-08 1316
WPF后台定义Datagrid的HeaderTemplate需求 需求 出于权限管理需要，不同权限的用户需要看到不同的界面，在我目前项目中，某datagrid的某一列在管理员可见界面中需要显示一个文本框，而其他权限的用户打开此界面则需隐藏该文本框。 //DataGrid是要操作的datagrid的Name DataGrid.Columns[4].HeaderTemplate = new DataTemplate() { VisualTree = CreateColHeader(userLevel) };
WPF-MVVM-InvokeCommandAction传递多个参数
05-25
在 WPF MVVM 架构中，可以使用 InvokeCommandAction 来触发 ViewModel 中的命令，并且可以传递一个参数。如果需要传递多个参数，可以使用以下方法： 1. 使用命令参数对象 定义一个类，包含需要传递的多个参数，例如： ``` public class CommandParameter { public string Parameter1 { get; set; } public int Parameter2 { get; set; } } ``` 在 XAML 中，使用该类作为 InvokeCommandAction 的 CommandParameter 属性的值： ``` <i:InvokeCommandAction Command="{Binding MyCommand}" CommandParameter="{Binding CommandParameter}" /> ``` 在 ViewModel 中，命令的 Execute 方法可以接收该类的实例作为参数： ``` public RelayCommand<CommandParameter> MyCommand { get; set; } public void MyCommandExecute(CommandParameter parameter) { // 使用参数 } ``` 2. 使用触发事件的参数 在 XAML 中，可以使用 EventTrigger 触发一个事件，并且可以使用 EventTrigger 的 EventArgsConverter 属性将事件参数转换为需要的类型。例如： ``` <i:Interaction.Triggers> <i:EventTrigger EventName="MyEvent"> <i:InvokeCommandAction Command="{Binding MyCommand}"> <i:InvokeCommandAction.CommandParameter> <MultiBinding Converter="{StaticResource MyConverter}"> <Binding Path="Parameter1" /> <Binding Path="Parameter2" /> </MultiBinding> </i:InvokeCommandAction.CommandParameter> </i:InvokeCommandAction> </i:EventTrigger> </i:Interaction.Triggers> ``` 在这里，使用 MultiBinding 将多个绑定值传递给一个转换器。转换器将这些值转换为需要的类型，并且将它们封装到一个对象中，然后作为命令的参数传递给 ViewModel。 在 ViewModel 中，命令的 Execute 方法可以接收该对象作为参数： ``` public RelayCommand<MyParameter> MyCommand { get; set; } public void MyCommandExecute(MyParameter parameter) { // 使用参数 } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值