2013-03-16 29 views
0

我正在寻找一种方法来创建一个小工具,它看起来像ESET杀毒软件UI的应用程序布局:创建一个标签WPF菜单,“ESET杀毒” - 风格

ESET Antivirus 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看起来像上面的图片,但我不明白。这个三角形应该是很好的,但应该调整突出显示。

有什么建议吗?

回答

1

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

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

你需要玩的两种风格是TabControlTabItem

0

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

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

干杯

0

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