正文

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

IP云
IP云V管理员/4 阅读
09/18
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示
  • <Window x:Class="Expander_Sample2.Window1"
  • xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  • xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  • Title="Window1" Height="300" Width="300">
  • <Window.Resources>
  • <!--
  • ToogleButton的模板，
  • 因为要进和状态切换，故要用到ToggleButton控件
  • -->
  • <ControlTemplate x:Key="ToggleButtonTemp" TargetType="{x:Type ToggleButton}">
  • <Border x:Name="bd"
  • BorderThickness="1"
  • CornerRadius="1,1,1,1">
  • <Border.Background>
  • <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
  • <GradientStop Color="LightGray" Offset="0"/>
  • <GradientStop Color="White" Offset="1"/>
  • </LinearGradientBrush>
  • </Border.Background>
  • <Border.BorderBrush>
  • <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
  • <GradientStop Color="Black" Offset="0"/>
  • <GradientStop Color="Gray" Offset="1"/>
  • </LinearGradientBrush>
  • </Border.BorderBrush>
  • <Path Margin="2,2,2,2" Fill="Black" x:Name="p"
  • Data="M 0,0 L 4,5 L8,0 Z"
  • HorizontalAlignment="Center"
  • VerticalAlignment="Center"/>
  • </Border>
  • <ControlTemplate.Triggers>
  • <Trigger Property="IsMouseOver" Value="True">
  • <Setter TargetName="bd" Property="Background">
  • <Setter.Value>
  • <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
  • <GradientStop Color="LightGreen" Offset="0"/>
  • <GradientStop Color="White" Offset="1"/>
  • </LinearGradientBrush>
  • </Setter.Value>
  • </Setter>
  • </Trigger>
  • <Trigger Property="IsChecked" Value="True">
  • <Setter TargetName="p" Property="Data"
  • Value="M0,5 L8,5 L4,0 Z"/>
  • </Trigger>
  • <Trigger Property="IsEnabled" Value="True">
  • <Setter TargetName="bd" Property="BorderBrush" Value="Gray"/>
  • <Setter TargetName="p" Property="Fill" Value="Gray"/>
  • </Trigger>
  • </ControlTemplate.Triggers>
  • </ControlTemplate>
  • <!--
  • Expnder的样式
  • -->
  • <Style TargetType="{x:Type Expander}">
  • <Setter Property="Template">
  • <Setter.Value>
  • <ControlTemplate TargetType="{x:Type Expander}">
  • <Grid>
  • <Grid.RowDefinitions>
  • <RowDefinition Height="auto"/>
  • <RowDefinition x:Name="gr" Height="0"/>
  • </Grid.RowDefinitions>
  • <BulletDecorator Background="DarkTurquoise" Grid.Row="0" VerticalAlignment="Center" >
  • <BulletDecorator.Bullet>
  • <ToggleButton Margin="1,1,1,1"  Height="18" Width="18" Template="{StaticResource ToggleButtonTemp}"
  • IsChecked="{Binding Path=IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
  • OverridesDefaultStyle="True"/>
  • </BulletDecorator.Bullet>
  • <ContentPresenter HorizontalAlignment="Center" Margin="1,1,1,1" ContentSource="Header"/>
  • </BulletDecorator>
  • <Border x:Name="scv" Background="LightGray" BorderThickness="1" BorderBrush="Black" Grid.Row="1" >
  • <ContentPresenter Margin="0" ContentSource="Content"/>
  • </Border>
  • </Grid>
  • <ControlTemplate.Triggers>
  • <Trigger Property="IsExpanded" Value="True">
  • <Setter TargetName="gr" Property="Height" Value="{Binding Path=DesiredSize/Height,ElementName=scv}"/>
  • </Trigger>
  • </ControlTemplate.Triggers>
  • </ControlTemplate>
  • </Setter.Value>
  • </Setter>
  • </Style>
  • </Window.Resources>
  • <Grid>
  • <Expander Margin="10,10" Height="210" Width="130" OverridesDefaultStyle="True">
  • <Expander.Header>
  • <TextBlock Text="相见恨晚" FontWeight="Bold" FontSize="16"/>
  • </Expander.Header>
  • <TextBlock TextWrapping="Wrap">
  • 如果相见不会太晚，我们就不会悲伤，和你堂堂的手牵手，过得好简单，
  • 若我有天不见了，或许你会比较快乐，虽然有万般舍不得，也不愿看你难割舍
  • 若我有天不在了。请你原谅我的困扰，虽然你给我的不算少，只是我没福气要就算是完美。
  • </TextBlock>
  • </Expander>
  • </Grid>
  • </Window>