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 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