一、telerik:RadExpander控件样式
1. 
View Code
<UserControl x:Class="SilverlightApplication1.SilverlightControl2" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls" d:DesignHeight="300" d:DesignWidth="400"> <UserControl.Resources> <ControlTemplate x:Key="RadExpanderDecoratorControlTemplate" TargetType="telerik:RadExpanderDecorator"> <Grid> <Rectangle Fill="#FFCCCCCC" HorizontalAlignment="Center" VerticalAlignment="Center" Width="8" Height="2" /> <Rectangle Fill="#FFCCCCCC" HorizontalAlignment="Center" VerticalAlignment="Center" Width="2" Height="8" /> </Grid> </ControlTemplate> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White" Width="500"> <telerik:RadExpander Content="Content of MyExpander" HorizontalAlignment="Left" VerticalAlignment="Top" DecoratorTemplate="{StaticResource RadExpanderDecoratorControlTemplate}" Header="MyExpander"/> </Grid> </UserControl>
2.
View Code
<UserControl x:Class="SilverlightApplication1.SilverlightControl3" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls" d:DesignHeight="300" d:DesignWidth="400"> <UserControl.Resources> <!-- Brushes ================================================================ --> <SolidColorBrush x:Key="TransperantColor" Color="#00FFFFFF" /> <SolidColorBrush x:Key="RadExpander_CircleStroke" Color="DarkGray" /> <SolidColorBrush x:Key="RadExpander_ElementStroke" Color="#666" /> <SolidColorBrush x:Key="RadExpander_CircleStrokeOver" Color="#FFFEAE46" /> <SolidColorBrush x:Key="RadExpander_ElementStrokeOver" Color="#FFF" /> <SolidColorBrush x:Key="RadExpander_CircleStrokePressed" Color="#FFFEAE46" /> <SolidColorBrush x:Key="RadExpander_ElementStrokePressed" Color="#FFF" /> <LinearGradientBrush x:Key="RadExpander_ArrowFill" StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="#FFF8F8F9" Offset="0" /> <GradientStop Color="#FFDFE2E5" Offset="0.5" /> <GradientStop Color="#FFDBDEE1" Offset="1" /> </LinearGradientBrush> <LinearGradientBrush x:Key="RadExpander_ArrowHoverFill" StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="#FFFFFFFF" Offset="0" /> <GradientStop Color="#FFFFDC9E" Offset="0.5" /> <GradientStop Color="#FFFDDF97" Offset="1" /> </LinearGradientBrush> <LinearGradientBrush x:Key="RadExpander_ArrowPressedFill" StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="#FFFFD9AA" Offset="0" /> <GradientStop Color="#FFFFBC6F" Offset="0.5" /> <GradientStop Color="#FFFEE07A" Offset="1" /> </LinearGradientBrush> <SolidColorBrush x:Key="FocusBrushBlack" Color="#FF000000" /> <!-- ToggleButoon Template DOWN ================================================================ --> <ControlTemplate TargetType="ToggleButton" x:Key="MySearchExpanderHeaderTemplate"> <Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="circle" Storyboard.TargetProperty="Stroke" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_CircleStrokeOver}" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="circle" Storyboard.TargetProperty="Fill" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_ArrowHoverFill}" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="arrow" Storyboard.TargetProperty="Stroke" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_ElementStrokeOver}" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="circle" Storyboard.TargetProperty="Stroke" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_CircleStrokePressed}" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="circle" Storyboard.TargetProperty="StrokeThickness" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="1.5" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="circle" Storyboard.TargetProperty="Fill" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_ArrowPressedFill}" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="arrow" Storyboard.TargetProperty="Stroke" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RadExpander_ElementStrokePressed}" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Disabled" /> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="arrow" Storyboard.TargetProperty="Data" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0" Value="M 1,4.5 L 4.5,1 L 8,4.5 " /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Unchecked" /> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual" To="1" /> </Storyboard> </VisualState> <VisualState x:Name="Unfocused" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Padding="{TemplateBinding Padding}"> <Grid Background="Transparent" UseLayoutRounding="False"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="19" /> </Grid.ColumnDefinitions> <Ellipse Grid.Column="1" x:Name="circle" Width="19" Height="19" Stroke="{StaticResource RadExpander_CircleStroke}" HorizontalAlignment="Center" VerticalAlignment="Center" Fill="{StaticResource RadExpander_ArrowFill}" /> <Path Grid.Column="1" x:Name="arrow" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="{StaticResource RadExpander_ElementStroke}" StrokeThickness="2" UseLayoutRounding="false" Data="M 1,1.5 L 4.5,5 L 8,1.5" /> <ContentPresenter Margin="4,0,0,0" VerticalAlignment="Center" UseLayoutRounding="True"/> </Grid> </Border> <Rectangle x:Name="FocusVisual" Stroke="{StaticResource FocusBrushBlack}" Opacity="0" StrokeDashArray="1 2" StrokeThickness="1" /> </Grid> </ControlTemplate> <!-- Expander Template DOWN ======================================================================= --> <ControlTemplate TargetType="telerik:RadExpander" x:Key="MySearchExpanderTemplate"> <Grid Background="Transparent"> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="CommonStateGroup"> <vsm:VisualState x:Name="Normal" /> <vsm:VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderButton" To="0.5" Duration="0:0:0.2" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> </VisualState> <vsm:VisualState x:Name="Collapsed"> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Grid> <!--Background --> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="3" UseLayoutRounding="true"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <!-- Header DOWN ================================================== --> <Grid x:Name="HeaderElement" Background="Transparent"> <ToggleButton x:Name="HeaderButton" Margin="1" MinWidth="0" MinHeight="0" Template="{StaticResource MySearchExpanderHeaderTemplate}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" IsEnabled="{TemplateBinding IsEnabled}" IsChecked="{TemplateBinding IsExpanded}" /> </Grid> <!-- Content DOWN ================================================= --> <Grid x:Name="ContentElement" Visibility="Collapsed" Grid.Row="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> <ContentPresenter x:Name="Content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" /> </Grid> </Grid> </Border> </Grid> </Grid> </ControlTemplate> <!-- STYLE ====================================================================== --> <Style TargetType="telerik:RadExpander" x:Key="MySearchExpanderStyle"> <Setter Property="IsTabStop" Value="false" /> <Setter Property="IsEnabled" Value="true" /> <Setter Property="ExpandDirection" Value="Down" /> <Setter Property="IsExpanded" Value="false" /> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Background" Value="{StaticResource TransperantColor}" /> <Setter Property="BorderBrush" Value="{StaticResource TransperantColor}" /> <Setter Property="Padding" Value="2,2,2,2" /> <!-- Default Template --> <Setter Property="Template" Value="{StaticResource MySearchExpanderTemplate}" /> <Setter Property="TemplateDown" Value="{StaticResource MySearchExpanderTemplate}" /> <Setter Property="TemplateUp" Value="{StaticResource MySearchExpanderTemplate}" /> <Setter Property="TemplateLeft" Value="{StaticResource MySearchExpanderTemplate}" /> <Setter Property="TemplateRight" Value="{StaticResource MySearchExpanderTemplate}" /> <!-- Animation --> <Setter Property="animation:AnimationManager.AnimationSelector"> <Setter.Value> <animation:AnimationSelector> <animation:ExpanderExpandCollapseAnimation AnimationName="Expand" Direction="In" TargetElementName="ContentElement" /> <animation:ExpanderExpandCollapseAnimation AnimationName="Collapse" Direction="Out" TargetElementName="ContentElement" /> </animation:AnimationSelector> </Setter.Value> </Setter> </Style> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White" Width="500"> <telerik:RadExpander x:Name="mySearchExpander" Grid.Row="0" Grid.Column="99" ExpandDirection="Down" MinWidth="222" Style="{StaticResource MySearchExpanderStyle}" > <telerik:RadExpander.Header> <StackPanel Orientation="Horizontal"> <TextBlock x:Name="tbBasicSearch" Text="Search by:" VerticalAlignment="Center" /> <TextBox x:Name="txtOsnovniPogojKons" Height="Auto" Width="115" KeyDown="TextBox_KeyDown" Foreground="#FF5197B9" Margin="5,0,0,0" /> </StackPanel> </telerik:RadExpander.Header> <telerik:RadExpander.Content> <StackPanel Orientation="Vertical"> <TextBlock Text="Items found: 123" /> <ListBox> <ListBoxItem Content="item 1" /> <ListBoxItem Content="item 2" /> <ListBoxItem Content="item 3" /> <ListBoxItem Content="..." /> <ListBoxItem Content="item 121" /> <ListBoxItem Content="item 122" /> <ListBoxItem Content="item 123" /> </ListBox> </StackPanel> </telerik:RadExpander.Content> </telerik:RadExpander> </Grid> </UserControl>
3.
View Code
<UserControl x:Class="SilverlightApplication1.SilverlightControl4" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls" d:DesignHeight="400" d:DesignWidth="600"> <UserControl.Resources> <!--******* BEGIN MediaPlayer Brushes *******--> <SolidColorBrush x:Key="RootleftBorderBrush1" Color="#FF90A8D2" /> <SolidColorBrush x:Key="RootleftBorderBrush2" Color="#FFE5ECFF" /> <LinearGradientBrush x:Key="Background1" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFB0C0E2" /> <GradientStop Color="#FFD0D6EE" Offset="0.991" /> </LinearGradientBrush> <Color x:Key="MediaChapterBackgroundActiv">#FF90A8D2</Color> <SolidColorBrush x:Key="ChapterOutArrow" Color="#FFE5ECFF" /> <SolidColorBrush x:Key="ChapterInnerArrow" Color="#FF90A8D2" /> <SolidColorBrush x:Key="TextBlockForeground" Color="#FF1D4384" /> <SolidColorBrush x:Key="ItemOutBorder" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="ItemOutBackground" Color="#FF002578" /> <SolidColorBrush x:Key="ItemInnerBorder" Color="#FFFFFFFF" /> <LinearGradientBrush x:Key="ItemInnerBackground" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFCFD6E9" /> <GradientStop Color="#FFCFD6E9" Offset="1" /> <GradientStop Color="#FFCFD6E9" Offset="0.5" /> <GradientStop Color="#FFCFD6E9" Offset="0.501" /> </LinearGradientBrush> <Color x:Key="ItemInnerBackgroundMouseOver1">#EFFFFFFF</Color> <Color x:Key="ItemInnerBackgroundMouseOver2">#CFFFFFFF</Color> <Color x:Key="ItemInnerBackgroundMouseOver3">#BFFFFFFF</Color> <Color x:Key="ItemInnerBackgroundMouseOver4">#9FFFFFFF</Color> <Color x:Key="ItemInnerBackgroundMouseOver5">#FF2A619A</Color> <SolidColorBrush x:Key="BackroundImage" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="RightBorder" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="TitleTextBlock" Color="#FF2A619A" /> <SolidColorBrush x:Key="DescriptionTextBlock" Color="#FF809CC3" /> <SolidColorBrush x:Key="SliderBorder" Color="#FFFFFFFF" /> <LinearGradientBrush x:Key="SliderBackground" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF7485B2" /> <GradientStop Color="#FF9CABD1" Offset="1" /> </LinearGradientBrush> <!--Playlist ScrollBar Button--> <Color x:Key="PlaylistScrollBarButtonColor">#FF313131</Color> <!-- Playlist Button --> <SolidColorBrush x:Key="FullscreenButtonStroke" Color="#FF334676" /> <SolidColorBrush x:Key="PlaylistButtonStroke" Color="#7FFFFFFF" /> <LinearGradientBrush x:Key="PlaylistButtonFill" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF7C9AEA" Offset="0" /> <GradientStop Color="#FF5872B5" Offset="0.991" /> <GradientStop Color="#FF5D75AD" Offset="0.522" /> <GradientStop Color="#FF3B528B" Offset="0.527" /> </LinearGradientBrush> <SolidColorBrush x:Key="PlaylistScrollBarMouseOver" Color="#FF557E9A" /> <SolidColorBrush x:Key="BottomButtonPartBorder" Color="#FFFFFFFF" /> <LinearGradientBrush x:Key="BottomButtonPartBackground" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#EFFFFFFF" /> <GradientStop Color="#CFFFFFFF" Offset="1" /> <GradientStop Color="#BFFFFFFF" Offset="0.5" /> <GradientStop Color="#9FFFFFFF" Offset="0.5" /> </LinearGradientBrush> <Color x:Key="ButtonPartMouseOver">#CCFFFFFF</Color> <Color x:Key="ButtonPartMouseOver1">#FF004FFF</Color> <Color x:Key="ButtonPartPressed">#76FFFFFF</Color> <Color x:Key="ButtonPartPressed1">#A2FFFFFF</Color> <Color x:Key="ButtonPartPressed2">#99FFFFFF</Color> <Color x:Key="ButtonPartPressed3">#96FFFFFF</Color> <SolidColorBrush x:Key="ButtonPartBorderOut" Color="#FFC1C6D6" /> <SolidColorBrush x:Key="ButtonPartBorderInner" Color="#FFC1C6D6" /> <SolidColorBrush x:Key="PlayButtonPartBorderInner" Color="#FFABBACF" /> <SolidColorBrush x:Key="ButtonPartBackgroundInner" Color="#FF002578" /> <!--end Playlist Button --> <SolidColorBrush x:Key="MiddlePartTextForeground" Color="#FFFFFF" /> <SolidColorBrush x:Key="MiddlePartBorderOut" Color="#FF90A8D2" /> <SolidColorBrush x:Key="MiddlePartBorderInner" Color="#FFE5ECFF" /> <LinearGradientBrush x:Key="MiddlePartBackgroundInner" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFB0C0E2" /> <GradientStop Color="#FFD0D6EE" Offset="1" /> </LinearGradientBrush> <SolidColorBrush x:Key="TopPartBorder" Color="#FFC1C6D6" /> <LinearGradientBrush x:Key="TopPartBackground" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFFFFFFF" /> <GradientStop Color="#FFEAEDF6" Offset="1" /> </LinearGradientBrush> <SolidColorBrush x:Key="TimeProgressBarBackground" Color="#FF80ABEA" /> <!-- Thumb for VolumeSlider --> <Color x:Key="VolumeSliderThMouseover">#FFFFFFFF</Color> <Color x:Key="VolumeSliderThMouseover1">#33FFFFFF</Color> <Color x:Key="VolumeSliderThMouseover2">#FF6792EC</Color> <Color x:Key="VolumeSliderThDisabled">#7F7B8BB7</Color> <SolidColorBrush x:Key="OutVolumeSliderThFill" Color="#FF4B6DB5" /> <SolidColorBrush x:Key="OutVolumeSliderThStroke" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="InnerVolumeSliderThStroke" Color="#FF7B8BB7" /> <LinearGradientBrush x:Key="InnerVolumeSliderThFill" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#CCFFFFFF" /> <GradientStop Color="#33FFFFFF" Offset="1" /> <GradientStop Color="#7FFFFFFF" Offset="0.522" /> <GradientStop Color="#26FFFFFF" Offset="0.549" /> </LinearGradientBrush> <LinearGradientBrush x:Key="TrackBackgroundHorizontal" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF6A7EAB" /> <GradientStop Color="#FFFFFFFF" Offset="1" /> </LinearGradientBrush> <SolidColorBrush x:Key="TrackBackgroundHorizontalStroke" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="SingleThumbTemplateHorizontal" Color="#FF7790C7" /> <!--TimeSlider Thumb Style--> <Color x:Key="TimeSliderThDisabled">#FF5C5C5C</Color> <Color x:Key="TimeSliderThDisabled1">#FFA0A0A0</Color> <Color x:Key="TimeSliderThDisabled2">#FFA6A6A6</Color> <Color x:Key="TimeSliderThDisabled3">#FFCFCFCF</Color> <Color x:Key="TimeSliderThDisabled4">#FFCBCBCB</Color> <LinearGradientBrush x:Key="TimeSliderThOutBackground" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF7B96CE" /> <GradientStop Color="#FF586D9C" Offset="1" /> <GradientStop Color="#FF667DAE" Offset="0.5" /> <GradientStop Color="#FF3F5177" Offset="0.509" /> </LinearGradientBrush> <SolidColorBrush x:Key="TimeSliderThInnerBackground" Color="#FFA3DAFF" /> <SolidColorBrush x:Key="HorizontalTimeSliderTemplate" Color="#FFABBACF" /> <SolidColorBrush x:Key="HorizontalTimeSliderTemplate1" Color="#FFFFFFFF" /> <LinearGradientBrush x:Key="HorizontalTimeSliderSingleThFill" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF95D4E9" /> <GradientStop Color="#FF80ABEA" Offset="1" /> </LinearGradientBrush> <!--******* END MediaPlayer Brushes *******--> <!-- Main Brushes --> <Color x:Key="MouseoverGradientStop">#FFC3DBE4</Color> <SolidColorBrush x:Key="MouseOverBrush" Color="{StaticResource MouseoverGradientStop}"></SolidColorBrush> <SolidColorBrush x:Key="SelectedBrush" Color="#FF8CBDCE"></SolidColorBrush> <SolidColorBrush x:Key="SelectedUnFocusBrush" Color="#FFD4D4D4"></SolidColorBrush> <LinearGradientBrush x:Key="FocusBrush" EndPoint="0,1"> <GradientStop Offset="0" Color="#FF00B4F3" /> <GradientStop Offset="1" Color="#FF0090C7" /> </LinearGradientBrush> <SolidColorBrush x:Key="DisabledBrush" Color="#99FFFFFF"></SolidColorBrush> <SolidColorBrush x:Key="DisabledForegroundBrush" Color="#33000000"></SolidColorBrush> <SolidColorBrush x:Key="BorderInnerBrush" Color="#FFB2B2B2"></SolidColorBrush> <SolidColorBrush x:Key="BorderOuterBrush" Color="#FFFFFFFF"></SolidColorBrush> <LinearGradientBrush x:Key="ContentBackgroundBrush" EndPoint="0,1"> <GradientStop Color="#FFFFFFFF" Offset="0.2" /> <GradientStop Color="#FFEEEEEE" Offset="1" /> </LinearGradientBrush> <LinearGradientBrush x:Key="HeaderBackgroundBrush" EndPoint="0,1"> <GradientStop Offset="0" Color="#FF025B7C" /> <GradientStop Offset="1" Color="#FF2E7B96" /> </LinearGradientBrush> <SolidColorBrush x:Key="HeaderForegroundBrush" Color="#FFFFFFFF"></SolidColorBrush> <Color x:Key="Header2BackgroundColor">#FFBADEEC</Color> <LinearGradientBrush x:Key="Header2BackgroundBrush" EndPoint="0,1"> <GradientStop Offset="0" Color="#FF9DBBC6" /> <GradientStop Offset="0.1" Color="{StaticResource Header2BackgroundColor}" /> <GradientStop Offset="0.9" Color="{StaticResource Header2BackgroundColor}" /> <GradientStop Offset="1" Color="#FF9DBBC6" /> </LinearGradientBrush> <SolidColorBrush x:Key="Header2BackgroundSolidBrush" Color="{StaticResource Header2BackgroundColor}" /> <Color x:Key="Header2ForegroundColor">#FF0080AD</Color> <SolidColorBrush x:Key="Header2ForegroundBrush" Color="{StaticResource Header2ForegroundColor}" /> <!-- Progress Bar and Slider - diverse color--> <LinearGradientBrush x:Key="DiverseBrush" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFA7CE1B" Offset="0" /> <GradientStop Color="#FF7E9917" Offset="1" /> </LinearGradientBrush> <SolidColorBrush x:Key="AlternateRowsBackground" Color="#12B8D0D9" /> <SolidColorBrush x:Key="InputTextBoxBackground" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="InputTextBoxReadOnlyBackground" Color="#99B8D0D9" /> <!-- Header elements - for expander and combo/date/time/picker controls --> <Color x:Key="HeaderElement_NormalColor1">#FFFFFFFF</Color> <Color x:Key="HeaderElement_NormalColor2">#FF000000</Color> <Color x:Key="HeaderElement_OverColor">#FF8EE3FF</Color> <Color x:Key="HeaderElement_DisabledColor">#5990E5FF</Color> <Color x:Key="HeaderElement_PressedColor">#FF00C3FF</Color> <!-- Shadows --> <SolidColorBrush x:Key="RectangleRootShadow1" Color="#04000000" /> <SolidColorBrush x:Key="RectangleRootShadow2" Color="#04000000" /> <SolidColorBrush x:Key="RectangleRootShadow3" Color="#06000000" /> <SolidColorBrush x:Key="RectangleRootShadow4" Color="#08000000" /> <SolidColorBrush x:Key="RectangleRootShadow5" Color="#0b000000" /> <SolidColorBrush x:Key="RectangleRootShadow6" Color="#0e000000" /> <SolidColorBrush x:Key="HeaderButton_NormalBrush" Color="{StaticResource HeaderElement_NormalColor1}"></SolidColorBrush> <SolidColorBrush x:Key="HeaderButton_OverBrush" Color="{StaticResource HeaderElement_OverColor}"></SolidColorBrush> <SolidColorBrush x:Key="HeaderButton_DisabledBrush" Color="{StaticResource HeaderElement_DisabledColor}"></SolidColorBrush> <SolidColorBrush x:Key="HeaderButton_PressedBrush" Color="{StaticResource HeaderElement_PressedColor}"></SolidColorBrush> <SolidColorBrush x:Key="ExpandElement_NormalBrush" Color="{StaticResource HeaderElement_NormalColor2}"></SolidColorBrush> <SolidColorBrush x:Key="ExpandElement_OverBrush" Color="{StaticResource HeaderElement_OverColor}"></SolidColorBrush> <SolidColorBrush x:Key="ExpandElement_PressedBrush" Color="{StaticResource HeaderElement_PressedColor}"></SolidColorBrush> <SolidColorBrush x:Key="ExpandElement_ExpandedBrush" Color="{StaticResource HeaderElement_NormalColor2}"></SolidColorBrush> <SolidColorBrush x:Key="ExpandElement_ExpandedOverBrush" Color="{StaticResource HeaderElement_OverColor}"></SolidColorBrush> <!-- ToggleButoonTemplates ================================================================ --> <ControlTemplate TargetType="ToggleButton" x:Key="DownToggleButoonTemplate"> <Grid Background="{x:Null}"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:0.2" To="Normal" /> <VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" /> <VisualTransition GeneratedDuration="0:0:0.2" To="Pressed" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"/> <VisualState x:Name="Pressed"/> <VisualState x:Name="Disabled" /> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"/> <VisualState x:Name="Unchecked" /> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border x:Name="HeaderBorder" Grid.Row="0" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="3,3,0,0" BorderThickness="0" Padding="2,1,2,1" Margin="0"> <Grid x:Name="HeaderGrid" Background="{StaticResource FocusBrush}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <ContentPresenter Margin="5,0" VerticalAlignment="Center" x:Name="HeaderHolder" Grid.Column="0" Content="{TemplateBinding Content}" HorizontalAlignment="Center" /> </Grid> </Border> <Rectangle x:Name="FocusVisual" StrokeDashArray="1 2" StrokeThickness="1" Margin="2" RadiusX="2" RadiusY="2" /> </Grid> </ControlTemplate> <ControlTemplate TargetType="ToggleButton" x:Key="UpToggleButoonTemplate"> <Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:0.2" To="Normal" /> <VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" /> <VisualTransition GeneratedDuration="0:0:0.2" To="Pressed" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_OverColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_PressedColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Disabled" /> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"> <Storyboard> <DoubleAnimation Storyboard.TargetName="arrowRotation" Duration="0" Storyboard.TargetProperty="Angle" To="180" /> </Storyboard> </VisualState> <VisualState x:Name="Unchecked" /> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border x:Name="HeaderBorder" Grid.Row="0" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="0,0,3,3" BorderThickness="0" Padding="2,1,2,1" Margin="0"> <Grid x:Name="HeaderGrid" Background="Transparent"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Grid Width="20" Height="20" Grid.Column="1"> <Path x:Name="arrow" HorizontalAlignment="Center" VerticalAlignment="Center" StrokeThickness="2" Data="M 0.5,1.0 L 4.5,5 L 8.5,1.0"> <Path.RenderTransform> <RotateTransform x:Name="arrowRotation" Angle="0" CenterX="4.8" CenterY="3.3" /> </Path.RenderTransform> <Path.Stroke> <SolidColorBrush x:Name="arrowStroke" Color="{StaticResource HeaderElement_NormalColor1}" /> </Path.Stroke> </Path> </Grid> <ContentPresenter Margin="5,0" VerticalAlignment="Center" x:Name="HeaderHolder" Grid.Column="0" Content="{TemplateBinding Content}" /> </Grid> </Border> <Rectangle x:Name="FocusVisual" Stroke="{StaticResource FocusBrush}" StrokeDashArray="1 2" StrokeThickness="1" Margin="2" RadiusX="2" RadiusY="2" /> </Grid> </ControlTemplate> <ControlTemplate TargetType="ToggleButton" x:Key="LeftToggleButoonTemplate"> <Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:0.2" To="Normal" /> <VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" /> <VisualTransition GeneratedDuration="0:0:0.2" To="Pressed" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_OverColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_PressedColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Disabled" /> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"> <Storyboard> <DoubleAnimation Storyboard.TargetName="arrowRotation" Duration="0" Storyboard.TargetProperty="Angle" To="90" /> </Storyboard> </VisualState> <VisualState x:Name="Unchecked" /> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border x:Name="HeaderBorder" Grid.Row="0" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="0,3,3,0" BorderThickness="0" Padding="5,2,5,2" Margin="0"> <Grid x:Name="HeaderGrid" Background="Transparent"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Grid Width="20" Height="20" Grid.Column="1"> <Path x:Name="arrow" HorizontalAlignment="Center" VerticalAlignment="Center" StrokeThickness="2" Data="M 0.5,1.0 L 4.5,5 L 8.5,1.0"> <Path.RenderTransform> <RotateTransform x:Name="arrowRotation" Angle="270" CenterX="4.8" CenterY="3.3" /> </Path.RenderTransform> <Path.Stroke> <SolidColorBrush x:Name="arrowStroke" Color="{StaticResource HeaderElement_NormalColor1}" /> </Path.Stroke> </Path> </Grid> <ContentPresenter Margin="5,0" VerticalAlignment="Center" x:Name="HeaderHolder" Grid.Column="0" Content="{TemplateBinding Content}" /> </Grid> </Border> <Rectangle x:Name="FocusVisual" Stroke="{StaticResource FocusBrush}" StrokeDashArray="1 2" StrokeThickness="1" Margin="2" RadiusX="2" RadiusY="2" /> </Grid> </ControlTemplate> <ControlTemplate TargetType="ToggleButton" x:Key="RightToggleButoonTemplate"> <Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:0.2" To="Normal" /> <VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" /> <VisualTransition GeneratedDuration="0:0:0.2" To="Pressed" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_OverColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ColorAnimation Storyboard.TargetName="arrowStroke" Duration="0" Storyboard.TargetProperty="Color" To="{StaticResource HeaderElement_PressedColor}" /> </Storyboard> </VisualState> <VisualState x:Name="Disabled" /> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"> <Storyboard> <DoubleAnimation Storyboard.TargetName="arrowRotation" Duration="0" Storyboard.TargetProperty="Angle" To="270" /> </Storyboard> </VisualState> <VisualState x:Name="Unchecked" /> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility" Duration="0"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border x:Name="HeaderBorder" Grid.Row="0" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="3,0,0,3" BorderThickness="0" Padding="5,2,5,2" Margin="0"> <Grid x:Name="HeaderGrid" Background="Transparent"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Grid Width="20" Height="20" Grid.Column="1"> <Path x:Name="arrow" HorizontalAlignment="Center" VerticalAlignment="Center" StrokeThickness="2" Data="M 0.5,1.0 L 4.5,5 L 8.5,1.0"> <Path.RenderTransform> <RotateTransform x:Name="arrowRotation" Angle="90" CenterX="4.8" CenterY="3.3" /> </Path.RenderTransform> <Path.Stroke> <SolidColorBrush x:Name="arrowStroke" Color="{StaticResource HeaderElement_NormalColor1}" /> </Path.Stroke> </Path> </Grid> <ContentPresenter Margin="5,0" VerticalAlignment="Center" x:Name="HeaderHolder" Grid.Column="0" Content="{TemplateBinding Content}" /> </Grid> </Border> <Rectangle x:Name="FocusVisual" Stroke="{StaticResource FocusBrush}" StrokeDashArray="1 2" StrokeThickness="1" Margin="2" RadiusX="2" RadiusY="2" /> </Grid> </ControlTemplate> <!-- DOWN ======================================================================= --> <ControlTemplate TargetType="telerik:RadExpander" x:Key="ExpanderDownTemplate"> <Grid> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="CommonStateGroup"> <vsm:VisualState x:Name="Normal" /> <vsm:VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderButton" To="0.5" Duration="0:0:0.2" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="1" Duration="0:0:0.2" /> </Storyboard> </VisualState> <vsm:VisualState x:Name="Collapsed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0:0:0.1"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="0.5" Duration="0:0:0.1" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Rectangle x:Name="RootShadow1" Fill="{StaticResource RectangleRootShadow1}" Margin="0" RadiusX="11" RadiusY="11" /> <Rectangle x:Name="RootShadow2" Fill="{StaticResource RectangleRootShadow2}" Margin="1" RadiusX="10" RadiusY="10" /> <Rectangle x:Name="RootShadow3" Fill="{StaticResource RectangleRootShadow3}" Margin="2" RadiusX="9" RadiusY="9" /> <Rectangle x:Name="RootShadow4" Fill="{StaticResource RectangleRootShadow4}" Margin="3" RadiusX="8" RadiusY="8" /> <Rectangle x:Name="RootShadow5" Fill="{StaticResource RectangleRootShadow5}" Margin="4" RadiusX="7" RadiusY="7" /> <Rectangle x:Name="RootShadow6" Fill="{StaticResource RectangleRootShadow6}" Margin="5" RadiusX="6" RadiusY="6" /> <Border BorderBrush="{TemplateBinding BorderBrush}" Margin="6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3"> <Grid> <!--Background --> <Border Grid.RowSpan="2" CornerRadius="2" BorderBrush="{StaticResource BorderInnerBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> </Border> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <!--Header background: --> <Border CornerRadius="2 2 0 0" Background="White" BorderBrush="#FFBABABA"> </Border> <!-- Header DOWN ================================================== --> <Grid x:Name="HeaderElement" Grid.Row="0"> <ToggleButton x:Name="HeaderButton" Template="{StaticResource DownToggleButoonTemplate}" IsEnabled="{TemplateBinding IsEnabled}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Background="#FF3E7FB6" Foreground="White" BorderBrush="#FFBABABA" Height="33" FontSize="14.667" FontFamily="Segoe UI" FontWeight="Bold" /> </Grid> <!-- Content DOWN ================================================= --> <Grid x:Name="ContentElement" Grid.Row="1" Background="White"> <Grid.ColumnDefinitions> <ColumnDefinition Width="0.14*"/> <ColumnDefinition Width="0.86*"/> </Grid.ColumnDefinitions> <ContentPresenter x:Name="Content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" Grid.ColumnSpan="2" /> </Grid> </Grid> </Grid> </Border> </Grid> </ControlTemplate> <!-- UP ========================================================================= --> <ControlTemplate TargetType="telerik:RadExpander" x:Key="ExpanderUpTemplate"> <Grid x:Name="RootElement" Background="Transparent"> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="CommonStateGroup"> <vsm:VisualState x:Name="Normal" /> <vsm:VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderButton" To="0.5" Duration="0:0:0.2" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="1" Duration="0:0:0.2" /> </Storyboard> </VisualState> <vsm:VisualState x:Name="Collapsed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0:0:0.1"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="0.5" Duration="0:0:0.1" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Rectangle x:Name="RootShadow1" Fill="{StaticResource RectangleRootShadow1}" Margin="0" RadiusX="11" RadiusY="11" /> <Rectangle x:Name="RootShadow2" Fill="{StaticResource RectangleRootShadow2}" Margin="1" RadiusX="10" RadiusY="10" /> <Rectangle x:Name="RootShadow3" Fill="{StaticResource RectangleRootShadow3}" Margin="2" RadiusX="9" RadiusY="9" /> <Rectangle x:Name="RootShadow4" Fill="{StaticResource RectangleRootShadow4}" Margin="3" RadiusX="8" RadiusY="8" /> <Rectangle x:Name="RootShadow5" Fill="{StaticResource RectangleRootShadow5}" Margin="4" RadiusX="7" RadiusY="7" /> <Rectangle x:Name="RootShadow6" Fill="{StaticResource RectangleRootShadow6}" Margin="5" RadiusX="6" RadiusY="6" /> <Border BorderBrush="{TemplateBinding BorderBrush}" Margin="6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3"> <Grid> <!--Background --> <Border Grid.RowSpan="2" CornerRadius="2" BorderBrush="{StaticResource BorderInnerBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> </Border> <Grid> <Grid.RowDefinitions> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <!--Header background: --> <Border Grid.Row="1" CornerRadius="2 2 0 0" Background="{StaticResource HeaderBackgroundBrush}"> </Border> <!-- Header UP ==================================================== --> <Grid x:Name="HeaderElement" Grid.Row="1" Background="Transparent"> <ToggleButton x:Name="HeaderButton" Template="{StaticResource UpToggleButoonTemplate}" IsEnabled="{TemplateBinding IsEnabled}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Background="{StaticResource HeaderBackgroundBrush}" Foreground="{StaticResource HeaderForegroundBrush}" BorderBrush="{StaticResource Header2BackgroundBrush}" /> </Grid> <!-- Content UP =================================================== --> <Grid x:Name="ContentElement" Grid.Row="0"> <ContentPresenter x:Name="Content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" /> </Grid> </Grid> </Grid> </Border> </Grid> </ControlTemplate> <!-- LEFT ======================================================================= --> <ControlTemplate TargetType="telerik:RadExpander" x:Key="ExpanderLeftTemplate"> <Grid x:Name="RootElement" Background="Transparent"> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="CommonStateGroup"> <vsm:VisualState x:Name="Normal" /> <vsm:VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderButton" To="0.5" Duration="0:0:0.2" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="1" Duration="0:0:0.2" /> </Storyboard> </VisualState> <vsm:VisualState x:Name="Collapsed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0:0:0.1"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="0.5" Duration="0:0:0.1" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Rectangle x:Name="RootShadow1" Fill="{StaticResource RectangleRootShadow1}" Margin="0" RadiusX="11" RadiusY="11" /> <Rectangle x:Name="RootShadow2" Fill="{StaticResource RectangleRootShadow2}" Margin="1" RadiusX="10" RadiusY="10" /> <Rectangle x:Name="RootShadow3" Fill="{StaticResource RectangleRootShadow3}" Margin="2" RadiusX="9" RadiusY="9" /> <Rectangle x:Name="RootShadow4" Fill="{StaticResource RectangleRootShadow4}" Margin="3" RadiusX="8" RadiusY="8" /> <Rectangle x:Name="RootShadow5" Fill="{StaticResource RectangleRootShadow5}" Margin="4" RadiusX="7" RadiusY="7" /> <Rectangle x:Name="RootShadow6" Fill="{StaticResource RectangleRootShadow6}" Margin="5" RadiusX="6" RadiusY="6" /> <Border BorderBrush="{TemplateBinding BorderBrush}" Margin="6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3"> <Grid> <!--Background --> <Border Grid.RowSpan="2" CornerRadius="2" BorderBrush="{StaticResource BorderInnerBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> </Border> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <!--Header background: --> <Border Grid.Column="1" CornerRadius="2 2 0 0" Background="{StaticResource HeaderBackgroundBrush}"> </Border> <!-- Header LEFT =================================================== --> <Grid x:Name="HeaderElement" Grid.Column="1" Background="Transparent"> <ToggleButton x:Name="HeaderButton" Template="{StaticResource LeftToggleButoonTemplate}" IsEnabled="{TemplateBinding IsEnabled}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Background="{StaticResource HeaderBackgroundBrush}" Foreground="{StaticResource HeaderForegroundBrush}" BorderBrush="{StaticResource Header2BackgroundBrush}" /> </Grid> <!-- Content LEFT ================================================== --> <Grid x:Name="ContentElement" Grid.Column="0"> <ContentPresenter x:Name="Content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" /> </Grid> </Grid> </Grid> </Border> </Grid> </ControlTemplate> <!-- RIGHT ====================================================================== --> <ControlTemplate TargetType="telerik:RadExpander" x:Key="ExpanderRightTemplate"> <Grid x:Name="RootElement" Background="Transparent"> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="CommonStateGroup"> <vsm:VisualState x:Name="Normal" /> <vsm:VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderButton" To="0.5" Duration="0:0:0.2" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="1" Duration="0:0:0.2" /> </Storyboard> </VisualState> <vsm:VisualState x:Name="Collapsed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0:0:0.1"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement" To="0.5" Duration="0:0:0.1" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Rectangle x:Name="RootShadow1" Fill="{StaticResource RectangleRootShadow1}" Margin="0" RadiusX="11" RadiusY="11" /> <Rectangle x:Name="RootShadow2" Fill="{StaticResource RectangleRootShadow2}" Margin="1" RadiusX="10" RadiusY="10" /> <Rectangle x:Name="RootShadow3" Fill="{StaticResource RectangleRootShadow3}" Margin="2" RadiusX="9" RadiusY="9" /> <Rectangle x:Name="RootShadow4" Fill="{StaticResource RectangleRootShadow4}" Margin="3" RadiusX="8" RadiusY="8" /> <Rectangle x:Name="RootShadow5" Fill="{StaticResource RectangleRootShadow5}" Margin="4" RadiusX="7" RadiusY="7" /> <Rectangle x:Name="RootShadow6" Fill="{StaticResource RectangleRootShadow6}" Margin="5" RadiusX="6" RadiusY="6" /> <Border BorderBrush="{TemplateBinding BorderBrush}" Margin="6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3"> <Grid> <!--Background --> <Border Grid.RowSpan="2" CornerRadius="2" BorderBrush="{StaticResource BorderInnerBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> </Border> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <!--Header background: --> <Border Grid.Column="0" CornerRadius="2 2 0 0" Background="{StaticResource HeaderBackgroundBrush}"> </Border> <!-- Header RIGHT =================================================== --> <Grid x:Name="HeaderElement" Grid.Column="0" Background="Transparent"> <ToggleButton x:Name="HeaderButton" Template="{StaticResource RightToggleButoonTemplate}" IsEnabled="{TemplateBinding IsEnabled}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Background="{StaticResource HeaderBackgroundBrush}" Foreground="{StaticResource HeaderForegroundBrush}" BorderBrush="{StaticResource Header2BackgroundBrush}" /> </Grid> <!-- Content RIGHT ================================================== --> <Grid x:Name="ContentElement" Grid.Column="1"> <ContentPresenter x:Name="Content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" /> </Grid> </Grid> </Grid> </Border> </Grid> </ControlTemplate> <!-- STYLE ====================================================================== --> <Style TargetType="telerik:RadExpander" x:Key="oldExpanderStyle"> <Setter Property="IsTabStop" Value="false" /> <Setter Property="IsEnabled" Value="true" /> <Setter Property="ExpandDirection" Value="Down" /> <Setter Property="IsExpanded" Value="true" /> <Setter Property="Background" Value="{StaticResource ContentBackgroundBrush}" /> <Setter Property="BorderBrush" Value="{StaticResource BorderOuterBrush}" /> <Setter Property="BorderThickness" Value="1" /> <Setter Property="Padding" Value="2,2,2,2" /> <!-- Default Template --> <Setter Property="Template" Value="{StaticResource ExpanderDownTemplate}" /> <Setter Property="TemplateDown" Value="{StaticResource ExpanderDownTemplate}" /> <Setter Property="TemplateUp" Value="{StaticResource ExpanderUpTemplate}" /> <Setter Property="TemplateLeft" Value="{StaticResource ExpanderLeftTemplate}" /> <Setter Property="TemplateRight" Value="{StaticResource ExpanderRightTemplate}" /> </Style> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White" Width="600"> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <telerik:RadExpander x:Name="myExpander" Grid.Row="0" Header="Expander Header" VerticalAlignment="Top" Style="{StaticResource oldExpanderStyle}" Width="350" Margin="133,116,117,0"> <ScrollViewer VerticalScrollBarVisibility="Auto"> <StackPanel Name="StackScroll" Margin="0,0,0,2" Background="Aqua"> </StackPanel> </ScrollViewer> </telerik:RadExpander> <Grid Grid.Row="1"> <Rectangle x:Name="RootShadow1" Fill="{StaticResource RectangleRootShadow1}" Margin="0" RadiusX="11" RadiusY="11" /> <Rectangle x:Name="RootShadow2" Fill="{StaticResource RectangleRootShadow2}" Margin="1" RadiusX="10" RadiusY="10" /> <Rectangle x:Name="RootShadow3" Fill="{StaticResource RectangleRootShadow3}" Margin="2" RadiusX="9" RadiusY="9" /> <Rectangle x:Name="RootShadow4" Fill="{StaticResource RectangleRootShadow4}" Margin="3" RadiusX="8" RadiusY="8" /> <Rectangle x:Name="RootShadow5" Fill="{StaticResource RectangleRootShadow5}" Margin="4" RadiusX="7" RadiusY="7" /> <Rectangle x:Name="RootShadow6" Fill="{StaticResource RectangleRootShadow6}" Margin="5" RadiusX="6" RadiusY="6" /> <Border BorderBrush="#FFFFFF" Margin="6" BorderThickness="1" CornerRadius="3"> <Grid> <!--Background --> <Border Grid.RowSpan="2" CornerRadius="2" BorderBrush="{StaticResource BorderInnerBrush}" BorderThickness="1" Background="#FFFFFF"> </Border> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <!--Header background: --> <Border CornerRadius="2 2 0 0" Background="White" BorderBrush="#FFBABABA"> </Border> <!-- Header DOWN ================================================== --> <Grid x:Name="HeaderElement" Grid.Row="0"> <ToggleButton x:Name="HeaderButton" Content="Expander Header" Template="{StaticResource DownToggleButoonTemplate}" Background="#FF3E7FB6" Foreground="White" BorderBrush="#FFBABABA" Height="33" FontSize="14.667" FontFamily="Segoe UI" FontWeight="Bold" /> </Grid> </Grid> </Grid> </Border> </Grid> </Grid> </UserControl>
4. 
View Code
<UserControl x:Class="SilverlightApplication1.SilverlightControl5" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls" d:DesignHeight="300" d:DesignWidth="400"> <UserControl.Resources> <SolidColorBrush x:Key="Expander_Background" Color="#00FFFFFF" /> <SolidColorBrush x:Key="Expander_BorderBrush" Color="#00FFFFFF" /> <Thickness x:Key="Expander_BorderThickness">0</Thickness> <LinearGradientBrush x:Key="ControlBackground_Normal" StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Offset="0" Color="#FFFFFFFF" /> <GradientStop Offset="0.50" Color="#FFDCDCDC" /> <GradientStop Offset="0.50" Color="#FFADADAD" /> <GradientStop Offset="1" Color="#FFD4D4D4" /> </LinearGradientBrush> <SolidColorBrush x:Key="ControlOuterBorder_Normal" Color="#FF848484" /> <SolidColorBrush x:Key="ControlInnerBorder_Normal" Color="#FFFFFFFF" /> <SolidColorBrush x:Key="ControlElement_Normal" Color="#FF000000" /> <SolidColorBrush x:Key="ControlOuterBorder_Focused" Color="#FFFFC92B" /> <ControlTemplate x:Key="ToggleTemplate" TargetType="telerik:RadToggleButton"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="FocusStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:0.2" To="Focused" /> <VisualTransition GeneratedDuration="0:0:0.2" To="Unfocused" /> </VisualStateGroup.Transitions> <VisualState x:Name="Unfocused" /> <VisualState x:Name="Focused"> <Storyboard> <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="FocusDecorator" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" /> <Rectangle x:Name="FocusDecorator" IsHitTestVisible="false" Stroke="{StaticResource ControlOuterBorder_Focused}" StrokeDashArray="1 2" StrokeThickness="1" Visibility="Collapsed" /> </Grid> </ControlTemplate> <SolidColorBrush x:Key="ControlOuterBorder_Disabled" Color="#FF989898" /> <SolidColorBrush x:Key="ControlInnerBorder_Disabled" Color="Transparent" /> <SolidColorBrush x:Key="ControlBackground_Disabled" Color="#FFE0E0E0" /> <SolidColorBrush x:Key="ControlElement_Disabled" Color="#FF8D8D8D" /> <SolidColorBrush x:Key="ControlOuterBorder_MouseOver" Color="#FFFFC92B" /> <SolidColorBrush x:Key="ControlInnerBorder_MouseOver" Color="#FFFFFFFF" /> <LinearGradientBrush x:Key="ControlBackground_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Offset="0" Color="#FFFFFBDA" /> <GradientStop Offset="0.50" Color="#FFFEEBAE" /> <GradientStop Offset="0.50" Color="#FFFFD25A" /> <GradientStop Offset="1" Color="#FFFFFBA3" /> </LinearGradientBrush> <SolidColorBrush x:Key="ControlElement_MouseOver" Color="#FF000000" /> <LinearGradientBrush x:Key="ControlOuterBorder_Pressed" StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Color="#FF282828" /> <GradientStop Offset="1" Color="#FF5F5F5F" /> </LinearGradientBrush> <LinearGradientBrush x:Key="ControlInnerBorder_Pressed" StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Color="#FFB69A78" /> <GradientStop Offset="0.126" Color="#FFFFE17A" /> </LinearGradientBrush> <LinearGradientBrush x:Key="ControlBackground_Pressed" StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Offset="0" Color="#FFFFDCAB" /> <GradientStop Offset="0.5" Color="#FFFFD18F" /> <GradientStop Offset="0.5" Color="#FFFE9227" /> <GradientStop Offset="0" Color="#FFFFBA74" /> </LinearGradientBrush> <SolidColorBrush x:Key="ControlElement_Pressed" Color="#FF000000" /> <ControlTemplate x:Key="ExpanderTemplate" TargetType="telerik:RadExpander"> <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStateGroup"> <VisualState x:Name="Normal" /> <VisualState x:Name="Disabled"> <Storyboard> <DoubleAnimation Storyboard.TargetName="arrow" Storyboard.TargetProperty="Opacity" To=".5" /> <DoubleAnimation Storyboard.TargetName="Content" Storyboard.TargetProperty="Opacity" To=".5" /> <DoubleAnimation Storyboard.TargetName="HeaderContent" Storyboard.TargetProperty="Opacity" To=".5" /> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="HeaderStateGroup"> <VisualState x:Name="NormalHeader" /> <VisualState x:Name="MouseOverHeader" /> <VisualState x:Name="PressedHeader"/> </VisualStateGroup> <VisualStateGroup x:Name="HeaderOrientationGroup"> <VisualState x:Name="HorizontalOrientation"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <RotateTransform Angle="0" /> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Column)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="VerticalOrientation"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <RotateTransform Angle="90" /> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Row)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="ExpandStateGroup"> <VisualState x:Name="Expanded"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" /> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="180" /> </Storyboard> </VisualState> <VisualState x:Name="Collapsed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" /> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="0" /> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="ExpandDirectionStates"> <VisualStateGroup.Transitions> <VisualTransition> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualTransition> </VisualStateGroup.Transitions> <VisualState x:Name="DirectionDown"> <Storyboard> <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="arrowPanel" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="90" /> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="DirectionUp"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="row1" Storyboard.TargetProperty="Height"> <DiscreteObjectKeyFrame KeyTime="0" Value="*" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="row2" Storyboard.TargetProperty="Height"> <DiscreteObjectKeyFrame KeyTime="0" Value="Auto" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="arrowPanel" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="-90" /> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.ColumnSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="DirectionLeft"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="column1" Storyboard.TargetProperty="Width"> <DiscreteObjectKeyFrame KeyTime="0" Value="*" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="column2" Storyboard.TargetProperty="Width"> <DiscreteObjectKeyFrame KeyTime="0" Value="Auto" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="arrowPanel" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="180" /> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="DirectionRight"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="arrowPanel" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="0" /> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.RowSpan)"> <DiscreteObjectKeyFrame KeyTime="0" Value="2" /> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <Grid x:Name="expanderContainer"> <Grid.ColumnDefinitions> <ColumnDefinition x:Name="column1" Width="Auto" /> <ColumnDefinition x:Name="column2" Width="*" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" x:Name="row1" /> <RowDefinition Height="*" x:Name="row2"/> </Grid.RowDefinitions> <telerik:RadToggleButton x:Name="HeaderButton" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Background="Transparent" ClickMode="{TemplateBinding ClickMode}" FontFamily="{TemplateBinding FontFamily}" FontSize="{TemplateBinding FontSize}" FontStretch="{TemplateBinding FontStretch}" FontStyle="{TemplateBinding FontStyle}" FontWeight="{TemplateBinding FontWeight}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Template="{StaticResource ToggleTemplate}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"> <Grid x:Name="HeaderPanel"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid Grid.Row="0" Grid.Column="0"> <Grid x:Name="arrowPanel" RenderTransformOrigin=".5 .5"> <Grid.RenderTransform> <RotateTransform /> </Grid.RenderTransform> <Image x:Name="arrow" Width="16" Height="16" RenderTransformOrigin="0.5,0.5" Stretch="None" Source="Expander.png"> <Image.RenderTransform> <RotateTransform Angle="0" /> </Image.RenderTransform> </Image> </Grid> </Grid> <telerik:LayoutTransformControl x:Name="HeaderContentTransform" Grid.Row="0" Grid.Column="0" RenderTransformOrigin=".5 .5"> <ContentPresenter x:Name="HeaderContent" Grid.Column="1" Margin="5 0" HorizontalAlignment="Stretch" VerticalAlignment="Center" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" /> </telerik:LayoutTransformControl> </Grid> </telerik:RadToggleButton> <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" /> </Grid> </Border> </Grid> </ControlTemplate> <Style x:Key="RadExpanderStyle" TargetType="telerik:RadExpander"> <Setter Property="IsTabStop" Value="false" /> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Background" Value="{StaticResource Expander_Background}" /> <Setter Property="BorderBrush" Value="{StaticResource Expander_BorderBrush}" /> <Setter Property="BorderThickness" Value="{StaticResource Expander_BorderThickness}" /> <Setter Property="Padding" Value="2" /> <Setter Property="Template" Value="{StaticResource ExpanderTemplate}" /> <Setter Property="telerik:AnimationManager.AnimationSelector"> <Setter.Value> <telerik:AnimationSelector> <telerik:ExpanderExpandCollapseAnimation AnimationName="Expand" Direction="In" TargetElementName="Content" /> <telerik:ExpanderExpandCollapseAnimation AnimationName="Collapse" Direction="Out" TargetElementName="Content" /> </telerik:AnimationSelector> </Setter.Value> </Setter> </Style> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White"> <telerik:RadExpander Header="Expander" Width="200" HorizontalContentAlignment="Stretch" Style="{StaticResource RadExpanderStyle}" VerticalContentAlignment="Stretch"> <TextBlock Text="asdafda"/> </telerik:RadExpander> </Grid> </UserControl>
二、telerik:RadSlider控件样式
View Code
<UserControl xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" x:Class="SilverlightApplication1.SilverlightControl5" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Grid.Resources> <ControlTemplate x:Key="TickBarTemplate" TargetType="telerik:RadTickBar"> <Canvas x:Name="LayoutRoot" Background="Transparent"/> </ControlTemplate> <ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb"> <Grid Background="Transparent" Height="18" Width="21" Cursor="Hand"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="MouseOver"> <Storyboard> <DoubleAnimation Storyboard.TargetName="InnerShell_Fill" Storyboard.TargetProperty="Opacity" Duration="0" To="0.695" /> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <DoubleAnimation Storyboard.TargetName="InnerShell_Fill" Storyboard.TargetProperty="Opacity" Duration="0" To="0" /> <ColorAnimation Storyboard.TargetName="OuterShell" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)" Duration="0" To="#FF1985DD" /> </Storyboard> </VisualState> <VisualState x:Name="Disabled"> <Storyboard> <ColorAnimation Storyboard.TargetName="OuterShell" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)" Duration="0" To="#FF848484" /> <ColorAnimation Storyboard.TargetName="InnerShell_Fill1" Storyboard.TargetProperty="(GradientStop.Color)" Duration="0" To="#FFFFFFFF" /> <ColorAnimation Storyboard.TargetName="InnerShell_Fill2" Storyboard.TargetProperty="(GradientStop.Color)" Duration="0" To="#FF848484" /> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Grid.RowDefinitions> <RowDefinition Height="1*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="1*" /> <ColumnDefinition Width="1*" /> </Grid.ColumnDefinitions> <Rectangle Grid.Row="0" Grid.Column="0" Fill="{TemplateBinding Background}" Margin="0,6,0,0" /> <Rectangle Grid.Row="0" Grid.Column="1" Fill="{TemplateBinding Foreground}" Margin="0,6,0,0" /> <Path x:Name="OuterShell" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Stretch="Fill" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Data="M0,0 L10,0 L10,4 L5,9 L0,4 z" Stroke="#FF799FBF" Fill="#FF1985DD" /> <Path x:Name="InnerShell" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Margin="1,1,1,1" Stretch="Fill" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Data="M0,0 L10,0 L10,3.5 L5,8 L0,3.5 z" Stroke="#FFFFFFFF"> <Path.Fill> <RadialGradientBrush x:Name="InnerShell_Fill" RadiusX="15" RadiusY="9" Center="9.5,3" GradientOrigin="9.5,15" MappingMode="Absolute"> <GradientStop x:Name="InnerShell_Fill1" Color="#FF799FBF" Offset="0.104"/> <GradientStop x:Name="InnerShell_Fill2" Color="#FFC9DBF0" Offset="0.53"/> </RadialGradientBrush> </Path.Fill> </Path> </Grid> </ControlTemplate> <ControlTemplate x:Key="HorizontalRangeSelectionThumbTemplate" TargetType="Thumb"> <Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="MouseOver" /> <VisualState x:Name="Pressed" /> <VisualState x:Name="Disabled" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Rectangle Fill="{TemplateBinding Background}" Cursor="Hand" /> </Grid> </ControlTemplate> <Style x:Key="HandleStyle" TargetType="RepeatButton"> <Setter Property="IsTabStop" Value="False"/> <Setter Property="Cursor" Value="Hand"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RepeatButton"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="MouseOver" /> <VisualState x:Name="Pressed" /> <VisualState x:Name="Disabled" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver" /> <VisualState x:Name="Pressed" /> <VisualState x:Name="Disabled" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Grid> </ControlTemplate> <ControlTemplate x:Key="VerticalRangeSelectionThumbTemplate" TargetType="Thumb"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="MouseOver" /> <VisualState x:Name="Pressed" /> <VisualState x:Name="Disabled" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Grid> </ControlTemplate> <ControlTemplate x:Key="ValidationToolTipTemplate" TargetType="ToolTip"> <Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0"> <Grid.RenderTransform> <TranslateTransform x:Name="xform" X="-25"/> </Grid.RenderTransform> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="OpenStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0"/> <VisualTransition GeneratedDuration="0:0:0.2" To="Open"> <Storyboard> <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform"> <DoubleAnimation.EasingFunction> <BackEase Amplitude=".3" EasingMode="EaseOut"/> </DoubleAnimation.EasingFunction> </DoubleAnimation> <DoubleAnimation Duration="0:0:0.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/> </Storyboard> </VisualTransition> </VisualStateGroup.Transitions> <VisualState x:Name="Closed"> <Storyboard> <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/> </Storyboard> </VisualState> <VisualState x:Name="Open"> <Storyboard> <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Background="#FFDC000C" CornerRadius="2"> <Border.Effect> <DropShadowEffect Opacity="0.5" ShadowDepth="3"/> </Border.Effect> </Border> <Border CornerRadius="2"> <TextBlock Foreground="White" MaxWidth="250" Margin="8,3,8,3" TextWrapping="Wrap" Text="{Binding (Validation.Errors)[0].ErrorContent}"/> </Border> </Grid> </ControlTemplate> <Style x:Key="rs_style" TargetType="telerik:RadSlider"> <Setter Property="HorizontalAlignment" Value="Stretch"/> <Setter Property="VerticalAlignment" Value="Stretch"/> <Setter Property="Orientation" Value="Horizontal"/> <Setter Property="IsEnabled" Value="True"/> <Setter Property="HandlesVisibility" Value="Collapsed"/> <Setter Property="IsMouseWheelEnabled" Value="True"/> <Setter Property="Background" Value="Fuchsia"/> <Setter Property="Foreground" Value="Lime"/> <Setter Property="BorderBrush" Value="Transparent"/> <Setter Property="Delay" Value="250"/> <Setter Property="RepeatInterval" Value="250"/> <Setter Property="StepAction" Value="ChangeRange"/> <Setter Property="ThumbVisibility" Value="Visible"/> <Setter Property="SelectionStart" Value="100"/> <Setter Property="SelectionEnd" Value="200"/> <Setter Property="Minimum" Value="-500" /> <Setter Property="Minimum" Value="500" /> <Setter Property="IsSelectionRangeEnabled" Value="True" /> <Setter Property="MinimumRangeSpan" Value="0"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="telerik:RadSlider"> <Grid x:Name="LayoutRoot"> <Grid.Resources> <DataTemplate x:Key="HorizontalTickTemplate"> <Grid x:Name="RootElement" ToolTipService.ToolTip="{Binding}"> <Rectangle Fill="#FF000000" Height="5" Width="1"/> </Grid> </DataTemplate> <DataTemplate x:Key="VerticalTickTemplate"> <Grid x:Name="RootElement" ToolTipService.ToolTip="{Binding}"> <Rectangle Fill="#FF000000" Height="1" Width="5"/> </Grid> </DataTemplate> </Grid.Resources> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused" /> <VisualState x:Name="Unfocused" /> </VisualStateGroup> <VisualStateGroup x:Name="ValidationStates"> <VisualState x:Name="Valid"/> <VisualState x:Name="InvalidUnfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="InvalidFocused"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsOpen" Storyboard.TargetName="validationTooltip"> <DiscreteObjectKeyFrame KeyTime="0:0:0.1"> <DiscreteObjectKeyFrame.Value> <System:Boolean>True</System:Boolean> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Grid> <Grid x:Name="HorizontalTemplate"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <!-- Tick Bars - Not Used --> <telerik:RadTickBar x:Name="TopTickBar" Grid.Row="0" Grid.Column="1" IsTabStop="False" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" MinHeight="6" Template="{StaticResource TickBarTemplate}"/> <telerik:RadTickBar x:Name="BottomTickBar" Grid.Row="2" Grid.Column="1" IsTabStop="False" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" MinHeight="6" Template="{StaticResource TickBarTemplate}"/> <!-- Track --> <Border x:Name="Track" Grid.Row="1" Grid.Column="1"> </Border> <!-- Horizontal - Single Thumb --> <Grid x:Name="HorizontalSingleThumbTemplate" Grid.Row="1" Grid.Column="1" Height="32"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Rectangle x:Name="HorizontalSingleLargeDecrease" Cursor="Hand" Fill="Transparent" Opacity="0" VerticalAlignment="Stretch"/> <Thumb x:Name="HorizontalSingleThumb" Grid.Column="1" Width="21" Height="18" IsEnabled="{TemplateBinding IsEnabled}" Template="{StaticResource HorizontalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" /> <Rectangle x:Name="HorizontalSingleLargeIncrease" Cursor="Hand" Grid.Column="2" Fill="Transparent" Opacity="0" VerticalAlignment="Stretch"/> </Grid> <!-- Horizontal - Double Thumb --> <Grid x:Name="HorizontalRangeTemplate" Grid.Row="1" Grid.Column="1" Height="32"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="1*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Rectangle x:Name="HorizontalRangeLargeDecrease" Grid.Row="0" Grid.Column="0" Cursor="Hand" Fill="{TemplateBinding Background}" Margin="0,6,0,0"/> <Thumb x:Name="HorizontalRangeStartThumb" Grid.Row="0" Grid.Column="1" Width="21" Height="18" IsEnabled="{TemplateBinding IsEnabled}" Template="{StaticResource HorizontalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" Background="{TemplateBinding Background}"> <Thumb.Foreground> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFF0E663" Offset="0.13"/> <GradientStop Color="#FFAB9C00" Offset="0.917"/> <GradientStop Color="#FFE3D75D" Offset="0.065"/> <GradientStop Color="#FFD8C600" Offset="0.6"/> <GradientStop Color="#FFEADD4B" Offset="0.339"/> <GradientStop Color="#FFD3C100" Offset="0.665"/> </LinearGradientBrush> </Thumb.Foreground> </Thumb> <Thumb x:Name="HorizontalRangeMiddleThumb" Grid.Row="0" Grid.Column="2" IsEnabled="{TemplateBinding IsEnabled}" Template="{StaticResource HorizontalRangeSelectionThumbTemplate}" Margin="0,6,0,0"> <Thumb.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFF0E663" Offset="0.13"/> <GradientStop Color="#FFAB9C00" Offset="0.917"/> <GradientStop Color="#FFE3D75D" Offset="0.065"/> <GradientStop Color="#FFD8C600" Offset="0.6"/> <GradientStop Color="#FFEADD4B" Offset="0.339"/> <GradientStop Color="#FFD3C100" Offset="0.665"/> </LinearGradientBrush> </Thumb.Background> </Thumb> <Thumb x:Name="HorizontalRangeEndThumb" Grid.Row="0" Grid.Column="3" Width="21" Height="18" IsEnabled="{TemplateBinding IsEnabled}" Template="{StaticResource HorizontalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" Foreground="{TemplateBinding Foreground}"> <Thumb.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFF0E663" Offset="0.13"/> <GradientStop Color="#FFAB9C00" Offset="0.917"/> <GradientStop Color="#FFE3D75D" Offset="0.065"/> <GradientStop Color="#FFD8C600" Offset="0.6"/> <GradientStop Color="#FFEADD4B" Offset="0.339"/> <GradientStop Color="#FFD3C100" Offset="0.665"/> </LinearGradientBrush> </Thumb.Background> </Thumb> <Rectangle x:Name="HorizontalRangeLargeIncrease" Grid.Row="0" Grid.Column="4" Cursor="Hand" Fill="{TemplateBinding Foreground}" Margin="0,6,0,0" /> <TextBlock Grid.Row="1" Grid.Column="1" Foreground="#FF7A7A7A" FontFamily="Century Gothic" FontSize="9" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" Text="{Binding Path=SelectionStart, RelativeSource={RelativeSource TemplatedParent}, StringFormat='\{0:N0\}'}" /> <TextBlock Grid.Row="1" Grid.Column="3" Foreground="#FF7A7A7A" FontFamily="Century Gothic" FontSize="9" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" Text="{Binding Path=SelectionEnd, RelativeSource={RelativeSource TemplatedParent}, StringFormat='\{0:N0\}'}" /> </Grid> <!-- Increase/Decrease Buttons --> <RepeatButton x:Name="HorizontalDecreaseHandle" Grid.Row="0" Grid.Column="0" Delay="{TemplateBinding Delay}" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Style="{StaticResource HandleStyle}" Visibility="{TemplateBinding HandlesVisibility}" /> <RepeatButton x:Name="HorizontalIncreaseHandle" Grid.Row="0" Grid.Column="2" Delay="{TemplateBinding Delay}" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Style="{StaticResource HandleStyle}" Visibility="{TemplateBinding HandlesVisibility}" /> </Grid> <Grid x:Name="VerticalTemplate"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <telerik:RadTickBar x:Name="LeftTickBar" Grid.Column="0" IsTabStop="False" Maximum="{TemplateBinding Maximum}" MinWidth="6" Minimum="{TemplateBinding Minimum}" Grid.Row="1" Template="{StaticResource TickBarTemplate}"/> <telerik:RadTickBar x:Name="RightTickBar" Grid.Column="2" IsTabStop="False" Maximum="{TemplateBinding Maximum}" MinWidth="6" Minimum="{TemplateBinding Minimum}" Grid.Row="1" Template="{StaticResource TickBarTemplate}"/> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" Grid.Column="1" HorizontalAlignment="Center" Grid.Row="1" Width="6"> <Border BorderBrush="Pink" BorderThickness="1" Background="{TemplateBinding Background}" /> </Border> <Grid x:Name="VerticalSingleThumbTemplate" Grid.Column="1" Grid.Row="1" Width="18"> <Grid.RowDefinitions> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Rectangle x:Name="VerticalSingleLargeDecrease" Cursor="Hand" Fill="Blue" HorizontalAlignment="Stretch" Opacity="0" Grid.Row="2"/> <Thumb x:Name="VerticalSingleThumb" HorizontalAlignment="Right" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="1" Template="{StaticResource VerticalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" Width="18"/> <Rectangle x:Name="VerticalSingleLargeIncrease" Cursor="Hand" Fill="Blue" HorizontalAlignment="Stretch" Opacity="0" Grid.Row="0"/> </Grid> <Grid x:Name="VerticalRangeTemplate" Grid.Column="1" Grid.Row="1" Width="18"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Rectangle x:Name="VerticalRangeLargeDecrease" Cursor="Hand" Fill="Transparent" Opacity="0" Grid.Row="4"/> <Thumb x:Name="VerticalRangeStartThumb" HorizontalAlignment="Center" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="3" Template="{StaticResource VerticalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" Width="18"/> <Thumb x:Name="VerticalRangeMiddleThumb" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="2" Template="{StaticResource VerticalRangeSelectionThumbTemplate}"/> <Thumb x:Name="VerticalRangeEndThumb" HorizontalAlignment="Center" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="1" Template="{StaticResource VerticalThumbTemplate}" Visibility="{TemplateBinding ThumbVisibility}" Width="18"/> <Rectangle x:Name="VerticalRangeLargeIncrease" Cursor="Hand" Fill="Transparent" Opacity="0" Grid.Row="0"/> </Grid> <RepeatButton x:Name="VerticalDecreaseHandle" Grid.Column="1" Delay="{TemplateBinding Delay}" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="0 2 0 0" Grid.Row="2" RenderTransformOrigin="0.5,0.5" Style="{StaticResource HandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"> <RepeatButton.RenderTransform> <TransformGroup> <ScaleTransform ScaleY="-1" ScaleX="-1"/> <RotateTransform Angle="90"/> </TransformGroup> </RepeatButton.RenderTransform> </RepeatButton> <RepeatButton x:Name="VerticalIncreaseHandle" Grid.Column="1" Delay="{TemplateBinding Delay}" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="0,0,0,2" Grid.Row="0" RenderTransformOrigin="0.5,0.5" Style="{StaticResource HandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"> <RepeatButton.RenderTransform> <TransformGroup> <ScaleTransform ScaleY="-1" ScaleX="1"/> <RotateTransform Angle="90"/> </TransformGroup> </RepeatButton.RenderTransform> </RepeatButton> </Grid> </Grid> <Rectangle x:Name="FocusVisual" Opacity="0" RadiusY="2" RadiusX="2" Stroke="#FF000000" StrokeThickness="1" StrokeDashArray="1 2"/> <Border x:Name="ValidationErrorElement" BorderBrush="#FFDB000C" BorderThickness="1" CornerRadius="1" Visibility="Collapsed"> <ToolTipService.ToolTip> <ToolTip x:Name="validationTooltip" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}" Placement="Right" PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Template="{StaticResource ValidationToolTipTemplate}"> <ToolTip.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsHitTestVisible" Storyboard.TargetName="validationTooltip"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <System:Boolean>true</System:Boolean> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </EventTrigger> </ToolTip.Triggers> </ToolTip> </ToolTipService.ToolTip> <Grid Background="Transparent" HorizontalAlignment="Right" Height="12" Margin="1,-4,-4,0" VerticalAlignment="Top" Width="12"> <Path Data="M 1,0 L6,0 A 2,2 90 0 1 8,2 L8,7 z" Fill="#FFDC000C" Margin="1,3,0,0"/> <Path Data="M 0,0 L2,0 L 8,6 L8,8" Fill="#ffffff" Margin="1,3,0,0"/> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </Grid.Resources> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <!-- Slider --> <telerik:RadSlider Grid.Row="1" Grid.Column="0" Margin="5,13,5,13" x:Name="ToleranceSlider" IsSelectionRangeEnabled="True" Orientation="Horizontal" HandlesVisibility="Collapsed" EnableSideTicks="False" Style="{StaticResource rs_style}" SelectionStart="{Binding Value1, Mode=TwoWay}" SelectionEnd="{Binding Value2, Mode=TwoWay}" Minimum="{Binding Min, Mode=TwoWay}" Maximum="{Binding Max, Mode=TwoWay}" Background="{Binding LeftRegion}" Foreground="{Binding RightRegion}" /> </Grid> </UserControl>