Visual Studio 2010開發絢麗Win 7應用程序
原創【51CTO獨家特稿】Windows 7 UI中最令人興奮的元素莫過于新的任務欄或Jump List（跳轉列表），雖然這些都是視覺上的創新，但不可否認，現在應用程序UI已經成為應用程序的一個重要組成部分。作為一名WPF開發人員，可以將這些元素放進你的應用程序，使其更適合于在Windows 7上運行，對主窗口內外的行為可以完全自定義。
#T#
使用WPF 4，你幾乎可以獲得Windows 7 UI最大特色的所有功能，WPF 4內置支持Windows 7任務欄，包括自定義縮略圖預覽，從任務欄的進度條、圖標和Jump List就可以看見反饋信息，這些功能最終由Windows 7本地API提供，但WPF使用托管代碼打包了這些API，并以WPF類的形式暴露出來，這意味著你可以在XAML中創建Jump List和其它UI對象，并通過大量的依賴屬性綁定它們。
Visual Studio 2010擁有大量的與WPF相關的新功能，包括新的可視化設計器，拖放式數據綁定，在XAML中智能感知標記擴展，這些功能結合WPF新的任務欄類，使用最新版本Visual Studio 2010中的強大功能，讓你可以構建最新的Windows 7應用程序。51CTO向您推薦《Visual Studio 2010應用與開發詳解》專題以便于更多了解Visual Studio 2010。
雖然WPF 4完全支持任務欄，但還包括了Windows 7 API不包括的其它功能，如Windows 7風格的通用對話框，你可以從Windows API代碼包中獲得這些功能。Windows API代碼包也有自己的一套Shell和任務欄類，從WPF 3.5 SP1中就有了。
數據綁定和Visual Studio 2010 WPF設計器
在談及Windows 7細節之前，我們先看看如何在Visual Studio 2010 WPF設計器中建立一個基本的數據驅動WPF應用程序。在Visual Studio 2010中，通過把數據源拖放到可視化設計器中，在設計時就可以設置好數據綁定。欲了解WPF設計，51CTO向您推薦《讓你的代碼“炫”起來——WPF開發教程》。
如果你拖動一個數據源到一個現有的控件上（假設是一個文本框中的文本字段），設計器將會為那個數據源創建一個窗口資源，然后將字段綁定到控件上。相反，如果你拖動數據源到一個容器上，設計器會創建一個合適的綁定控件，并將其添加到容器上，如果默認的控件并不合適，你還可以對其進行設置，在圖1中，我從AdventureWorks 2008示例數據庫拖放了一個視圖到窗口中，自動創建一個數據網格（data grid），在Windows 7任務欄上顯示進度時我們需要用到數據網格。
圖 1 在主窗口上放置一個視圖數據源，自動產生一個綁定的數據網格
作為基本設置的一個額外項目，我們將介紹一下使用漸變畫筆設置一個窗口的背景，Visual Studio 2010內置了一個可視化筆刷編輯器，可以方便地創建和使用漸變和圖像刷以及純色，在一個筆刷屬性上點擊下拉列表，打開屬性編輯器，它允許你可視化地設置漸變或為圖像刷選擇一張圖像。
圖 2 使用可視化筆刷編輯器創建一個背景筆刷
Windows 7任務欄
在Windows 7中，你可以在任務欄上顯示長時間操作的進度，就象IE瀏覽器在狀態欄顯示文件下載的進度條一樣。
通過TaskbarItemInfo類，你可以和Windows 7任務欄進行交互，在主窗口上暴露一個依賴屬性，你可以在XAML中創建TaskbarItemInfo：
- <Window.TaskbarItemInfo>
- <TaskbarItemInfo
- x:Name="TaskbarItemInfo1"
- Description="Customer Browser: Using WPF 4 on Windows 7”
- >
- </TaskbarItemInfo>
- </Window.TaskbarItemInfo>
你可以直接在XAML中編輯TaskbarItemInfo的屬性，也可以在Visual Studio屬性編輯器中進行編輯，XAML代碼片段僅僅顯示了名字和描述屬性，描述屬性就是為任務欄指定的提示文本，大多數任務欄功能都可以通過這個類的屬性獲得。
為了顯示進度條，需要設置兩個屬性：ProgressValue和ProgressState。ProgressState開始時為None，你可以將其設定為Indeterminate顯示一個帳篷式的進度條，或設置為Normal，我這里就是設為Normal的：
- TaskBarItemInfo1.ProgressValue = 0;
- TaskBarItemInfo1.ProgressState = TaskbarItemProgressState.Normal;
ProgressValue等于1.0時顯示一個完整的進度條，為了跟蹤數據表的填寫，我們首先執行一個計數查詢，計算出視圖中的所有行數，使用這個值作為整個進度條的值，然后連接數據表的RowChanged事件，再增加下面兩行代碼更新進度條：
- this.rowsUpdated++;
- TaskbarItemInfo1.ProgressValue =
- ((double)this.rowsUpdated)/this.rowCount;
除了進度條外，你還可以使用圖標疊加提供應用程序狀態的反饋，圖標疊加是在任務欄應用程序圖標上方疊加一個小圖標，它可以用于應用程序狀態的傳達，如播放或暫停，在線或離線，我們將會使用圖標疊加為我們的客戶列表顯示一個過濾設置。
圖3在任務欄上使用圖標疊加顯示了相同的應用程序，你會看到主程序中選中了“按國家過濾”的復選框，列表中的客戶是按國家顯示的，如果選中這個過濾器，任務欄圖標上就會疊加顯示一個選中國家國旗的小圖標。
圖 3 使用過濾設置的客戶查看程序顯示了一個疊加圖標
通過對TaskbarItemInfo的Overlay屬性指定一個圖像資源就可設置一個疊加，對于示例，我為每個旗幟圖像創建了一個位圖資源，在設置過濾器時，我們可以從窗口資源載入圖像，并設置疊加：
- string resourceKey = “flag_” + countryName;
- TaskbarItemInfo1.Overlay =
- (ImageSource)this.TryFindResource(resourceKey);
#p#
自定義縮略圖
應用程序縮略圖預覽是UI打扮的一部分，當你的程序運行在Windows 7上，這個功能可以免費獲得，Windows 7從任務欄為主程序窗口顯示一個彈出式的縮略圖，用戶可以使用縮略圖預覽激活或關閉應用程序，或是在應用程序實例間進行切換。
你可以使用TaskbarItemInfo的ThumbnailClipMargin屬性自定義應用程序的縮略圖圖像，使用這個屬性，你可以在主窗口中指定一個矩形用于顯示縮略圖，而不是在整個主窗口范圍顯示。
ThumbnailClipMargin是一個依賴屬性，因此除了指定一個靜態的邊界外，你可以將其綁定到其它控件的邊界，使用那個控件進行應用程序預覽，我使用這個方法設置縮略圖預覽只顯示客戶數據網格。
圖 4 設置ThumbnailClipMargin綁定
圖4顯示了XAML中設置的綁定，也顯示了Visual Studio 2010中新的標記擴展智能感應。
縮略圖預覽也包括一套工具欄按鈕，允許用戶直接從預覽向程序發送命令，如發送媒體播放和暫停命令，對于示例，我創建了一個拷貝工具欄按鈕，從一個文本框中拷貝客戶的Email地址。
TaskbarItemInfo類包括一個集合屬性，叫做ThumbButonInfos，通過它你就可以設置一個預覽工具條，在Visual Studio 2010中，你可以在集合編輯器中編輯每個按鈕，當然也可以直接在XAML中編輯。
ThumbButtonInfo通常指定發送的命令，命令目標，按鈕使用的圖像和提示文本，對于我們的拷貝按鈕，代碼如下：
- <ThumbButtonInfo Command="ApplicationCommands.Copy"
- Description="Copy E-Mail Address"
- ImageSource="/wpf4example;component/Images/copy.png"
- CommandTarget="{Binding ElementName=textBox1}" />
通過WPF命令的魔法，根據文本框中的文本是否處于選中狀態，自動啟用或禁用按鈕。
圖 5 自定義縮略圖圖像和拷貝工具條按鈕
Jump List（跳轉列表）
Jump List是常規任務或與程序相關文件的列表，在任務欄應用程序圖標上點擊右鍵時彈出Jump List，你 可以增加文件，任務或你自己的任務分類自定義應用程序的Jump List。
Jump List與應用程序本身關聯，而不是一個特定的運行實例，你可以為你的應用程序增加一個自定義Jump List，或是在XAML文件（app.xaml）中向應用程序對象附加一個Jump List。
- <JumpList.JumpList>
- <JumpList ShowRecentCategory="True”
- ShowFrequentCategory="True">
- <JumpTask Title="Notepad”
- Description="Run Notepad" ApplicationPath="c:\windows\notepad.exe"
- IconResourcePath="c:\windows\notepad.exe"/>
- </JumpList>
- </JumpList.JumpList>
在XAML中設置Jump List時，應用程序初始化后它會自動應用到Windows Shell。
Jump List中可以包括跳轉任務，啟動其它程序，也包括一個挑戰路徑，鏈接到一個文件，如果你的應用程序是某個文件類型的注冊處理程序，在Jump List中才會顯示跳轉路徑。
Windows Shell維護一套最近和應用程序最常選擇的文件的列表，你可以通過設置ShowRecentCategory和ShowFrequentCategory在應用程序Jump List中顯示這些列表。
除了這些標準的分類外，你還可以創建自定義分類，下面的代碼增加一個跳轉任務鏈接到calc.exe，并將其歸為自定義分類。
- JumpTask jumpTask1 = new JumpTask();
- jumpTask1.ApplicationPath =
- "C:\\windows\\system32\\calc.exe";
- jumpTask1.IconResourcePath =
- "C:\\windows\\system32\\calc.exe";
- jumpTask1.Title = "Calculator";
- jumpTask1.CustomCategory = "Calculation";
- JumpList jumpList1 = JumpList.GetJumpList(App.Current);
- jumpList1.JumpItems.Add(jumpTask1);
- jumpList1.Apply();
圖 6 一個有標準分類和自定義分類的Jump List
Windows 7對話框和控件
WPF 4中未包括Windows 7的部分是通用文件對話框API，你可以從Windows API代碼包獲得，代碼包讓你可以從WPF應用程序啟動通用對話框。將代碼包程序集引入到你的應用程序，就可以使用代碼包命名空間中的類，包括CommonDialog。
Windows 7也包括一些著名的文件夾，如桌面，圖片庫，你可以在CommonDialog指定文件路徑，下面的代碼指定的就是打開圖片庫：
- CommonOpenFileDialog dlg = new CommonOpenFileDialog();
- dlg.InitialDirectoryShellContainer =
- (ShellContainer)KnownFolders.PicturesLibrary;
你可以使用已知的文件夾或Shell對象為通用文件打開或文件保存對話框指定許多設置，例如，下面的代碼增加視頻庫作為打開對話框新的打開位置：
- dlg.AddPlace((ShellContainer)KnownFolders.VideosLibrary,
- FileDialog.AddPlaceLocation.Bottom);
圖 7 Windows 7打開文件對話框增加了一個自定義位置
Windows API代碼包也提供了一個打包的WPF資源瀏覽器控件，你可以使用它來顯示文件和其它Shell對象，只需要在XAML文件中聲明它就可以使用了。
- <WindowsAPICodePackPresentation:ExplorerBrowser
- x:Name=”explorerBrowser1”/>
然后調用底層控件上的Navigate顯示在你窗口中選擇的文件夾。
- explorerBrowser1.ExplorerBrowserControl.Navigate(
- (ShelObject)KnownFolders.SampleMusic);
圖 8 運行在一個示例應用程序中的Windows API代碼包中的
新UI，新工具
使用WPF 4和Windows API代碼包，通過完整的Visual Studio 2010 UI，你可以在本地Windows 7應用程序上加入很炫的功能，這對于開發人員來說可以收獲巨大的成功感，新工具，新UI，讓一切更美好！點擊這里下載Visual Studio 2010。
原文出處：http://www.devx.com/VS_2010/Article/43562?trk=DXRSS_LATEST
原文名：Using Visual Studio 2010 to Write Killer WPF Apps for Windows 7
作者：Steve Apiki
