ライブラリiOS7で採用されたフラットデザインっぽいUIを、現行iOS(〜6.x)で実装する際に役立つOSSをまとめました。後半ではiOS7っぽく下のビューをブラーかけて半透過表示するライブラリや、パララックス表示するライブラリも紹介しています。article※(2013年7月17日追記)9点追加し、カテゴリ毎に分類しました。総合FlatUIKitフラットデザインなUIコンポーネント詰め合わせ。ソースをみると、ほとんどのコンポーネントが該当するUIKitコンポーネントのカテゴリやサブクラスとしてつくってあって、使いやすそうです。FlatUI同様にUIコンポーネント詰め合わせですが、かなりiOS7に似せてつくられている点が特長です。見た目を実現するUIKitのサブクラス集。UIフラットデザインのサンプル集的なXcodeプロジェクト。コンポーネント化されて使い回せるわけではありませんが、こう設定すればこういう見た目にできるのか、という参考になります。スイッチSevenSwitchiOS7のUISwitchの見た目をかなり忠実に実現したコンポーネント。切り替え時のアニメーションにこだわりを感じます。UISwitchのサブクラスではなく、UIControlのサブクラスとして実装されています。MBSwitchこちらも切り替え時のアニメーションにこだわりが感じられます。colorを別々に設定できます。iOSフラットUI向けにデザインされた20色をUIColorで利用できるようにしたカテゴリ。etc...また、ランダムに色を生成するメソッドも備えていて、モック作成時等、配色で迷いたくないときに便利そうです。Colors』の色をUIColorで利用できるようにしたカテゴリ。同様に、デザイナーがいないモック段階等でさくっとフラットUI風にしたい場合に配色で悩む手間が省けて便利そうです。UI風のUIButtonサブクラス。QBFlatButtonフラットな見た目にできるUIButtonのサブクラス。3D的にアニメーションします(動画)。ButtonFlatButtonその他RESideMenuiOS7スタイルのサイドメニュー。DribbbleのこちらのUIにインスパイアされたとのことです。(下記インスパイア元の画像と比べると、細かい動きがあまりしっかり再現されていない。DatePicker。FlatWebViewUIWebViewの後ろのドロップシャドウをなくしたUIWebViewサブクラス。実装をみると、subviewsを辿ってUIImageViewをhiddenにしているようです。おまけ1:iOS7ぽいビューを実現するUIライブラリDKLiveBlur動的に下のビューをぼかして半透過っぽく表示してくれるビュー。Accelerate.frameworkを使用して実装されてるのでレスポンス面は期待してよさげ。CFIFrostedOverlayView上記同様、superviewをブラーをかけて表示してくれるビュー。こっちはGPUImageを使用。Parallaxパララックス表示するビュー。サンプルのアニメーションGIFにあまりパララックス感がないような。Sampler』を公開しました。(22)月別アーカイブリンクWishlist検索はてなブログをはじめよう!shu223さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。