Xamarinで割り勘アプリを作る

Transcript

1. Xamarinで割り勘アプリを作る Ryosuke Uchiyama
2. ソースコード step63r/DrinkPartyBillSplit https://github.com/step63r/DrinkPartyBillSplit
3. 10分で分かった気になるXamarin
4. 今までのアプリ開発 iOS App Android App Windows App Objective-C Xcode Java Eclipse C# Visual Studio
5. モバイル向けクロスプラットフォーム開発環境？ No Silver Bullet 銀の弾丸などない
6. Xamarin • ネイティブAPIを100％移植 • ネイティブアプリを作成できる • C# / .NET / Visual Studioで開発できる • コードを共通化できる • 画面も共通化できる
7. Xamarinネイティブ iOS C# UI Android C# UI Windows C# UI Shared C# Backend
8. Xamarin.Forms Shared C# Backend Shared UI Code iOS Android Windows
9. もっと詳しく
10. Page群
11. Layout群
12. Control群 ActivityIndicat or BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
13. .NET StandardによるBCLの一元化
14. .NET StandardによるBCLの一元化
15. Portable Class Library (PCL)
16. MVVMパターン
17. WPFにおける見た目 <> C# XAML (MainWindow.xaml) コードビハインド (MainWindow.xaml.cs)
18. 素直に分離 <> XAML (MainWindow.xaml) C# コードビハインド (MainWindow.xaml.cs) C# その他クラス 見た目 ロジック
19. データバインディングに最適化 <> XAML + コードビハインド C# C# その他クラス C# 見た目 ロジック データバインドの ソース
20. MVVMパターン View ViewModel Model データ バインディング コマンド メソッド呼出し プロパティ設定 変更通知 変更通知
21. なぜMVVMなのか • 見た目とロジックを分離できる • 分離できるのでテストコードが書きやすくなる • コードビハインドの記述が減る（複雑な描画処理の場合は必要） • UIスレッド外からの変更通知が容易に受け取れる • Viewがインスタンスを持たなくてもオブジェクトの操作が可能になる
22. 割り勘アプリ
23. 開発環境 • Windows 10 Pro (64-bit) • SO-01H / Android 7.0 (Nugat) • Visual Studio Professional 2019 • .NET Standard 2.0 ※iOS版はビルド環境なしのため対象外
24. 機能概要 • 飲み会の割り勘金額を計算する • 役職ごとに参加人数とうち主賓人数を入力し、精算額を按分する • 主賓の負担金額は0円とする • 役職は職位と名前で任意に設定できる • 割り勘金額計算ルールはなるべく柔軟に決められるようにする • 役職設定と飲み会データはXML形式で保存する
25. 画面遷移 宴会一覧・追加 宴会詳細 メニュー 役職一覧・追加・削除
26. データモデル 飲み会クラス • 飲み会ID • 開催日付 • 飲み会名 • 参加者リスト • 合計金額 役職クラス • 役職ID • 役職名 参加者クラス • 役職ID • 参加人数 • 主賓人数 割り勘後支払額クラス • 役職 • 支払人数 • 一人あたり金額 標準割り勘ルール • 割り勘金額を計算する 割り勘ルールインタフェース 計算
27. Data Models Party string ID DateTime Date string Name List<Attendee> Attendees int TotalFee Grade int Id string Name Attendee Grade Grade int TotalCount int GuestCount SplitBill Grade Grade int Payer int Amount DefaultSplitRule CalculateAmountAsync() ISplitRule 計算
28. ファイルの保存先について • XamarinのファイルIOはプラットフォームにより異なる • なのでファイル作成や保存ロジックも本来ならばOS個別に書く必要がある • が、それはとてもめんどくさい（低レイヤはあまり深く考えたくない！） • そこで、PCL Storageというライブラリを使う • これでXamarin.FormsのIOロジックを共通に呼び出せるようになる • ただし.NET Standardプロジェクトの場合、本当はNetStandard Storageを使 う必要があるが、Warningでビルドは通るのでひとまず無視する
29. Visual Studio 2019でXamarin Androidエミュレータ設定まで
30. インストール
31. Hyper-V /Windows Hypervisor Platform
32. Android SDK Manager
33. Android Device Manager
34. プロジェクトの作成
35. Demo
36. Appendix
37. 参考文献 • 10分間で分かった気になれるXamarin概要 - Build Insider • 第1回：Xamarinでアプリを作ろう (1/5)：特集：Visual StudioとXamarinで始めるiOS／Android／UWPアプリ開発 - ＠IT • Introducing .NET Standard – .NET Blog • プログラミングな日々: MVVMとは何か • Xamarin で ItemsControl っぽいコントロールを作りたい（１） - しっぽを追いかけて • GitHub - dsplaisted/PCLStorage: PCL Storage - Portable Storage APIs • Hyper-VでサクサクAndroidエミュレータを使おうと思ったらハマったはなし – Qiita