Tabs Studio Blog (organizing Visual Studio document tabs)

May 25, 2011

Tab movement animation

Filed under: Uncategorized — Sergey Vlasov @ 8:10 pm

I’ve added some animation when a tab is created, destroyed, changes width or position in the Stable tabs layout. To turn it on, check the new Animate tab movement option:

Animate tab movement option

Animate tab movement option

See Tabs animation demo how it looks like.

Tabs animation duration is controlled by the TabsAnimationDuration property on the Tabs control. When you check the Animate tab movement option, the duration is set to 0.4 s. You can override this value with the following custom style:

<Style TargetType="TabsStudio:Tabs" BasedOn="{StaticResource DefaultTabsStyle}">
	<Setter Property="TabsAnimationDuration" Value="0:0:1.4"/>
</Style>

Download link: Tabs Studio v2.3.7.

3 Comments

  1. Hi,

    What I would like to see would be something like the WRAP but with the first lines right-justified excerpt for the last line.

    With the Stable model, there are still to much uncessary tab movements. For example, if I have tabs on well packed two rows and then I add a new tab, instead of simply creating a new third row for the new tab, the Stable model will also move many other tabs from the second row to the new last one.

    There a no justification for moving tabs from the second row to the new row because a new row has been created and all the existing tabs should remains on their row.

    The WRAP model does that but it doesn’t justifiy the first rows, leaving some kind of unaesthetic effect.

    Having the option of not showing the Close button on all tabs but still keeping the space to show it would also be a great idea. By not having the Close button on all tabs, closing inadvertantly a tab will occur much less often. This happens frequently when closing a tab and selecting a new one because the movement of the remaining tabs when closing a tab can put the one of the closing button under the tab when we try to select a new tab.

    The less the tabs move, the better it is

    Comment by Sylvain Lafontaine — May 27, 2011 @ 11:56 am

    • Sylvain,

      Thank you for the detailed feedback! I agree with the benefits of the Wrap layout and I’ll add first rows justification for it (along with other goodness currently available only for the Stable layout).

      You can fine tune the Close tab button visibility with a custom style. For example, to reserve space for the Close tab button on inactive tabs use the following style:

      <Style TargetType="TabsStudio:CloseTabButton" BasedOn="{StaticResource DefaultCloseTabButtonStyle}">
          <Style.Triggers>
              <Trigger Property="IsTabSelected" Value="False">
                  <Setter Property="Visibility" Value="Hidden"/>
              </Trigger>
          </Style.Triggers>
      </Style>
      

      To reserve space and show the close tab button on an inactive tab when mouse is over the tab, use the following style:

      <Style TargetType="TabsStudio:CloseTabButton" BasedOn="{StaticResource DefaultCloseTabButtonStyle}">
          <Style.Triggers>
              <Trigger Property="IsTabSelected" Value="False">
                  <Setter Property="Visibility" Value="Hidden"/>
              </Trigger>
              <DataTrigger Binding="{Binding Path=IsMouseOver, 
                           RelativeSource={RelativeSource AncestorType=TabsStudio:Tab}}" Value="True">
                  <Setter Property="Visibility" Value="Visible"/>
              </DataTrigger>
          </Style.Triggers>
      </Style>
      

      Comment by Sergey Vlasov — May 27, 2011 @ 2:40 pm

    • Sylvain,
      I’ve reduced tab movement in the Stable tabs layout and made it more like the Wrap layout regarding the last row. Please, have a look at Tabs Studio v2.3.9.

      Comment by Sergey Vlasov — June 10, 2011 @ 7:07 am


RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Blog at WordPress.com.