標準の写真アプリのような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のサンプルコードを見るのもいいかもしれません!