![見出し画像](https://assets.st-note.com/production/uploads/images/84010369/rectangle_large_type_2_ab387bbaa0e5b21e57b71a90f03e2a42.png?width=1200)
UIの紹介②
プロフィールページ編
今回はプロフィールページの紹介です😎
前回同様ssに番号を振って解説していきます‼️
![](https://assets.st-note.com/production/uploads/images/83992071/picture_pc_9f1ed98c3425eed922f299855d6b19ef.png?width=1200)
プロフィールアイコンの変更
タップする事でデザイン選択画面へ
テスト版では既存のデザイン12種類から選択可能です
![](https://assets.st-note.com/production/uploads/images/83992095/picture_pc_989dc7298dbd82fda827d43d0ef071c1.png?width=1200)
②ユーザーネーム(私の場合はdonzokoに変更済み)
③アカウント作成時のメールアドレス
(経験上Gmailのアドレスを使う事を推奨)④今までプレイし、正常にカウントされた総移動距離が表示される
タップすると今までの全記録が表示されるページへ移動
(表示したい記録をタップするとそこからSNS等へのシェアもできます)⑤プレイ中に聴いてる音楽へ❤️を押した数
タップでお気に入り曲一覧が表示されるページへ⑥Appの現在のバージョン
⑦タップする事で現在のアカウントからログアウトする
⑧プロフィール情報の編集&アカウント削除ページへ移動
![](https://assets.st-note.com/production/uploads/images/84009984/picture_pc_0dc0776e359c78d97727f50197e7908b.png?width=1200)
各項目をタップすると次の画面になります!
![](https://assets.st-note.com/production/uploads/images/84010045/picture_pc_254b6569f0964b31d99d2fffa620b807.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/84010044/picture_pc_08742456ae90aa22bc848e9185d397ba.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/84010050/picture_pc_59abf959d720e956b9bb93e2e54b7f69.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/84010046/picture_pc_bf10128f5f5e0a8fe6cd114bf6487c52.png?width=1200)
いかがでしたか😎
結構スッキリしたUIなので、実際に使う分にはかなり利便性高いですよ❤️🔥
この記事が気に入ったらサポートをしてみませんか?