画面をリッチにするおすすめUI系ライブラリ
リッチなUIにするためのサードパーティー製ライブラリを紹介
タブ関連
メニュータブと画面が連動して、手軽に画面を切り替えることができます。YouTubeなどの少数のタブもSmartNewsのような多くのタブも、アニメーション付きで簡単に作ることができます。
かなり形が用意されており、タイプを指定して簡単に様々な形式の画面を表現することができます。
| 説明 | ViewControllerのコレクションを簡単に切り替えることができるコンテナー用のViewControllerです。横スワイプでViewを移動できます。 |
| Lisence | MIT License |
| URL | https://github.com/xmartlabs/XLPagerTabStrip |
カスタマイズがしやすく、様々なメニューを表現することができます。
画面のメモリにも気をつけられており、多くのタブでパフォーマンスを要求される場合に有効です。
| 説明 | スクロールに応じて様々なメニュー（インジケーター）を表示しながら、ViewController間をページングして画面コンテンツを表示できます。 |
| Lisence | MIT License |
| URL | https://github.com/rechsteiner/Parchment |
インジケーター関連
通信中やローディングなどの待機中のアニメーション付きインジケータを表示したり、アラートとして簡単なテキストを表示できるようなライブラリです。
手軽にHUDを表示することができるライブラリです。
ブラーやアニメーションによりリッチな表現をすることができます。
| 説明 | ブラーがかかったポップアップに、成功やエラー、進捗を示すインジケーターなどいくつものアニメーションが用意されています。 |
| Lisence | MIT License |
| URL | https://github.com/pkluz/PKHUD |
長年愛され続けているHUDの定番です。
アニメーションとテキストを含めて様々な表現が可能です。
| 説明 | 進行中のタスクの進行状況を表示することを目的としたクリーンで使いやすいHUDです。 |
| Lisence | MIT License |
| URL | https://github.com/SVProgressHUD/SVProgressHUD |
Androidと同じ仕様にしたい場合や、簡単なメッセージを表示するのに重宝するライブラリです。
| 説明 | Androidのようなトースト通知をUIViewに追加することができます。ほとんどコード１行で書くことができ、シンプルかつ軽量で、使いやすいことを目的としています。 |
| Lisence | MIT License |
| URL | https://github.com/scalessec/Toast-Swift |
FacebookやYouTube、Slackなどでも見かけるロード中のアニメーションです。
ユーザーにコンテンツ表示の準備を知らせるとともに、ロードされた後にコンテンツがどのように表示されるのかを直感的に知ることができるため、UX向上に役立ちます。
| 説明 | ほとんどのアプリに存在するAPIリクエストやローディングにおける非同期プロセスの待機時間を、ユーザーにストレスなくコンテンツの表示を待機するためのエレガントな方法です。 |
| Lisence | MIT License |
| URL | https://github.com/Juanpe/SkeletonView |
テキスト関連
テキスト表示をリッチに装飾表示できるUIlabelのライブラリです。通常の横書きの文字を縦書きにすることもできます。また文字列内にあるリンクを検出してイベントを追加することもできます。
| 説明 | 属性付きUILabelを作成することができるライブラリです。URL、住所、電話番号、イベント、または交通機関の情報に自動でリンクの埋め込みをすることもできます。 |
| Lisence | MIT License |
| URL | https://github.com/TTTAttributedLabel/TTTAttributedLabel |
通常、UITextFieldなどテキスト入力が画面の中央下にある場合、キーボードが隠してしまいますが、このライブラリを使えば、キーボードが表示されたときに自動的に画面を押し上げ、テキスト入力欄が隠れないようにしてくれます。
| 説明 | iOSのキーボードがテキスト入力の邪魔にならないようにテキストフィールドを移動するために最適化されたライブラリです。 |
| Lisence | Zlib License |
| URL | https://github.com/michaeltyson/TPKeyboardAvoiding |
カレンダー関連
日付を設定するときなど、簡単にカレンダーを表示するのに重宝します。
カスタマイズもしやすく、手軽にスタイルを変えることができます。
| 説明 | カレンダー表示をするために最適化されたライブラリです。 |
| Lisence | MIT License |
| URL | https://github.com/michaeltyson/TPKeyboardAvoiding |
グラフ描画関連
折れ線グラフ、棒グラフ、円グラフやレーダーチャートなど様々な形式のグラフを表示することができます。
| 説明 | iOS用のチャートを作成するために最適化されたライブラリです。 AndroidのMPAndroidChartと同様の使い方ができるため、並行開発には最適です。 |
| Lisence | Apache-2.0 License |
| URL | https://github.com/danielgindi/Charts |
アニメーション関連
「Adobe After Effects」で作ったアニメーションをそのまま活用できるライブラリです。
素材を活かしつつリッチで多様なアニメーションを使うことができます。
| 説明 | 最小限のコードでリアルタイムにベクターベースのアニメーションとアートをネイティブにレンダリングするライブラリです。Android用もあるため、並行開発にも有効です。 bodymovinJSON形式でエクスポートされたアニメーションとベクターをロードしてレンダリングします。Bodymovin JSONは、bodymovinを使用したAfter Effects 、Lottie Sketch Exportを使用したSketch、およびHaikuから作成およびエクスポートできます。 |
| Lisence | Apache-2.0 License |
| URL | https://github.com/airbnb/lottie-ios |
追記
ここで紹介しているライブラリをはじめとし、おすすめライブラリを紹介したアプリ「OSS Sampler」を公開しました。
https://apps.apple.com/jp/app/osssampler/id1573572734
トップ画面で、おすすめのピックアップライブラリとCocoa Controls、Swift Package Indexの新着ライブラリを一覧で見ることができます。
それに加え、Instagram、Slack、Amazon Prime Videoなどの主要なアプリで使用されている（使用されていた）ライブラリも合わせて一覧で確認できます。
カテゴリ表示と、同様のライブラリがAndroidにもあるかどうかのマークもついています。
「Cocoa Controls」と「Swift Package Index」はRSSフィードから常に最新の情報を取得します。
ピックアップは今後試しながらどんどん追加できればと思っています。
