Xamarin.Formsで自分用の家計簿アプリを作ってみた / 20190831 JXUG

2019/8/31
JXUGC #25 最新情報アップデート＆LT 大会　発表資料

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. 家計簿アプリ（開発中）
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. View
    ViewModel Model
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide