掲示板お問い合わせランダムジャンプ

Navigation
FM安曇78.75MHz内で検索

エントリーナビ

2019年01月14日
地図アプリQuasar対応
せっかく作った地図アプリでGPSが使えないのは痛いので、テレビ電話アプリの一部として組み込むことにした。
となると必然的にVue.jsとQuasarに対応させることになるのだが、スクリプトでいろいろ処理して入れ子になっているので意外と苦労した。
なんといってもthisの扱いが変わってくる。これでエラーが出まくりだった。スコープの1つ外でvarで宣言すれば使えるという手でなんとか乗り切ったが、こういうところいまいち押さえていなかったあたりあまりJavaScriptに慣れてないなと思う。
リスト表示はQuasarのQPopoverを使った。ボタンで開いたり閉じたりも簡単。検索直後に開いたままにすることもできるが、ちょっと動かすと自動で消えてしまう。最初地図の上からリストが降りてくるイメージにしていたが、ボタンなどと同じところに移動し下からせりあがる形にした。
あと、項目の増減に合わせて自動で内容を更新するので、ページング処理でいったんリストの中身が消えていくアニメーションのようになる。リアクティブの弊害というかなんというか。
さらに贅沢に項目にマテリアルアイコンも追加。アイコンが足りずにいろいろ間違った指定もしている気がするが、見た目はかなり良くなった。自分で言うのもなんだがだいぶいいのができたと思う。
[ 投稿者:りっく at 19:20 | りっくの日記 | コメント(0) | トラックバック(0) ]