標準の写真アプリのようなUIを実装する

標準の写真アプリで写真を見ると、二本指で拡大・縮小ができます。
さらに、左右にスワイプすると次の写真が表示されます。

このUI、写真一覧を表示するようなアプリでは重宝するのですが、
標準UIではないし、UIScrollViewを入れ後にしないといけないしで結構ハードルが高いです。

しかし、すごい簡単な導入方法がありましたので、紹介したいと思います。

実はサンプルコードが存在する

なんとappleのサンプルコードの中にほぼ同等のものがあります。
PhotoScroller

今回はこちらのサンプルのコードを流用しながら作りたいと思います。

プロジェクトに追加する

1. まず、サンプルをダウンロードします(PhotoScroller)
2. ダウンロードしたものの中にあるPhotoViewController、ImageScrollViewを自分のプロジェクトに追加する
3. いらないコードを削除orコメントアウトする
   • ImageScrollView.h
     
   • ImageScrollView.m 100行目付近
     
   • ImageScrollView.m 140行目付近
     
   • PhotoViewController.m 150行目付近
     

ここまでで、とりあえずコンパイルしてもエラーがでない状態になったと思います。

使う！

では実際に使ってみます。
PhotoViewControllerにて

• 画像の個数(imageCount)
• とあるindexの画像(imageAtIndex:)

のみ書き換えるだけでOKです

こんなにいいUIが普通においてあったりするので、
たまにはappleのサンプルコードを見るのもいいかもしれません！