WPF中Expander的用法和控件模板详解

一、Expander的用法

在WPF中，Expander是一个很实用的复合控件，可以很方便的实现下拉菜单和导航栏等功能。先介绍简单的用法，而后分析他的控件模板。

复制代码
<Window.Resources>



</Window.Resources>

    <Expander Style="{DynamicResource ExpanderStyle}" Header="头部">
        <StackPanel>
            <Button Style="{StaticResource Expander.StackPanel.Style}">内容1</Button>
            <RadioButton Style="{StaticResource Expander.StackPanel.Style}">内容2</RadioButton>
            <TextBox Style="{StaticResource Expander.StackPanel.Style}">内容3</TextBox>
            <TextBlock Style="{StaticResource Expander.StackPanel.Style}">内容4</TextBlock>
        </StackPanel>
    </Expander>
</Grid>

复制代码
可以看到Expander主要分为头部和内容两部分，展开时才显示内容，而内容部分可以存放丰富的内容

效果图：

二、控件模板

因为控件模板比较复杂，先看大概的构成：

再看看主样式部分（ExpanderSytle）的构成：

再看向下展开时头部的样式构成：

如下为我标注了注释的完整控件模板代码：

复制代码














深圳网站建设www.sz886.com