Added TabShapePath property to TabShape to allow styling of tab shape from XAML, and updated demo project.

Author: sskodje

ChromeTabs/TabShape.cs

@@ -12,6 +12,18 @@ public TabShape()
             Stretch = Stretch.Fill;
         }
 
+        public Path TabShapePath
+        {
+            get { return (Path)GetValue(TabShapePathProperty); }
+            set { SetValue(TabShapePathProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for TabShapePath.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty TabShapePathProperty =
+            DependencyProperty.Register("TabShapePath", typeof(Path), typeof(TabShape), new PropertyMetadata(null));
+
+
+
         protected override Size MeasureOverride(Size constraint)
         {
             if (constraint.Width == double.PositiveInfinity || constraint.Height == double.PositiveInfinity)
@@ -25,6 +37,10 @@ protected override Size MeasureOverride(Size constraint)
 
         private Geometry GetGeometry()
         {
+            if(TabShapePath!= null)
+            {
+                return TabShapePath.Data;
+            }
             double width = DesiredSize.Width - StrokeThickness;
 
             double height = 25;

Demo/CustomStyleExampleWindow.xaml

@@ -104,6 +104,8 @@
         <SolidColorBrush x:Key="SelectedTabStrokeBrush">WhiteSmoke</SolidColorBrush>
         <SolidColorBrush x:Key="TabHighlightBrush">White</SolidColorBrush>
         <SolidColorBrush x:Key="SelectedTabHighlighBrush">Transparent</SolidColorBrush>
+        <Path x:Key="CustomTabShape"
+              Data="M0,25 C0,0 2,0 10,0 15,0 95,0 100,0 106,0 108,0 108,25"/>
         <sys:Double x:Key="MinTabWidthToShowCloseButton">60</sys:Double>
         <Style TargetType="{x:Type ct:ChromeTabItem}"
                x:Key="CustomTabItemStyle">
@@ -131,10 +133,12 @@
                                               CommandParameter="{Binding}" />
                                 </ContextMenu>
                             </Grid.ContextMenu>
-                            <local:CustomTabShape x:Name="TabFill"
+                            <ct:TabShape x:Name="TabFill"
                                                   Grid.ColumnSpan="5"
                                                   VerticalAlignment="Top"
-                                                  Stretch="Fill">
+                                                  Stretch="Fill"
+                                                  TabShapePath="{StaticResource CustomTabShape}">
+
                                 <Shape.Fill>
                                     <LinearGradientBrush EndPoint="0.5,1"
                                                          StartPoint="0.5,0"
@@ -147,19 +151,21 @@
                                                       Offset="1" />
                                     </LinearGradientBrush>
                                 </Shape.Fill>
-                            </local:CustomTabShape>
+                            </ct:TabShape>
 
-                            <local:CustomTabShape x:Name="TabPath"
+                            <ct:TabShape x:Name="TabPath"
                                                   Grid.ColumnSpan="5"
                                                   VerticalAlignment="Top"
                                                   Stretch="Fill"
+                                                  TabShapePath="{StaticResource CustomTabShape}"
                                                   Stroke="{StaticResource TabStrokeBrush}" />
 
-                            <local:CustomTabShape x:Name="TabHighlight"
+                            <ct:TabShape x:Name="TabHighlight"
                                                   Margin="1"
                                                   Grid.ColumnSpan="5"
                                                   VerticalAlignment="Top"
                                                   Stretch="Fill"
+                                                  TabShapePath="{StaticResource CustomTabShape}"
                                                   Stroke="{StaticResource TabHighlightBrush}" />
                             <ContentPresenter x:Name="ContentSite"
                                               Grid.Column="1"