创建一个标签WPF菜单，“ESET杀毒” - 风格

Question

我正在寻找一种方法来创建一个小工具，它看起来像ESET杀毒软件UI的应用程序布局：

我想，我接受了一个TabControl，并对整个事情做了一个完整的Restyling。我创建了一个基本的标签布局：

<Grid Background="White" Grid.Row="1" > 
     <TabControl TabStripPlacement="Left"> 
      <TabItem Header="Dashboard"> 
       <Grid> 

       </Grid> 
      </TabItem> 
      <TabItem Header="Projects"> 
       <Grid> 

       </Grid> 
      </TabItem> 
      <TabItem Header="Settings"> 
       <Grid> 

       </Grid>     
      </TabItem> 
      <TabItem Header="Help &amp; Info"> 
       <Grid> 

       </Grid> 
      </TabItem> 
     </TabControl> 
    </Grid> 

不过，我没有丝毫的线索如何获得的标签，我想他们是这样。我尝试了很多Blend，让Tabs看起来像上面的图片，但我不明白。这个三角形应该是很好的，但应该调整突出显示。

有什么建议吗？

Answer 1

每当您尝试使WPF UI元素看起来完全符合您的要求时，您应该从Microsoft发现默认的<style> XAML，然后尝试直接在您的项目中修改该元素，直到获得所需的结果。

万一说不清楚，你需要做的就是跟随下面的链接，从网页复制的风格，并把它们放到你的窗口的资源部分（或App.xaml中，它真的取决于你）。然后摆弄他们，直到你看到你想要的方式。

你需要玩的两种风格是TabControl和TabItem

Answer 2

我觉得一个MVVM方法，来代替。最重要的是，塑造数据模型以及业务层（命令，函数等）。 然后，您可以将您的模型（通过利用ViewModel）“穿”到ListBox左侧的选择器，以及主要部分的简单ContentControl。 列表框的选定项目应该被输入到主体的内容中，并且DataTemplateSelector（例如）将选择适当的视觉片段。

这只是一个建议。就个人而言，我发现TabControl有点棘手，我很少使用它。

干杯

Answer 3

一个老诀窍是具有2个不同的图像集合 - 一个用于点击和一个用于被动（也许一个用于鼠标悬停），但点击图像将具有在它的三角形。 这使用静态图像按钮，这是非常容易使用，但很难在飞行中修改。