Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Taka
August 31, 2019

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

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

Taka

August 31, 2019
Tweet

More Decks by Taka

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  4. 家計簿アプリ(開発中)

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  10. View
    ViewModel Model

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide