iPhone アプリ UIScrollView pageControl の使い方

ViewBaseで新規作成後、SurfComViewControllerで作成。

SurfComViewController.h
@interface SurfComViewController : UIViewController <UIScrollViewDelegate> { IBOutlet UIScrollView *scrollView; IBOutlet UIPageControl *pageControl; } @property (nonatomic, retain) UIScrollView *scrollView; @property (nonatomic, retain) UIPageControl *pageControl; - (void)loadScrollViewWithPage:(int)page; - (IBAction)changePage:(id)sender; @end

そしたら、SurfComViewController.xibで、UIScrollViewとPageControllをそれぞれ、scrollViewアウトレットとpageControlアウトレットに接続。

PageControlのValueChangeとchangePageアクションを接続。


SurfViewController.mにそれぞれ下記のメソッド追加

loadViewメソッド。最初に読まれるメソッド。
- (void)loadView { [super loadView]; scrollView.pagingEnabled = YES; scrollView.contentSize = CGSizeMake(scrollView.frame.size.width * 3, scrollView.frame.size.height); scrollView.showsHorizontalScrollIndicator = NO; scrollView.showsVerticalScrollIndicator = NO; scrollView.delegate = self; pageControl.numberOfPages = 3; pageControl.currentPage = 0; [self loadScrollViewWithPage:0]; [self loadScrollViewWithPage:1]; }
ここでは、scrollViewの各設定と、pageControllのページ数とカレントページを指定。
各プロパティの詳細はドキュメント見てください。

changePageメソッドも追加
- (IBAction)changePage:(id)sender { CGRect frame = scrollView.frame; frame.origin.x = frame.size.width * pageControl.currentPage; frame.origin.y = 0; [scrollView scrollRectToVisible:frame animated:YES]; }

scrollViewDidScrollメソッド
- (void)scrollViewDidScroll:(UIScrollView *)sender { CGFloat pageWidth = scrollView.frame.size.width; pageControl.currentPage = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1; }
このメソッドはスクロールされた後に呼ばれる。ここでは、pageControlが変わるようにする。

loadScrollViewWithPageメソッド
- (void)loadScrollViewWithPage:(int)page { if (page < 0) return; if (page >= 3) return; Controller *controller = [[Controller alloc] init]; controller.controllerNumber = page; UIView *choiceView = [controller loadViewController]; CGRect frame = scrollView.frame; frame.origin.x = frame.size.width * page; frame.origin.y = 0; //NSLog(@"%d: %f", page, frame.origin.x); choiceView.frame = frame; [scrollView addSubview:choiceView]; [choiceView release]; }
ScrollViewが切り替わったときに、サイズを設定し、Controllerクラスをロードし、controllerNumber（Page番号）によって、どのControllerクラスがどのViewをロードするかを判断させ、Viewをロードし、scrollViewのサブクラスとしてロードしたViewを追加する。


Controllerクラスを作成し、以下メソッドを追加

loadViewController
- (UIView *) loadViewController { UIView *view = [[UIView alloc]initWithFrame:CGRectMake(15.0f, 10.0f, 290.0f, 310.0f)]; NSLog(@"%@", view); switch (self.controllerNumber) { case 0: { TableViewController *tableView = [[TableViewController alloc] initWithNibName:@"TableViewController" bundle:[NSBundle mainBundle]]; view = tableView.view; break; } case 1: { TableViewController *tableView = [[TableViewController alloc] initWithNibName:@"TableViewController" bundle:[NSBundle mainBundle]]; view = tableView.view; break; } case 2: break; default: break; } NSLog(@"%@", view); return view; } 
controllerNumberでロードするViewクラスを判定し、それれぞれロードし、Viewを返す。

TableViewをロードしてんだけど、サイズをいじっても横いっぱいぴったりになっちゃうから横を隙間をあけて、Safariでたくさんタブ開いたときの選択画面を見るときみたいなUIにしたいんだけどな。。サイズの調整がうまく行かない。

今日はあきらめてまた明日がんばろう。