KaiNDを作っていくぞ会 第3回 --UI改善--
ブログから記事を見つけたい場合はこちら
こんにちは。
UI担当のYです。
0. 前回まで
KaiNDを作っていくぞ会、前回はAI改善でした。
KaiNDアプリは、前々回から以下のように担当を振って回しています。
松原: KaiND Web
K : AI自体の改善
Y :スマホアプリのUIの改善
今回は私YがスマホアプリのUI改善について書いていきたいと思います。
1. UI改善ポイント
リリース当初のアプリ画面です。
このままだと拡張性がないので、とりあえずハンバーガーメニューの実装をしていきたいと思います。
機能はあとで考えます。
画像保存したり、カメラロールの画像を識別できる機能とかつけたい。
2. ハンバーガーメニューの実装
一から作ると骨が折れるので、AndroidStudio内で用意されているテンプレートを使用していきます。
新しいプロジェクトを作成しようとすると、以下のようにテンプレートが選べます。
リリース時のアプリを作った時は、余計な機能を入れたくなかったのでEmpty Activity を使用していましたが、今回は Navigation Drawer Activity を使用していきます。
他にも地図作ったり、ログイン画面とかも簡単に作れるっぽい。
こんな感じですぐにハンバーガーメニューの実装ができました。
カメラ映像の取得でエラーが出てしまったので一旦アイコンの画像を貼り付けています。
【勉強会報告】
— ごまあぶら (@tsukuruiroirop1) 2022年6月25日
ナビゲーションウィンドウ実装しました。
あとはカメラ映像を描画するだけですが
カメラAPIの設定で再度手こずってます>< pic.twitter.com/2HzeR1GbjM
デフォルトだと、画面ごとのxmlファイルがあって、それに対応するjavaファイルがあるみたいです。
画面ごとのjavaファイルをいじって機能を実装していく感じですね。
3. 次回
とりあえず、過去ブログを参考にカメラ映像の取得をできるようにします。
そしたらタイトルウィンドウの色変えたりとかいろいろやっていきたいです。
来週はWebアプリ担当松原からの報告になります。