[iPhone] UIScrollView 横スクロール(Objective-C)

アルバムアプリのように、1画面に写真1枚の表示で、横スクロールさせるにはどうすればいいでしょうか、当たり前のように使っているスクロールですが、1から作ると大変です。UIScrollview はある程度簡単に作れるようになっています。
 

UIScrollView

開発フロー;

  1. スクロールする画像をプロジェクトに追加
  2. Storyboard で ViewController に UIScrollView を設定
  3. Paging Enabledにチェック <— ここがポイント
  4. ViewController.m に Scroll させるコードの記述

最終的にはこのようになります
 

1 2 3 4 5
 
スクロールする画像をプロジェクトに追加

 
右クリックでメニューの[Add Files to “xxx”…]を選択
画像ファイル、1.jpg から 4.jpg のファイルを選んで[Add]
 

 
画像がプロジェクトに追加されました。
 

 
Storyboard で ViewController に UIScrollView を設定

 
Storyboard を開き Scroll View を選択、ViewController に設置する
 

 
Paging Enabled にチェック

 
Scroll View の Paging Enabled にチェックを入れることにより、ページスクロールが可能となります。
 

 
コードで書くと、UIScrollView.pagingEnabled = YES のようにします。

 
ViewController.m に Scroll させるコードの記述
  1. UIScrollView のインスタンスを生成
  2. 画像ごとにそのframeサイズを設定し
  3. addSubview でUIScrollViewに加える
  4. 描画開始のカーソルポイントを決め
  5. UIScrollViewのコンテンツサイズを画像のtotalサイズに合わせる

 
ViewController.m

 
ScrollView の New Reference Outlet をコードと紐付けします。
 

 
これで、起動画面に1.jpの画像が現れ、横スクロールで次々と画像が表示されていきます。
 
尚、Swiftでのやり方は こちら です


ページのトップへ戻る

シェアする

  • このエントリーをはてなブックマークに追加

フォローする