Xamarin.Formsで自分用の家計簿アプリを作ってみた / 20190831 JXUG
by
Taka
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご静聴ありがとうございました