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.

Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

Please log in to WordPress.com to post a comment to your blog.

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

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