|
|
之前寫過幾篇關于WPF4 中開發Ribbon 工具欄的文章，其中利用的是WPF Ribbon Control 控件庫，開發出類似Office 2007 樣式的Ribbon 工具欄。當然CodePlex 也提供了Fluent Ribbon Control Suite 項目可以寫出Office 2010 樣式的工具欄應用程序。8月2日微軟正式發布了Microsoft Ribbon for WPF，該Ribbon 控件是100%完全屬于的WPF 工具，并支持WPF3.5 SP1 以及WPF4。
下載安裝
首先下載 MSI 安裝程序。Microsoft Ribbon for WPF Source and Samples.msi 程序包括一些源碼及實例，安裝后VS2010 版的項目開發包MicrosoftRibbonForWPFSourceAndSamples.zip 會釋放在C:/Program Files/Microsoft Ribbon for WPF/v3.5.40729.1 目錄中。
Microsoft Ribbon for WPF.msi 程序就是我們真正需要的東西，程序安裝后打開VS2010 新建項目，在Windows 模板中可以看到"WPF Ribbon Application" 的選項。
VS2010 演示
新建項目后，一個默認Ribbon 模型已經為我們編寫好了。
看看XAML 代碼，與原來用過的WPF Ribbon Control 也無太多差異。
<ribbon:RibbonWindow x:Class="WpfRibbonApplicationVS2010.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;
assembly=RibbonControlsLibrary" Title="MainWindow" x:Name="RibbonWindow" Width="640" Height="480"> <Grid x:Name="LayoutRoot"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <ribbon:Ribbon x:Name="Ribbon"> <ribbon:Ribbon.ApplicationMenu> <ribbon:RibbonApplicationMenu SmallImageSource="Images/SmallIcon.png"> <ribbon:RibbonApplicationMenuItem Header="Hello _Ribbon" x:Name="MenuItem1" ImageSource="Images/LargeIcon.png"/> </ribbon:RibbonApplicationMenu> </ribbon:Ribbon.ApplicationMenu> <ribbon:RibbonTab x:Name="HomeTab" Header="Home"> <ribbon:RibbonGroup x:Name="Group1" Header="Group1"> <ribbon:RibbonButton x:Name="Button1" LargeImageSource="Images/LargeIcon.png" Label="Button1" /> <ribbon:RibbonButton x:Name="Button2" SmallImageSource="Images/SmallIcon.png" Label="Button2" /> <ribbon:RibbonButton x:Name="Button3" SmallImageSource="Images/SmallIcon.png" Label="Button3" /> <ribbon:RibbonButton x:Name="Button4" SmallImageSource="Images/SmallIcon.png" Label="Button4" /> </ribbon:RibbonGroup> </ribbon:RibbonTab> </ribbon:Ribbon> </Grid></ribbon:RibbonWindow>
Blend4 演示
更令人興奮的是該Ribbon 庫同樣支持Blend4，這樣可以更方便的設計Ribbon 工具欄樣式。打開Blend4 新建項目也能看到"WPF Ribbon Application"的選項。
在控件庫里也有不少的Ribbon 控件供大家使用。
在當前項目基礎上，拖拽一個RibbonTab 進來，并將Tab 命名為"MyTab"。
在設計窗口調整MyTab 區域范圍。
Tab 標簽設計完成后，繼續在MyTab 中添加MyGroup 組，為了設計方便先將Home 標簽隱藏。
調整MyGroup 區域范圍。
在MyGroup 中添加RibbonButton 和RibbonCheckBox 控件，并為RibbonButton 設置一個Small 圖標。
接下來為添加RibbonButton 和RibbonCheckBox 一些簡單的事件。
private void ribbonButton_Click(object sender, RoutedEventArgs e){ // TODO: Add event handler implementation here. MessageBox.Show("Button Clicked.");}
private void RibbonCheckBox_Checked(object sender, RoutedEventArgs e){ // TODO: Add event handler implementation here. MessageBox.Show("Checked.");}
private void RibbonCheckBox_Unchecked(object sender, RoutedEventArgs e){ // TODO: Add event handler implementation here. MessageBox.Show("UnChecked.");}
通過上面的簡單的演示，本次微軟發布的Ribbon for WPF 的確為我們開發Ribbon 工具欄省了不少事，不必為繁瑣的嵌套XAML 代碼發愁了。感興趣的朋友可以閱讀MicrosoftRibbonForWPFSourceAndSamples.zip 中的源代碼學習更為復雜的Ribbon 工具欄。
相關參考
2. WPF 4 Ribbon 開發 之 快捷工具欄（Quick Access Toolbar）
3. WPF 4 Ribbon 開發 之 應用程序菜單（Application Menu）
4. WPF 4 Ribbon 開發 之 標簽工具欄（Tab Toolbar）
NET技術：Microsoft Ribbon for WPF 正式發布，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
