How to create trapezoid tabs in WPF tab control

Question

How to create trapezoid tabs in WPF tab control?
I\'d like to create non rectangular tabs that look like tabs in Google Chrome or like tabs in code editor of VS 2008.

Answer 1

Note: This is only an appendix to rooks' great answer.

While rooks' solution was working perfectly at runtime for me I had some trouble when opening the MainWindow in the VS2010 WPF designer surface: The designer threw exceptions and didn't display the window. Also the whole ControlTemplate for TabItem in TabControl.xaml had a blue squiggle line and a tooltip was telling me that a NullReferenceException occurred. I had the same behaviour when moving the relevant code into my application. The problems were on two different machines so I believe it wasn't related to any problems of my installation.

In case that someone experiences the same issues I've found a fix so that the example works now at runtime and in the designer as well:

First: Replace in the TabControl-XAML code ...

... by ...

Second: Replace at the end of the Convert method of the ContentToPathConverter class ...

return ps;

... by ...

PathFigure figure = new PathFigure(new Point(1, 0), ps, false);
PathGeometry geometry = new PathGeometry();
geometry.Figures.Add(figure);

return geometry;

I have no explanation why this runs stable in the designer but not rooks' original code.