本文介紹了Windows 8應用程式開發的基本環境與技術，包括使用C#和XAML，並強調LINQ、Lambda及非同步程序的優點。特別提到MVVM設計模式的應用，通過數據綁定來簡化UI與商業邏輯的關係，並對XAML控件以及API的映射進行了比較。最後，提到可攜式類庫的優勢與挑戰，鼓勵開發者探索各種方法以提升應用效能。

1. Windows 8 Apps Dev.
整理及分享
Liyao Chen.

2. 開發環境
OS: Windows 8
IDE: Visual Studio 2012

3. 主要語言
C# + XAML
當然你也可以用
JavaScript + HTML + CSS
C++
不過這裡不討論就是了

4. 主要語言 C# + XAML
C#有什麼厲害的地方?
● LINQ
● Lambda
● 非同步程式 Async / Await
XAML是什麼? 我只知道XML
● Data Binding
● INotifyPropertyChanged
● Bindable

5. C# - LINQ
以簡單、直覺的方式查詢資料，並且讓你為資料進行分組。-深
入淺出C#

6. C# - Lambda 物件搜尋?
參考資料:Huan-Lin學習筆記

7. C# - Lambda 物件資料子集?

8. C# - 非同步程式 Async / Await
避免效能瓶頸和增強應用程式整體回應。
讓畫面不會卡住，提升使用者經驗。
資料來源:msdn - async

9. C# - 非同步程式 Async / Await
過去我們這麼寫..
假設這個request花1秒完成，你就App就卡住1秒
資料來源:msdn - async

10. C# - 非同步程式 Async / Await
現在我們可以這樣寫..
呼叫此方法時會產生另一個"執行序"來執行任務，簡單來說就
是叫別人去買晚餐當你繼續看電視。
資料來源:msdn - async

11. XAML
XAML
XAML 的全名為 Extensible Application Markup Language，原為 WPF
(Windows Presentation Framework) 的一部份，是一種基於 XML 衍生而出的宣
告式使用者介面描述語言，外觀與 HTML 相似，平台會自動透過 .Net Framework
中的反射 (Reflection) 機制，將 XAML 中描述的物件，轉換為平台上使用的語言
宣告、定義，以方便在之後供 Code-Behind 的程式碼使用或是進行互動。

12. XAML+Data Binding
把物件屬性及內容綁給UI呈現
資料來源:msdn - data binding to controls

13. XAML+Data Binding
setter / getter 必須
將物件設定到 textBox1

14. XAML+Data Binding

15. Binding再進化 - INotifyProptertyChanged
物件資料更改時UI物件要能跟著更新
繼承INotifyPropertyChenged

16. Binding再進化 - 有沒有更簡單的方式?
INotifyPropertyChanged = > Bindable
繼承INotifyPropertyChenged
實作SetProperty簡化Setter
有點複雜看不太懂...

17. Binding再進化 - 有沒有更簡單的方式?
INotifyPropertyChanged = > Bindable
沒關係，會用就好
原本的setter用不到囉
這樣簡單多了

18. MVVM
Model - View - ViewModel

19. Framework (MVVM)
Model：
用來描述資料實體(Entity)的簡單類別(Class)，也可以在這邊實作商業邏輯以及與資
料庫溝通等資料存取相關的功能。
ViewModel：
供View使用的Model，透過公開的屬性(public property)給View進行Binding，供其
使用。
View：
其實就是XAML檔，也就是使用者介面
，使用者介面設計人員只需要在Blend中進行
對它的編輯，並透過Binding來和ViewModel
溝通(將DataContext指定為某個ViewModel，
以更進一步的與其中的屬性進行Binding)。
資料來源:[MVVM]初步認識MVVM設計模式

20. MVC vs MVVM
MVC
適合於大型系統，它可以分層且可以在實體層面切割為不同
的機器或服務，只要彼此間具有適當的通訊協定即可。
MVVM
適合像 XAML 這種與程式碼無關 (code ignorance) 的使用者
介面設計，只要 View 中下特定的指令與 ViewModel 串接，
就可以享有 ViewModel 溝通的功能，而 ViewModel 只需做
一些特別的介面實作，即可平順的和 View 溝通。
資料來源:[Architecture] MVP, MVC, MVVM, 傻傻分不清楚~

21. 減少View的Code
MVVM XAML code lines
Windows 8 X 751
WP8 O 121
資料來源:msdn - Implementing the MVVM Pattern

22. Windows 8
and
Windows Phone 8
你可能以為他們都一樣
事情不是像憨人想的那麼簡單

23. Overlap of XAML controls
Windows 8 Windows Phone 8
AppBar ApplicationBar
ComboBox ListPicker
GridView, ListView LongListSelector,
LongListMultiSelector
ToggleSwitch Toggle
VarableSizeWrapGrid, WrapPanel
WrapGrid
WebView WebBrowser
Panorama
Pivot
資料來源:msdn - XAML controls comparison

24. API Namespace
Windows 8
Windows.UI.Xaml.Imaging
Windows Phone 8
System.Windows.Media.Imaging

25. Navigation
Windows 8
//直接傳物件
Frame.Navigate(typeof(DetialsPage), e.CleckedItem);
Windows Phone 8
//傳參數
NavigationService.Navigate(
new Uri("/DetailsPage.xaml?Id=10, UriKind.
Relative));

26. 還有很多
● Storing Files - Local
● Storing Files - Roaming
● ...
請參考WP to W8: API Mapping
還有許多 驚喜等你去發現。

27. Better way?
生命自然會找到它的出口...

28. Portable Libraries

29. Portable Libraries

30. Portable Libraries
資料來源:How to Make Portable Class Libraries Work for You

31. Portable 帶來的好處
Good
Maintain同一份商業邏輯
Unit Test
No Good
Portable 所支援的API較少

32. Thanks
gliyao@gmail.com