Slide 1

Slide 1 text

Xamarin.Formsで自分用の 家計簿アプリを作ってみた ふるかわ @futa_ttjh  2019.8.31 JXUGC #25

Slide 2

Slide 2 text

今日話す事 ・作成した家計簿アプリの紹介 ・アプリ作成中に困ったことと、解決策 今日のゴール ・「何かアプリ作りたいけどネタがない」という方(過去の自分)のヒントになること ・知見の共有

Slide 3

Slide 3 text

開発の経緯 ・Xamarinで何かアプリを作りたかった ・Xamarin.Forms 4.1で追加されたCheckBoxをListViewと組み合わせて使いたい ・普段使っているExcel家計簿が、スマホだと使いにくい Excel家計簿イメージ Xamarinでモバイルアプリを作ろう!!

Slide 4

Slide 4 text

家計簿アプリ(開発中)

Slide 5

Slide 5 text

1. データの追加 ①各項目を入力 ②ボタンを押すと ③ローカルDBに保存、一覧表示される

Slide 6

Slide 6 text

2. データ削除 全データをDBから削除 ここを押すと・・・

Slide 7

Slide 7 text

2. データ削除 選択削除モードになって、 消したいものだけまとめて削除できます

Slide 8

Slide 8 text

3. 集計画面 登録したデータを項 目毎に集計して表示

Slide 9

Slide 9 text

苦労した事 ボタンを押したらチェックボックスが表示されるコードを書いたのに表示されない (ListViewのソースのプロパティの値が変化したのに画面に反映されない) ここを押しても チェックボックスが 表示されない

Slide 10

Slide 10 text

View ViewModel Model

Slide 11

Slide 11 text

「選択削除」ボタンを押した時の処理(ViewModel) ListViewのソースとなるコレ クション 「Kakeibos」の要素の 「IsEditMode」プロパティの bool値を反転させる

Slide 12

Slide 12 text

解決方法:Kakeiboクラスにプロパティの変更通知を実装

Slide 13

Slide 13 text

まとめ ・日常のちょっとした「困った」に着目してアプリを作ってみよう ・プロパティの値の変更を画面に反映する場合は INotifyPropertyChangedを実装することを忘れない

Slide 14

Slide 14 text

ご静聴ありがとうございました