Fluent Ribbon之HelloWorld

Fluent/Ribbon是微軟在其最新桌面操作系統Windows 7中使用的圖形用戶界面。 Windows平台的進化，伴隨着系統圖形界面的重新設計。從Windows XP到Windows Vista，最大的革新就是Windows Aero的引入。在Windows 7 中，Aero被保留下來。 但是，在未來，Windows 7的圖形用戶界面將朝着Office 2007相同的方向，名稱為Fluent/Ribbon。

現在，我們用WPF作為用戶界面開發語言，來做一個簡單的實例作為學習的開始。

• 准備工作：

需要下載第三方組件為:Fluent.dll,下載網址:http://fluent.codeplex.com/

• 步驟

新建項目，選擇項目類型：WPF應用程序

• 引入Fluent.dll,這里有選擇的是支持DotNet 4.0版本（有三個版本,3.5,4.0,4.5）

• 以XAML模式打開MainWindow.xaml,可以看到WPF應用程序,默認生成的XAML源碼：

<Window x:Class="TLAgent.SecurityManager.WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml

        Title="MainWindow" Height="350" Width="525">
    <Grid>
  
    </Grid>
</Window>

• 把”Window”標記改為”Fluent:RibbonWindow”,改成如下:

<Fluent:RibbonWindow x:Class="TLAgent.SecurityManager.WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
     
    </Grid>
</Fluent:RibbonWindow>

下一步MainWindow.xaml.cs中修改為：

using Fluent;

namespace TLAgent.SecurityManager.WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : RibbonWindow//修改為繼承RibbonWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

運行后，窗體效果：

這個窗體目前有三個主題，實例是Silver主題，還有兩個主題:Blue和Black,參考如下：

Blue:

Black:

主題配置主要在App.xaml中設置：

<Application x:Class="TLAgent.SecurityManager.WPF.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <!--主題配置文件-->
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Fluent;Component/Themes/Generic.xaml" />
                <ResourceDictionary Source="/Fluent;Component/Themes/Office2010/Black.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

但是我們給系統做主題切換一般是通過代碼調用接口來實現的，如何設計？

我給這三個主題樣式用Enum設計了這三個主題ThemeStyle: Silver,Blue,Black

那么怎樣讓整個系統應用都用這個主題？

在App.xaml.cs中，重寫OnStartup方法，把改變主題的方法放在這個方法中執行即可。

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Windows;
using TLAgent.WPF.Theme;

namespace TLAgent.SecurityManager.WPF
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            ThemeManager.ChangeTheme(ThemeStyle.Silver);
            base.OnStartup(e);
        }
    }
}

在系統的任何地方調用這個這個接口都可以改變主題：

ThemeManager.ChangeTheme(ThemeStyle.Silver);