Tabs Studio Blog (organizing Visual Studio document tabs)

November 10, 2009

Animation effects

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 9:05 pm

You can use WPF animation effects to customize Tabs Studio presentation. Tabs Studio v1.7.3 demonstrates fade effect for the yellow extension background when mouse is over it and transition effect between states for the close tab button. You can turn on these two effects in the Quick Style window:

Quick Style animate option

Quick Style animate option


For example, fade-in effect for an extension starts on mouse enter event, during 0.2 seconds it changes border color from transparent to gray and it changes yellow background from transparent to opaque:

  
<EventTrigger RoutedEvent="Control.MouseEnter">
  <EventTrigger.Actions>
    <BeginStoryboard>
      <Storyboard>
        <ColorAnimation  Duration="0:0:0.2" Storyboard.TargetName="Border"    Storyboard.TargetProperty="BorderBrush.Color"  To="Gray"/>
        <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="LabelText" Storyboard.TargetProperty="Background.Opacity" To="1"/>
      </Storyboard>
    </BeginStoryboard>
  </EventTrigger.Actions>
</EventTrigger>

Full sample effects definitions are available when you turn on animation and generate style in the Quick Style window. I think the most common customization for the sample effects provided will be adjustment of animation duration.

The Shocking Blue Green Theme. Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.