開發前准備:
Windows 8 RTM MSDN訂閱用戶下載地址:
https://msdn.microsoft.com/zh-cn/subscriptions/securedownloads/hh442898
Windows 8 RTM普通用戶下載地址:
http://msdn.microsoft.com/en-US/windows/apps/br229516/
Visual Studio 2012 RTM中文版下載地址:
http://download.microsoft.com/download/B/0/F/B0F589ED-F1B7-478C-849A-02C8395D0995/VS2012_ULT_chs.iso
Windows 8在線應用實驗室:
http://msdn.microsoft.com/zh-cn/hh968278
創建App:
【1】首先我們先來創建第一個Win8 App項目。Visual Studio 2012創建項目跟之前的版本一樣,打開文件->新建->項目,在左側選擇Visual C#->Windows應用商店,這里演示的是建立一個“拆分布局應用程序”。
點擊F5運行程序,我們可以嘗試運行一下VS定義的初始模板。
【2】我們來看一下項目列表。
Assets文件夾中包含的是模板默認的背景、Logo等圖片資源。
Common文件夾中預定義了一些類以及包含大量XAML資源的StandardStyle.xaml文件。StandardStyle中的資源很豐富,在分布式布局的模板中我們就可以看到其中大量使用到的資源樣式及動畫,有興趣的同學可以將其中的樣式一一試驗,這也是嘗試適應Windows 8-UI-Style的一個很好的途徑,有助於以后開發出更優秀的Windows 8-UI-Style。
DataModel文件夾中的SampleDataSource.cs定義了被創建模版的全部綁定數據。
App.xaml定義了該項目的全局信息,和WP開發類似。
ItemsPage.xaml是該項目啟動時的第一個板塊,即按F5啟動后的首頁。
我們來看一下ItemsPage.xaml的代碼面板。PageResources中定義了此頁面中所有的數據集合,即將SampleDataSource.cs中的數據綁定到頁面集合中來。首起的Grid布局類似WP中的LayoutRoot布局一樣,為整個頁面的根布局。GridView控件在當前App表現為主窗口時顯示,形如左側模擬器下方的色塊集合,若當前App被用戶停靠到左側欄,GridView自動隱藏,同時原本Visibility屬性為Collapsed的ListView出現,將當前App適應為停靠狀態。ListView下的Grid控件顯示為App左上角的Logo,返回標記的按鈕在App前方還有頁面堆積時顯示,若當前為首頁則自動隱藏,后方的Textblock默認綁定App Name。VisualStateManager為預定義的動畫效果。
Package.appxmanifest為清單設計器,開發者可以在清單設計器中很方便地修改App的一個或多個屬性,如Tile、啟動頁面等等。
SplitPage.xaml同之前的ItemsPage.xaml類似,是ItemsPage.xaml的下一級菜單,代碼結構和前者類似。
至此,我們對Win8應用的開發已經有了一個基本的認識,總體來說和WP的開發並無太多區別。下一篇我們將介紹如何利用上述的認識去開發一個簡單的Win8應用。
附:Visual Studio 2012夜景模式開啟方法:工具->選項->常規->顏色主題,調成深色即可。