人気のあるアプリから学べることはたくさんあります。特にスマートフォンアプリにUI/UXは人気があるアプリでは面白い実装をしていることが多く、そこから学び取れる点がたくさんあります。 今回はInstagramの写真ブラウザ機能を真似たFusumaを紹介します。

Fusumaの使い方

Fusumaを使っているところです。上に大きな写真、その下にグリッドで写真が並んでいます。大きな写真はぐりぐりと動かせるようになっています。

上に大きな写真を出すことで、選択前の確認が容易になります。さらに動かせるので細かいところを確認するのも簡単です。写真選択時にこういったUIになっていると、操作しやすくなるでしょう。

実際の使い方も、

let fusuma = FusumaViewController()
fusuma.delegate = self
self.presentViewController(fusuma, animated: true, completion: nil)

のようにコードを追加して、後は写真を選択した際などのdelegateを追加するだけで完了です。とても簡単に使えるでしょう。

FusumaはiOS用のオープンソース・ソフトウェア（MIT License）です。

ytakzk/Fusuma: Instagram-like photo browser and a camera feature with a few line of code in Swift.