~☆~ 우하하!!~ 개발블로그

여러개의 뷰를 한 화면에 구성하는 방법 본문

iPhone & Cocoa

여러개의 뷰를 한 화면에 구성하는 방법

iwoohaha 2009. 7. 8. 00:57
반응형
뷰를 나타내기 위해서는 일단 뷰컨트롤러가 있어야 한다.

뷰컨트롤러의 loadView 메소드에서 뷰를 생성하여 뷰컨트롤러의 뷰로 설정하는 과정의 다음 코드를 보자.
- (void)loadView
{
    UITableView* tableViewItem = [[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
    tableViewItem.delegate = self;
    tableViewItem.dataSource = self;
    self.view = tableViewItem;
    [tableViewItem release];
}

UITableView 클래스형 오브젝트인 tableViewItem 를 생성할 때 그 크기를 CGRectZero 로 설정하였지만, 프로그램 실행시에는 화면에 꽉 찬 테이블뷰가 나타난다.
그 이유는 self.view = tableViewItem; 와 같은 코드로 테이블뷰가 뷰컨트롤러의 뷰로 설정되었기 때문이다.
즉, 뷰컨트롤러가 관리하는 최상위 뷰는 자동적으로 화면에 꽉 찬 크기로 설정된다.
아무리 tableViewItem 뷰의 크기를 지정하더라도 먹혀들지 않는다.

그렇다면 테이블뷰가 화면의 위쪽에, 이미지뷰가 화면의 아래쪽에 배치되는 예와 같이 한 화면에 두 개의 뷰를 동시에 표시하기 위해서는 어떻게 해야 할까?

답은 간단하다.
두 개의 뷰를 담을 수 있는 메인 뷰를 만들어주면 된다.
- (void)loadView {
    UIView* contentView = [[UIView alloc] initWithFrame:CGRectZero];
    self.view = contentView;
    [contentView release];
   
    UITableView* tableView = [[UITableView alloc] initWithFrame:CGRectMake(0,0,320,460/2)];
    [contentView addSubview:tableView];
    [tableView release];
   
    UIImageView* imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0,460/2,320,460/2)];
    [imageView setImage:[UIImage imageNamed:@"iPhone.png"]];
    [contentView addSubview:imageView];
    [imageView release];
}
뷰컨트롤러의 뷰로 할당할 메인뷰인 contentView 를 만들고나서 테이블뷰와 이미지뷰를 contentView 에 올린 결과의 모습은 다음 그림과 같다.

반응형