这个控件最实用的地方，就是做导航栏。

  1. <StackPanel Margin="20,20" Width="100" Height="460" HorizontalAlignment="Left"
  2. VerticalAlignment="Top">
  3. <Expander VerticalAlignment="Stretch" ExpandDirection="Down" HorizontalContentAlignment="Left" SnapsToDevicePixels="True">
  4. <Expander.Header>
  5. <TextBlock Text="用户管理" FontSize="14" FontWeight="Bold" />
  6. </Expander.Header>
  7. <Expander.Content>
  8. <Grid>
  9. <Grid.RowDefinitions>
  10. <RowDefinition Height="auto"/>
  11. <RowDefinition Height="auto"/>
  12. </Grid.RowDefinitions>
  13. <RadioButton Grid.Row="0">会员管理</RadioButton>
  14. <RadioButton Grid.Row="1">角色管理</RadioButton>
  15. </Grid>
  16. </Expander.Content>
  17. </Expander>
  18. <Expander VerticalAlignment="Stretch" ExpandDirection="Down" HorizontalContentAlignment="Left" SnapsToDevicePixels="True">
  19. <Expander.Header>
  20. <TextBlock Text="文档管理" FontSize="14" FontWeight="Bold" />
  21. </Expander.Header>
  22. <Expander.Content>
  23. <Grid>
  24. <Grid.RowDefinitions>
  25. <RowDefinition Height="auto"/>
  26. <RowDefinition Height="auto"/>
  27. <RowDefinition Height="auto"/>
  28. </Grid.RowDefinitions>
  29. <RadioButton Grid.Row="0">部门资料</RadioButton>
  30. <RadioButton Grid.Row="1">员工资料</RadioButton>
  31. <RadioButton Grid.Row="2">职位资料</RadioButton>
  32. </Grid>
  33. </Expander.Content>
  34. </Expander>
  35. <Expander VerticalAlignment="Stretch" ExpandDirection="Down" HorizontalContentAlignment="Left" SnapsToDevicePixels="True">
  36. <Expander.Header>
  37. <TextBlock Text="采购管理" FontSize="14" FontWeight="Bold" />
  38. </Expander.Header>
  39. <Expander.Content>
  40. <Grid>
  41. <Grid.RowDefinitions>
  42. <RowDefinition Height="auto"/>
  43. <RowDefinition Height="auto"/>
  44. <RowDefinition Height="auto"/>
  45. <RowDefinition Height="auto"/>
  46. <RowDefinition Height="auto"/>
  47. </Grid.RowDefinitions>
  48. <RadioButton Grid.Row="0">采购计划</RadioButton>
  49. <RadioButton Grid.Row="1">需求分析</RadioButton>
  50. <RadioButton Grid.Row="2">采购单</RadioButton>
  51. <RadioButton Grid.Row="3">入库验收</RadioButton>
  52. <RadioButton Grid.Row="4">入库退回</RadioButton>
  53. </Grid>
  54. </Expander.Content>
  55. </Expander>
  56. <Expander VerticalAlignment="Stretch" ExpandDirection="Down" HorizontalContentAlignment="Left" SnapsToDevicePixels="True">
  57. <Expander.Header>
  58. <TextBlock Text="供应商" FontSize="14" FontWeight="Bold" />
  59. </Expander.Header>
  60. <Expander.Content>
  61. <Grid>
  62. <Grid.RowDefinitions>
  63. <RowDefinition Height="auto"/>
  64. <RowDefinition Height="auto"/>
  65. <RowDefinition Height="auto"/>
  66. </Grid.RowDefinitions>
  67. <RadioButton Grid.Row="0">基本资料</RadioButton>
  68. <RadioButton Grid.Row="1">往来单位</RadioButton>
  69. <RadioButton Grid.Row="2">上游供应商</RadioButton>
  70. </Grid>
  71. </Expander.Content>
  72. </Expander>
  73. </StackPanel>

另外，通过ExpandDirection属性可控其展开的方向。

  1. <Expander VerticalAlignment="Stretch" ExpandDirection="Right" HorizontalContentAlignment="Left" SnapsToDevicePixels="True">
  2. ............
  3. </Expander>

