Expander

 

Expander是一个伸缩扩展的小控件，它的主要功能是在内容较紧张时节省文字存放空间。在这个控件中有两点是值的注意的，一是ExpandDirection="Down"，ExpandDirection有四个值Up，Left，Right，分别设置Expander的伸方向；另一个就是Height="Auto"，如果ExpandDirection值选择的是Down，或Up，则Height="Auto"，如果ExpandDirection值选择的是Left，或Right，则Width="Auto"，这样设置可使在Expander缩小时所占的空间更少。

<Grid x:Name="LayoutRoot">

<Expander   VerticalAlignment="Top" Height="Auto" Background="#FF3BAAB5" ExpandDirection="Down">

       <Expander.Header>

              <Image Width="50.952" Source="images\apple.jpg" Height="20.577"/>

       </Expander.Header>

       <ScrollViewer Height="80">

              <TextBlock TextWrapping="Wrap" Height="164.043">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</TextBlock>

       </ScrollViewer>

 </Expander>

</Grid>

效果图如下

图1

图2

本文参考MSDN组织。