Windows 8 apps dev.整理及分享
1 like880 views
本文介紹了Windows 8應用程式開發的基本環境與技術，包括使用C#和XAML，並強調LINQ、Lambda及非同步程序的優點。特別提到MVVM設計模式的應用，通過數據綁定來簡化UI與商業邏輯的關係，並對XAML控件以及API的映射進行了比較。最後，提到可攜式類庫的優勢與挑戰，鼓勵開發者探索各種方法以提升應用效能。
![Framework (MVVM)
Model：
用來描述資料實體(Entity)的簡單類別(Class)，也可以在這邊實作商業邏輯以及與資
料庫溝通等資料存取相關的功能。
ViewModel：
供View使用的Model，透過公開的屬性(public property)給View進行Binding，供其
使用。
View：
其實就是XAML檔，也就是使用者介面
，使用者介面設計人員只需要在Blend中進行
對它的編輯，並透過Binding來和ViewModel
溝通(將DataContext指定為某個ViewModel，
以更進一步的與其中的屬性進行Binding)。
資料來源:[MVVM]初步認識MVVM設計模式](https://image.slidesharecdn.com/windows8appsdev-130408011752-phpapp01/85/Windows-8-apps-dev-19-320.jpg)
![MVC vs MVVM
MVC
適合於大型系統，它可以分層且可以在實體層面切割為不同
的機器或服務，只要彼此間具有適當的通訊協定即可。
MVVM
適合像 XAML 這種與程式碼無關 (code ignorance) 的使用者
介面設計，只要 View 中下特定的指令與 ViewModel 串接，
就可以享有 ViewModel 溝通的功能，而 ViewModel 只需做
一些特別的介面實作，即可平順的和 View 溝通。
資料來源:[Architecture] MVP, MVC, MVVM, 傻傻分不清楚~](https://image.slidesharecdn.com/windows8appsdev-130408011752-phpapp01/85/Windows-8-apps-dev-20-320.jpg)
Windows 8 apps dev.整理及分享
- 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
- 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
- 15. Binding再進化 - INotifyProptertyChanged 物件資料更改時UI物件要能跟著更新 繼承INotifyPropertyChenged
- 16. Binding再進化 - 有沒有更簡單的方式? INotifyPropertyChanged = > Bindable 繼承INotifyPropertyChenged 實作SetProperty簡化Setter 有點複雜看不太懂...
- 17. Binding再進化 - 有沒有更簡單的方式? INotifyPropertyChanged = > Bindable 沒關係，會用就好 原本的setter用不到囉 這樣簡單多了
- 18. MVVM Model - View - ViewModel
- 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 還有許多 驚喜等你去發現。
- 30. Portable Libraries 資料來源:How to Make Portable Class Libraries Work for You
- 31. Portable 帶來的好處 Good Maintain同一份商業邏輯 Unit Test No Good Portable 所支援的API較少