Swiftで『Tinder』のクローンアプリを作った！

 

その他のクローンアプリはこちら

Swift初めて半年で、『Twitter』のクローンアプリを作った！ その他のクローンアプリはこちら https://tefumaru.com/tinder ht...

Swiftで『Uber』のクローンアプリを作った！ その他のクローンプリはこちら https://tefumaru.com/twitter_clone https://...

 

コードの超ざっくり全容

ファイルの一覧

 

実装内容

ログイン、新規登録画面

   

・画面下のボタンでログイン画面と新規登録画面を行き来できる

・新規登録画面で、画像を選択したら画面に表示させる

・必要項目がすべて入力されたらボタンの色を変えて押せるようにする

スワイプ画面

・スワイプ機能(左右へのスワイプ範囲が小さいと元に戻す)

・押したボタンによってカードをスワイプさせる

・タップでカードの画像を切り替える

設定画面

・スライダーで好みの年齢幅を指定できるように

プロフィール画面

 

・スライドで相手のプロフィール画像を変える

・プロフィール画面のボタンを押したら、画面を閉じた後にスワイプさせる

メッセージ画面

・マッチしたユーザーの表示

マッチング画面

 

・マッチが成立した時にマッチング画面を表示させる

・マッチング画面にアニメーションもつけた

振り返り

今回は機能面以上に『UIのアニメーション』『スライド、スワイプ等のUX』に重点を置いた内容で学ぶことが多かった！

機能面の実装スキルはかなりついたから、これからはUIの実装スキルを上げたい！！

今回も初めましてのコードが多かったけど、乗り越えたら確実に成長できるからこれからも色々チャレンジして乗り越えていくぞっ！！