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

アルバムアプリのように、1画面に写真1枚の表示で、横スクロールさせるにはどうすればいいか、今やなにげに、当たり前のように使っているスクロールですが、1から作ると大変です
メモリーの管理やらなにやら
 
UIScrollview はある程度簡単に作れるようになっているようです。
尚、Swiftでのやり方は こちら です

sponsored link

開発フロー

 

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

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

1 2 3 4 5

 

1. Single View のプロジェクトを作成

 
Xcodeで Hello Worldを参考に簡単な Single View のプロジェクトを作成します。
Single View Application を作成 -> Single View Application
 

2. スクロールする画像をプロジェクトに追加

 
右クリックでメニューの[Add Files to “xxx”…]を選択
ファイルを選んで[Add]
画像ファイル、1.jpg から 4.jpg までを
それぞれプロジェクトに追加
 
scroll_2
 
こんな具合になります
 
scroll_a

3. Storyboard で ViewController に UIScrollView を設定

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

4. Paging Enabled にチェック

 
Scroll View の Paging Enabled にチェックを入れることにより、ページスクロールが可能となる
 
コードで書くと、UIScrollView.pagingEnabled = YES のようになる
 

5. ViewController.m に Scroll させるコードの記述

 

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

 
ViewController.m

 
scroll_a1
 
Storyboard の ScrollView の New Reference Outlet を
コードと紐付けします
これで、起動画面に1.jpの画像が現れ、横スクロールで
次々と画像が表示されていきます。
 

ページのトップへ戻る
 
sponsored link

シェアする

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

フォローする