继续聊WPF——Expander控件（1）的更多相关文章

  1. 继续聊WPF——Expander控件（2）

    <Window x:Class="Expander_Sample2.Window1" xmlns="http://schemas.microsoft.com/win ...

  2. WPF Expander控件（扩展面板）

    这算是我比较喜欢的一个控件,以前在Winform中也常用类似的.它包装了一块内容,通过单击一个小箭头按钮可以显示或隐藏所包含的内容.在线帮助以及Web页面经常使用这种技术,因为既可以包含大量内容,而又 ...

  3. 继续聊WPF——Thumb控件

    这个控件,真不好介绍,MSDN上也是草草几句,反正就是可以让用户拖动的玩意儿,但是,你会发现,当你在该控件上拖动时,它没有反响,也就是说这个东西默认不做任何操作的,它是赖在那里什么都不干,除非你去踢上 ...

  4. WPF中Expander控件样式，ListBox的样式(带checkbox)恢复

    Expander控件样式: <ControlTemplate x:Key="ExpanderToggleButton" TargetType="ToggleButt ...

  5. 《WPF》Expander控件简单美化

    示例图: Expander控件功能很常见, 一般用于系统左侧的菜单收缩面板. 1.主要的组成 一个头部(header) 和 一个 内容(content) 组成. <Expander Expand ...

  6. 迟到的 WPF 学习 —— 控件

    这一章书中内容比较多而杂,但每个对象的内容又相对简短,所以只挑选里边有代表性的内容做记录. 1. Label 控件:一个基础的简单的 ContentControl,Labe 支持快捷键文本的设置,可以 ...

  7. 在 UWP 中实现 Expander 控件

    WPF 中的 Expander 控件在 Windows 10 SDK 中并不提供,本文主要说明,如何在 UWP 中创建这样一个控件.其效果如下图: 首先,分析该控件需要的一些特性,它应该至少包括如下三 ...

  8. WPF Popup 控件导致被遮挡内容不刷新的原因

    WPF Popup 控件导致被遮挡内容不刷新的原因 周银辉 今天在写一个WPF控件时用到了Popup控件,很郁闷的情况是:当popup关闭时,原来被popup挡住的界面部分不刷新,非要手动刷新一下(比 ...

  9. 创建 WPF 工具箱控件

    创建 WPF 工具箱控件 WPF (Windows Presentation Framework) 工具箱控件模板允许您创建 WPF 控件,会自动添加到 工具箱 安装扩展的安装. 本主题演示如何使用模 ...

随机推荐

  1. 【Unity3D】 KeyCode 键码

    Key codes returned by Event.keyCode. These map directly to a physical key on the keyboard. KeyCode是由 ...

  2. 小米手机 js 脚本取src为空的适配问题

    今天測试提上来一个问题 我android webview 中运行了一段js脚本.去替换原来的图片.可是小米手机上竟然没起作用 花了一个中午的午休看问题 贴出来帮助下遇到相同的问题的朋友吧.我百度了半天 ...

  3. iOS 图像处理 － 图像拼接

    解决这个问题:将两个图像拼接在一起 前提:须要加入Framework:CoreGraphics.framework 源代码: - (UIImage *) combine:(UIImage*)leftI ...

  4. luogu1415 拆分数列

    题目大意 给出一列数字,需要你添加任意多个逗号将其拆成若干个严格递增的数.如果有多组解,则输出使得最后一个数最小的同时,字典序最大的解(即先要满足最后一个数最小:如果有多组解,则使得第一个数尽量大:如 ...

  5. DCloud-MUI：事件管理

    ylbtech-DCloud-MUI:事件管理 极简的JS函数 1.返回顶部 1.事件绑定 除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实 ...

  6. yrzl-cloud

  7. 3.2 手机中的数据库——SQLite

    http://www.sqlite.org/download.html 截至我安装SQLite数据库为止的时间,最新的版本可以下载sqlite-dll-win64-x64-3200000.zip和sq ...

  8. PCB 奥宝LDI 输出 轴交换与镜像关系

    持续P2 奥宝LDI改造,针对轴交换与镜像关系整理如下:(标记) 关键参数说明: 轴交换swap_axes: 当为Yes,则图形--镜像+旋转90度,当为No,则图形--不动 xmirror与ymir ...

  9. [Apple开发者帐户帮助]二、管理你的团队（3）删除团队成员

    如果您已加入Apple开发者计划,您将在App Store Connect中管理团队成员.有关详细信息,请转到App Store Connect帮助中的添加和编辑用户. 如果您已加入Apple Dev ...

  10. Moco模拟服务器实现请求&响应 （一）

    接口测试Moco工具 1.使用Moco模拟,首先需要下载Moco 的jar 包,下载链接: http://central.maven.org/maven2/com/github/dreamhead/m ...