WPF 控件专题 Expander控件详解

1、Expander介绍

Expander控件显示具有可折叠内容显示窗口的标题。是一个可以展开和折叠的控件，它包含两部分——标头和内容。

控件不会自动提供 Expander 滚动功能；如果展开窗口的内容太大，可以包装控件中ScrollViewer的内容Expander以提供可滚动的内容。

若要使控件Expander正常工作，请在属性设置为Down或指定Up控件时ExpandDirection不要指定HeightExpander控件。同样，当属性设置为Left或指定Right控件时ExpandDirection，请勿指定WidthExpander控件。

在控件上 Expander 按展开内容显示的方向设置大小时，大小参数定义的区域将显示其周围的边框。即使窗口折叠，此区域也会显示。若要设置展开窗口的大小，请对控件的内容或ScrollViewer包含内容的内容Expander设置大小维度。

可以通过设置控件上的HorizontalContentAlignment属性来VerticalContentAlignment定义内容的对齐方式Expander。这些属性应用于标题和展开窗口的内容。

**************************************************************************************************************

2、常用属性介绍

FontFamily：字体系列；   FontSize：字体大小；   FontStretch：字体在屏幕上紧缩或加宽的程度；FontWeight：字体粗细；

   Background：背景；   BorderBrush：边框颜色；   BorderThickness：边框宽度；   Foreground：前景色；

   Width/Height：宽度/高度；   Name：元素标识名称；   IsEnabled：使能，是否可用；   Margin：外边距；

   Opacity：透明度；   Visibility：可见性；   IsVisible：是否可见；

   LayoutTransform：在执行布局时应该应用于此元素的图形转换方式。   RenderTransform：元素的呈现位置的转换信息；

   RenderTransformOrigin：由RenderTransform声明的任何可能呈现转换的中心点，相对于元素的边界。

   HorizontalAlignment/VerticalAlignment：在父元素中组合此元素时所应用的水平对齐特征/垂直对齐特征。

    HorizontalContentAlignment/VerticalContentAlignment：控件内容的水平对齐方式/垂直对齐方式。

   Content：获取或设置 ContentControl 的内容；

   ContentStringFormat：获取或设置一个撰写字符串，该字符串指定如果 Content 属性显示为字符串，应如何设置该属性的格式；

   ExpandDirection：Expander 内容窗口的打开方向；

   FlowDirection：文本和其他用户界面 (UI) 元素在控制其布局的任何父元素内流动的方向；

   Header：每个控件的标题所用的数据。

IsExpanded：Expander 内容窗口是否可见。

**************************************************************************************************************

3、具体示例代码

<WrapPanel Margin="10"><Expander Name="myExpander" Background="#555a64"  HorizontalAlignment="Left" Header="李白《秋风词 》"  ExpandDirection="Down" IsExpanded="True" Width="200" VerticalAlignment="Top" Foreground="#dddddd" FontSize="14" FontFamily="幼圆"><TextBlock TextWrapping="Wrap" Margin="10 10">秋风清，秋月明，落叶聚还散，寒鸦栖复惊，相思相见知何日，此时此夜难为情。入我相思门，知我相思苦，长相思兮长相忆，短相思兮无穷极，早知如此绊人心，还如当初不相识。—— 李白《秋风词 》</TextBlock></Expander><Expander ExpandDirection="Right" Width="200" Margin="10 0" FontSize="14" FontFamily="华文细黑"><Expander.Header><TextBlock Text="李白     秋风词 " FontWeight="Bold" TextWrapping="Wrap" Width="20"/></Expander.Header><Expander.Content><TextBlock TextWrapping="Wrap" >秋风清，秋月明，落叶聚还散，寒鸦栖复惊，相思相见知何日，此时此夜难为情。入我相思门，知我相思苦，长相思兮长相忆，短相思兮无穷极，早知如此绊人心，还如当初不相识。—— 李白《秋风词 》</TextBlock></Expander.Content></Expander>
</WrapPanel>

**************************************************************************************************************

4、效果图

**************************************************************************************************************

5、总结和扩展

ExpandDirection有四种选择：Down、Up、Left、Right；

FlowDirection：通过该属性设置，控件内元素的流向，如下图：对第二个Expander示例设置FlowDirection="RightToLeft"。

**************************************************************************************************************

WPF 控件专题 Expander控件详解相关推荐

2021-08-11 WPF控件专题 Expander 控件详解
1.Expander 控件介绍折叠控件 GroupBox 带标题 HeaderedContentControl 折叠或展开的特点,IsExpand 是否显示内容,默认False (隐藏的) Expa ...
2021-08-19 WPF控件专题 Expander 控件详解
1.Expander 控件介绍折叠控件 GroupBox 带标题 HeaderedContentControl 折叠或展开的特点,IsExpand 是否显示内容,默认False (隐藏的) Expa ...
DevExpress控件GridControl中的布局详解【转】
DevExpress控件GridControl中的布局详解 [转] 2012-10-24 13:27:28| 分类: devexpress | 标签:devexpress |举报|字号订阅 h ...
利用Animation控件制作帧动画过程详解
利用Animation控件制作帧动画过程详解前言通过Animation控件来达到序列图的播放(素材和示例视频在文章末尾) 一.序列图 (此素材为已经分割好的序列图) 如若序列图在一张图片上,请参考 ...
wpf 客户端【JDAgent桌面助手】详解（二）桌面宠物制作详解
目录区域: 业余开发的wpf 客户端终于完工了..晒晒截图(此文由于当时没有开通csdn博客所以在博客园发了,后续文章都是csdn 首发奥) [晒视频了]业余开发wpf 客户端[JDAgent桌面助 ...
【卷积神经网络结构专题】一文详解AlexNet(附代码实现)
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! [导读]本文是卷积神经网络结构系列专题第二篇文章,前面我们已经介绍了第一个真正意义 ...
WPF 控件专题 Image控件详解
1.Image 介绍 Image:表示用于显示图像的控件. Image可以加载以下图像类型:.bmp..gif..ico..jpg..png..wdp 和 .tiff.但是在显示多帧图像时,仅显示第一 ...
WPF 控件专题 Grid 控件详解
1.Grid 介绍定义由列和行组成的灵活的网格区域,Grid顾名思义就是"网格",它的子控件被放在一个一个实现定义好的小格子里面,整齐配列,该对象可包含多个 Children对象 ...
WPF 控件专题 Lable 控件详解
1.Lable 介绍官方释义:表示包含一段任意类型内容的控件.也可以叫标签控件. Label控件和TextBlock看起来非常像.但在使用时就会发现,Label使用的是Content属性而不是Tex ...

WPF 控件专题 Expander控件详解

WPF 控件专题 Expander控件详解相关推荐

最新文章

热门文章