プログラミング基礎知識

【プログラミング初心者向け】ios/iPhoneアプリ/Swiftでプロフィール画面・機能を作成する際に役出す技術・ライブラリまとめ!

【プログラミング初心者向け】ios/iPhoneアプリ/Swiftでプロフィール画面・機能を作成する際に役出す技術・ライブラリまとめ!

SNSやアカウントが必要なサービスをswiftでリリースすする場合、プロフィール画面を作成したいことが多いと思います!

ユーザー名や画像を登録できるとアプリに愛着を湧いて頂けますし、ユーザーのアクティブ情報を表示することでユーザー自身の継続利用に繋がります!

ぜひ力を入れて実装していきたい部分です!

実際の実装で役に立つライブラリや技術を今回はまとめていきたいと思います!

プロフィール画面UIデザイン

UI デザイナーは要チェック。機能美なプロフィールページ49選
このサイトで基本的にはいろんなUIが見れますので十分だと思います!

あとは実際に自分の携帯に入っているアプリのUIもみながら自分プロフィール画面のUIを決めていきましょう!

UIが決まりましたら、あとは細かい部分に利用するライブラリを探していきます!

プロフィールの下の方に移動するにつれナビゲーションバーを隠すライブラリ:AMScrollingNavBar

スクロールにつれナビゲーションバーが隠れるライブラリです!
公式リファレンス

参考サイト

AMScrollingNavBarを使ってNavigationBarの表示・非表示をスクロールに付随して切り替える

このライブラリは簡単に実装できます!
プロフィールが縦長の際やスクロールを必要とする際は是非利用ください!

プロフィール画像の実装:TOCropViewController

SNSでメジャーなプロフィール画像を丸く切り抜くライブラリになります!

公式リファレンス

実装参考サイト

参考サイトとしておすすめなQiitaを以下に記載します!
これらを見ると基本的には実装可能かと思います!

【swift】画像を指定した比率でトリミングする【TOCropViewController】

【iOS】画像トリミングをサクッとライブラリで実現

アラート・トーストのライブラリ1:SwiftMessages

公式リファレンス

参考サイト

【初心者向け】iOSアプリの個人開発で便利だったライブラリ・ツール・サイト
→いくつもあるライブラリ紹介のうちの1部分にコードが書いてありますので、そちらを参考として貼っておきます!
このライブラリは日本語の参考記事が少ないですが、非常にいろんな用途で利用しやすいのでおすすめです!

私は、プロフィールを入力したら5pt貰えるとして、そのポイント獲得のトーストで利用したりしています!

アラート・トーストのライブラリ2:huri000/SwiftEntryKit

公式リファレンス

こちらもトースト表示ができます!

参考サイト

Swift(iOS)でイケてるトースト・バナー・ポップアップを導入する (SwiftEntryKit)
この記事を見ることで実装可能です!

個人的にはこちらを利用していますが、1,2でやれることは一緒なのでお好みでお選びください!

テキストフィールドがあるならこれで綺麗に:TextFieldEffects

公式リファレンス

参考サイト

[iOS][Swift3.0] テキスト入力時のエフェクトが美しいTextFieldEffects

【Swift】テキスト入力欄をカスタマイズできる「TextFieldEffects」

これだけで非常に綺麗なUIが作成できます!
細かいですが、意外とこれだけでもアプリが素敵に見えますよ!