創建一個標籤WPF菜單，「ESET殺毒」 - 風格

我正在尋找一種方法來創建一個小工具，它看起來像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看起來像上面的圖片，但我不明白。這個三角形應該是很好的，但應該調整突出顯示。

有什麼建議嗎？

來源

2013-03-16 Daniel Gilbert

每當您嘗試使WPF UI元素看起來完全符合您的要求時，您應該從Microsoft發現默認的<style> XAML，然後嘗試直接在您的項目中修改該元素，直到獲得所需的結果。

萬一說不清楚，你需要做的就是跟隨下面的鏈接，從網頁複製的風格，並把它們放到你的窗口的資源部分（或App.xaml中，它真的取決於你）。然後擺弄他們，直到你看到你想要的方式。

你需要玩的兩種風格是TabControl和TabItem

來源

2013-03-16 16:53:40

我覺得一個MVVM方法，來代替。最重要的是，塑造數據模型以及業務層（命令，函數等）。然後，您可以將您的模型（通過利用ViewModel）「穿」到ListBox左側的選擇器，以及主要部分的簡單ContentControl。列表框的選定項目應該被輸入到主體的內容中，並且DataTemplateSelector（例如）將選擇適當的視覺片段。

這只是一個建議。就個人而言，我發現TabControl有點棘手，我很少使用它。

乾杯

來源

2013-03-16 17:05:24

一個老訣竅是具有2個不同的圖像集合 - 一個用於點擊和一個用於被動（也許一個用於鼠標懸停），但點擊圖像將具有在它的三角形。這使用靜態圖像按鈕，這是非常容易使用，但很難在飛行中修改。

來源

2014-05-26 20:23:02 VisualBean

創建一個標籤WPF菜單，「ESET殺毒」 - 風格

回答

相關問題