Created
June 18, 2010 14:29
-
-
Save deurell/443703 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<UserControl x:Class="ColourLab.IndividualColourView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="controlRoot"> | |
<StackPanel> | |
<StackPanel.Triggers> | |
<EventTrigger RoutedEvent="StackPanel.MouseEnter"> | |
<BeginStoryboard Name="GoUp" HandoffBehavior="Compose"> | |
<Storyboard> | |
<Int32Animation Storyboard.TargetName="controlRoot" Storyboard.TargetProperty="ColourWidth" To="100" Duration="0:0:0.6" | |
AccelerationRatio="0.1" DecelerationRatio="0.9" /> | |
</Storyboard> | |
</BeginStoryboard> | |
</EventTrigger> | |
<EventTrigger RoutedEvent="StackPanel.MouseLeave"> | |
<BeginStoryboard Name="GoDown" HandoffBehavior="Compose"> | |
<Storyboard> | |
<Int32Animation Storyboard.TargetName="controlRoot" Storyboard.TargetProperty="ColourWidth" To="20" Duration="0:0:1" | |
AccelerationRatio="0.9" DecelerationRatio="0.1" > | |
</Int32Animation> | |
<!-- | |
<Int32AnimationUsingKeyFrames Storyboard.TargetName="controlRoot" Storyboard.TargetProperty="ColourWidth"> | |
<EasingInt32KeyFrame KeyTime="0:0:2" Value="20"> | |
<EasingInt32KeyFrame.EasingFunction> | |
<BounceEase Bounces="6" Bounciness="12"/> | |
</EasingInt32KeyFrame.EasingFunction> | |
</EasingInt32KeyFrame> | |
</Int32AnimationUsingKeyFrames> | |
--> | |
</Storyboard> | |
</BeginStoryboard> | |
</EventTrigger> | |
</StackPanel.Triggers> | |
<ItemsControl ItemsSource="{Binding Colours}"> | |
<ItemsControl.ItemsPanel> | |
<ItemsPanelTemplate> | |
<StackPanel Orientation="Horizontal" /> | |
</ItemsPanelTemplate> | |
</ItemsControl.ItemsPanel> | |
<ItemsControl.ItemTemplate> | |
<DataTemplate> | |
<StackPanel> | |
<Rectangle Width="{Binding ElementName=controlRoot, Path = ColourWidth}" Height="20"> | |
<Rectangle.Fill> | |
<SolidColorBrush Color="{Binding .}" /> | |
</Rectangle.Fill> | |
</Rectangle> | |
</StackPanel> | |
</DataTemplate> | |
</ItemsControl.ItemTemplate> | |
</ItemsControl> | |
</StackPanel> | |
</UserControl> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment