wpf tab如何做出这种效果？

Question

第一个tab左边是斜角，后面得tab如上，这种效果怎么做啊？tab好像只能做圆角，有没有相关代码呢?

Answer 1

可以通过编辑其控件模板来实现

---

--!

Answer 2

控件模板好像只能修改圆角边大小，具体能有点代码吗？我看看

Answer 3

这种不规则形状是不是可以通过PathGeometry来实现呢？ 例如：

        <Path Stroke="DarkGray" StrokeThickness="2">
            <Path.Data>
                <PathGeometry>
                    <PathFigure StartPoint="80,40" IsClosed="False">
                        <LineSegment Point="160,40"></LineSegment>
                        <LineSegment Point="200,100"></LineSegment>
                        <LineSegment Point="80,100"></LineSegment>
                        <LineSegment Point="80,40"></LineSegment>
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>

执行结果是：

 

Answer 4

哈哈，你看下 Olaf WPF大牛的这系列自定TabControl的文章，应该有收获：

• http://blogs.intuidev.com/post/2010/01/25/TabControlStyling_PartOne.aspx
• http://blogs.intuidev.com/post/2010/01/26/TabControlStyling_PartTwo.aspx
• http://blogs.intuidev.com/post/2010/02/15/WPF-TabControl-series-Part-4-Closeable-TabItems.aspx
• http://blogs.intuidev.com/post/2010/02/10/TabControlStyling_PartThree.aspx

然后你看这个帖子吧，直接就能够解答你的问题： http://stackoverflow.com/questions/561931/how-to-create-trapezoid-tabs-in-wpf-tab-control

 

Sincerely,

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us
Get or Request Code Sample from Microsoft
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 5

请问这样的path怎么放到tabcontrol中呢？代码看看?

Answer 6

请问这样的path怎么放到tabcontrol中呢？代码看看?

http://stackoverflow.com/questions/561931/how-to-create-trapezoid-tabs-in-wpf-tab-control  这个里面有代码，你看下

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us
Get or Request Code Sample from Microsoft
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 7

是我想要的效果，多谢斑竹，现在我又想知道这种式样是怎么通过blend做出来的？有相关的视频教程或是什么教程的吗？

Answer 8

回答好再给你个棒棒糖，嘿嘿

Answer 9

熟话说授人以鱼不如授人以渔嘛

Answer 10

哈哈,这个视频啥的 我还真没接触多少.不过个人觉得在Blend中 右键Edit Template，对生成的 Template 可以做很多修改。 再利用Blend的很好的可视化绘图性，就能做到。 这个你可能需要一些专门作Blend的帮助了，我们是关注与VS上WPF的，主攻Code Design，设计上的是由Expression Blend 论 坛 http://social.expression.microsoft.com/Forums/en-US/categories 

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us
Get or Request Code Sample from Microsoft
Please remember to mark the replies as answers if they help and unmark them if they provide no help.