行き先選択画面

[madomaru]

概要

以下の行き先選択画面を作ります。 モックデザインに忠実すぎる必要はないですが、コードと見た目の対応関係を学ぶ程度には実装した方がいいと思います。 例えば、吹き出しの角を丸くするためにはどんな実装をするかを知るために、.cornerRadius(100)などは記述した方がいいですが、具体的な数値を細かくいじる必要はないです。

要件

見た目

• [x] ヘッダーのようなスクロールしても動かない部分(↓)と動く部分で領域を分ける

• [x] 吹き出し(文字の量によって大きさが可変、使用する際は話者によって左右反転させる)

• [x] キャラクター画像

  ロジック

• [x] 最初に「どこにいく？」と散歩などのカテゴリボタンを表示

• [x] カテゴリのボタンが押されたら、ボタンの内容を記録し、次の吹き出し「どこまで行こう？」と距離ボタンを表示

• [x] 距離ボタンが押されたら、APIを叩く関数を呼び出す

• [x] 関数の結果が返ってきたら、それをマップ画面に渡して遷移