Style

Presentation

Presentation options let you easily customize most common visual parameters (the Set color command is also available from a tab context menu):

A tab coloring rule has 8 filtering options and a definition for a tab background brush (it is highly recommended to enable the AvalonStyleEditor add-in for style editing). For example, the following rule sets the light blue background gradient for not selected, not previously selected tabs with tab project name starting with Wpf:

Tab selected checked - applies the rule when the tab is selected, unchecked - applies the rule when the tab is not selected, undefined - applies the rule to all tabs.

Previously selected tab checked - applies the rule to the previously selected tab, unchecked - applies the rule to all tabs except the previously selected tab, undefined - applies the rule to all tabs.

Document checked - applies the rule to regular code files, unchecked - applies the rule to tabs like Start Page, Class View, Object Browser etc, undefined - applies the rule to all tabs.

Regular expression options apply Regex.IsMatch to the corresponding tab property (e.g. TabName) when the regex is not empty (see Regular Expression Language Elements MSDN page for .NET regular expressions details). When the regex is empty the rule applies to all tabs.

Tab name regex is matched with the TabName property. For example, the "Form2 .cs .cs [Design]" tab has the tab name "Form2". A single tab like "Class1.cs" has the name "Class1".

Tab extensions regex is matched with the TabExtensions property. TabExtensions consists of the extensions separated by '$'. For example, the "Form2 .cs .cs [Design]" tab has tab extensions ".cs$.cs [Design]$". A single tab like "Class1.cs" has tab extensions ".cs$". If you want to set a special color for form designer tabs, set Tab extensions regex to \[Design\].

Project name regex is matched with the ProjectName property.

Document paths regex is matched with the Paths property. Paths consists of document paths separated by '$'. For example, the tab "App .xaml .xaml.cs" has paths "c:\Projects\WpfApplication1\app.xaml$c:\Projects\WpfApplication1\app.xaml.cs$". If you want to set a color for all xaml and xaml.cs tabs, Document paths regex could be \.(xaml|xaml\.cs)\$.

Custom conditions let you switch on tab properties not listed in this dialog. For example, the MVCGroup add-in adds IsController and IsView attached tab properties. To color controller tabs you can use the following custom condition:

<Condition Binding="{Binding Path=(TabsStudioMvcGroup:Properties.IsController),
  RelativeSource={RelativeSource Self}}" Value="True"/>

Style

XAML tabs style lets you customize every little visual representation detail: font, color, position and visibility of each tab element (it is highly recommended to enable the AvalonStyleEditor add-in for style editing). See tabs specification for available tab controls and properties. See Styling and Templating MSDN page for the great introduction to XAML styling. For example, the following style sets the red text color as the file modification status:

See more style examples.

Theme styles

1. Roger Peters's style:

Source

2. Jameel Al-Aziz's Visual Studio 2010 style:

Source

3. Jameel Al-Aziz's Visual Studio 2010 Silver theme style:

Source

4. Visual Studio 2008 theme:

Source (uses the Shaper add-in)

5. Chrome theme:

Source (uses the Shaper add-in)

6. Dark theme for Visual Studio 2010:

Description

Style composition

Styles that are assigned to TabsHost.Resources have the following structure:

<ResourceDictionary 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
	xmlns:s="clr-namespace:System;assembly=mscorlib"    
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    
	xmlns:TabsStudio="clr-namespace:TabsStudio;assembly=TabsStudio"  
	[ADDINS_HEADERS]>
[DEFAULT_STYLES]
[ADDINS_STYLES + PRESENTATION_STYLES]
[CUSTOM_STYLES]
</ResourceDictionary>

ADDINS_HEADERS - collection of strings that each add-in can add using the GetNamespacesForResourceDictionary function.

DEFAULT_STYLES - default styles or default styles for VS 2010 depending on whether Visual Studio 2010 is the host or not.

ADDINS_STYLES - collection of styles that each add-in can add using the UpdatePresentationStyles function.

PRESENTATION_STYLES - generated depending on Presentation options selected.

CUSTOM_STYLES - contents of the Style page.

This way add-ins/presentation can override default styles and custom styles can override them all.

Tabs specification

Below is the tree of Tabs Studio controls with base types and additional properties:

TabsHost : ContentControl
|
 - TabsItemsControl : ItemsControl
   |
    - Tabs : Panel (IsGroupSelected, IsGroupFocused for VS 2010, IsGroupWithLastActiveDocument for VS 2010,
      |             LessRowsPriority, RowBuffer, TabsAnimationDuration)
      |
       - Tab : TabItem (IsTabSelected, IsPreviouslySelectedTab, IsDocument, IsMultiExtensions, Paths,
         |              TabName, TabExtensions, ProjectName)
         |
          - TabToolTip : ToolTip
         |
          - TabInternals : DockPanel
            |
             - TabNameGroup : StackPanel (IsNameReadOnly, IsNameModified, IsNameExecuting, IsNameDebugging)
            |  |
            |   - TabName : Label
            |  |
            |   - TabNameModificationMarker : Label
            |  |
            |   - TabNameReadOnlyImage : Image
            |  |
            |   - TabNameExecutingDebuggingImage : Image
            |
             - TabExtensionGroup : StackPanel (IsExtensionActive, IsExtensionReadOnly, IsExtensionModified,
            |  |                               IsExtensionExecuting, IsExtensionDebugging)
            |  |
            |   - TabExtension : Label
            |  |  |
            |  |   - TabExtensionToolTip : ToolTip
            |  |
            |   - TabExtensionModificationMarker : Label
            |  |
            |   - TabExtensionReadOnlyImage : Image
            |  |
            |   - TabExtensionExecutingDebuggingImage : Image
            |  |
            |   - TabExtensionCloseButton: Button
            |
             - CloseTabButton : Button

IsDocument property is false for Start Page, Class View, Object Browser etc.

IsMultiExtensions property is true when the tab is a group of two or more extensions.

Paths consists of document paths separated by '$'. For example, the tab "App .xaml .xaml.cs" has paths "c:\Projects\WpfApplication1\app.xaml$c:\Projects\WpfApplication1\app.xaml.cs$".

TabName is "Form2" for the "Form2 .cs .cs [Design]" tab. A single tab like "Class1.cs" has the name "Class1".

TabExtensions consists of the extensions separated by '$'. For example, the "Form2 .cs .cs [Design]" tab has tab extensions ".cs$.cs [Design]$". A single tab like "Class1.cs" has tab extensions ".cs$".

TabsAnimationDuration controls tab movement animation duration for the Stable tabs layout. Default value when you check the Animate tab movement option is "0:0:0.3".

Copyright 2009 - 2012 Sergey Vlasov