세상을 시뮬이이션하고픈 실천가

1. Project 생성
  1) Create a new Xcode Project -> View based Application -> "WebCtrl" 

2. Ctrl 추가 및 구현
  1) Text Field 추가 -> UITextField  연결
  2) Web View 추가 -> UIWebView 연결 
    ㄱ. delegate를 File's Owner에 연결해야함
    ㄴ. 부모 클래스 추가 : <UIWebViewDelegate>
  3) Round button 추가 - > (IBAction) goURL 연결

3. 헤더파일 및 소스파일

@interface WebCtrlViewController : UIViewController <UIWebViewDelegate> {

IBOutlet UITextField *urlText;
IBOutlet UIWebView *webDtl;

}

- (IBAction) goURL;

...

-(IBAction) goURL
{

NSString *urlAddr = urlText.text;

 

[webDtl loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:urlAddr]]]; 

}

- (void)webViewDidStartLoad:(UIWebView *)webView
{

NSLog(@"Start Load"); 

}

- (void)webViewDidFinishLoad:(UIWebView *)webView
{

NSLog(@"Finish Load"); 

}

 

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{

NSLog(@"Fail Load");

}
...

1. Project 생성
  1) Create a new Xcode Project -> View based Application -> "EtcCtrl"

2. Control 생성 및 연결
  1) Library 창에서 원하는 Control을 View에 올려 놓음
  2) header 파일에 해당하는 함수 혹은, 변수를 추가함
  3) Source 파일에서 해당하는 함수, 혹은 변수 구현 ( 변수일 경우, release 확인)
  3) IB에서 컨트롤과 해당하는 함수, 혹은 변수와 연결 ( 함수는 컨크롤에서 File's Owner로, 변수는 File's Owenr에서 해당 컨크롤로 연결)

3. Header / Source 파일

@interface EtcCtrlViewController : UIViewController {

IBOutlet UIProgressView *neoProgress;

}

- (IBAction) segmentChange:(id)sender;
- (IBAction) switchChange:(id)sender;
- (IBAction) sliderChange:(id)sender;
- (IBAction) click1;
- (IBAction) click2;
- (IBAction) click3;

@end

...

- (IBAction) segmentChange:(id)sender
{

 NSLog(@"click index %i", [sender selectedSegmentIndex] );

}

- (IBAction) switchChange:(id)sender
{

UISwitch* tmpSwitch = (UISwitch* ) sender;
 
if(tmpSwitch.isOn){

NSLog(@"현재 켜짐");

}
else {

NSLog(@"현재 꺼짐");

}

}
 
- (IBAction) sliderChange:(id)sender
{

UISlider *slider = (UISlider *) sender; 

NSLog(@"value : %f", slider.value); //0~1 소수형

}

-(IBAction) click1
{
neoProgress.progress =0.3; 
}

-(IBAction) click2
{

 neoProgress.progress =0.6; 

}

-(IBAction) click3
{

neoProgress.progress =1.0;

}

...

1. Project 생성
  1) Create a new Xcode Project -> View based Application -> "AlertManager"

2. Action Button 연결하기
  1) Round Button 추가 -> 버튼명 설정
  2) header 파일에 함수 선언  : - (IBAction) clickButton;
  3) source 파일(*.m) 파일에 정의  : - (IBAction) clickButton;
  4) IB에서 Round Button 클릭 후 File's Owner로 오른쪽 마우스 클릭 후, Drag & Drop -> 함수연결

3.UIAlertView / UIActionSheet 사용하기
    -> 프로그램 코드 참고

4. UIAlertView / UIActionSheet 의 버튼 클릭 이벤트 사용하기
  1) Header 파일에 이벤트를 컨트롤 할 수 있는 Delegate Class를 상속받을 수 있도록 함 :
     ㄱ. UIAlertViewDelegate, UIActionSheetDelegate ; 
  2)  버튼 클릭시 호출되는 함수를 구현
     ㄱ. - (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
     ㄴ. - (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
   
5. 구현소스

...
@interface AlertManagerViewController : UIViewController <UIAlertViewDelegate, UIActionSheetDelegate> {
}

- (IBAction) clickSimple;
- (IBAction) clickMulti;
- (IBAction) clickActionSheet;
...

..
- (IBAction) clickSimple
{

UIAlertView *alert =[[UIAlertView alloc]initWithTitle:@"질문에 답해주세요."  

message:@"아이폰 프로그래밍 너무 재미있죠?"  delegate:self 

cancelButtonTitle:@"뭐,그런걸 다" otherButtonTitles:@"당근이죠",nil];

 

[alert show];
[alert release]; 

}

- (IBAction) clickMulti
{

 UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"솔직하게 답해주세요"

message:@"계속 아이폰 프로그래밍 공부 하실 건가요?" delegate:self

cancelButtonTitle:@"말할수 없음" otherButtonTitles:@"당근빳따",
@"기회가된다면!",@"싫어욧!",nil];

 

[alert show];

[alert release];

}

- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{

NSLog(alertView.title);

NSLog(@"Pressed button index : %ith", buttonIndex);

 

if(buttonIndex ==2 || buttonIndex ==3)

{

[self clickMulti];

}

}

- (IBAction) clickActionSheet
{

 UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:@"당신의 열정을 보여주세요" delegate:self cancelButtonTitle:@"뭐 이런걸 다 ..." destructiveButtonTitle:@"나의 열정은 마르지 않는 샘물" otherButtonTitles:@"안개속에서 나는 울었어~",@"외로워서 한참을 울었어~", nil];

 

[actionSheet showInView:[self view]];

[actionSheet release];

}

- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
{

NSLog(actionSheet.title);
NSLog(@"Pressed button index : %ith", buttonIndex);
 

if(buttonIndex ==2 || buttonIndex ==3)

{

[self clickActionSheet];

}

}
..

6. 실행화면  
  1) clickSimple 실행화면

  2) clickMulti 실행화면

  3) clickActionSheet 실행화면

1. Project 생성
  1) Create a new Xcode Project -> View based Application -> "PickerTest"

2. Picker View 추가/연결하기
  1) PickerTestViewController.xib 실행
  2) Library 창에서 "Picker View"와 "Label"을 윈도우로 Drag & Drop 
  3) IBOutlet 변수 추가

@interface PickerTestViewController: UIViewController {

IBOutlet UIPickerView *dataPicker;
IBOutlet UILabel *selectedText;

}
@end

  4) File's Owner 선택해 "Picker View"와 "Label"에 각각 변수연결
  5) UIPickerViewDataSource 클래스의 " required" 메소스 추가
    - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView 
      Picker Control의 Picker 갯수 (선택 항목 갯수)
    - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component 
      Picker Control의 항목갯수 (행 갯수)
  6) UIPickerViewDelegate 클래스의 " required" 메소스 추가
   - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)
component 
      Picker Control의 각 항목의 내용 입력     
  7) 헤더 파일에, <UIPickerViewDataSource,UIPickerViewDelegate> 에서 상속됨을 표시
  8) View 화면에서 "Picker View"를 File's Owner로 Drag & Drop하여, dataSource와 delegate를 연결

3. 출력 데이터를 적용
 1) 헤더파일 멤버변수 추가
    - NSMutableArray *pickData; 추가
 2) 배열 초기값 입력 
   - (void)viewDidLoad 함수에서 pickData 
   - NSMutableArray 초기화 방법 적용
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
  pickData = [[NSMutableArray alloc]init];
 [pickData addObject:@"1등입니다."];
 [pickData addObject:@"2등입니다."];
 [pickData addObject:@"3등입니다."];
 [pickData addObject:@"4등입니다."];
 [pickData addObject:@"5등입니다."];
 [pickData addObject:@"6등입니다."];
 [pickData addObject:@"7등입니다."];
 3) 선택된 항목을 Label에 출력하기 
  - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
  //NSLog(@"value : %i", row);
 selectedText.text = [pickData objectAtIndex:row];
}

4. Source 및 해더 파일

@interface PickerTestViewController: UIViewController {

IBOutlet UIPickerView *dataPicker;
IBOutlet UILabel *selectedText;

NSMutableArray *pickData;

}
@end

...
 
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {

pickData = [[NSMutableArray alloc]init];
[pickData addObject:@"1등입니다."];
[pickData addObject:@"2등입니다."];
[pickData addObject:@"3등입니다."];
[pickData addObject:@"4등입니다."];
[pickData addObject:@"5등입니다."];
[pickData addObject:@"6등입니다."];
[pickData addObject:@"7등입니다."];
 
[super viewDidLoad];

}

...

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{

return 1;

}

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {

return [pickData count];

}

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{

return [pickData objectAtIndex:row];

// return @"피커뷰 입니다.";

}

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{

NSLog(@"value:%i",row);

selectedText.text = [pickData objectAtIndex:row];

}


- (void)dealloc {

[pickData release]; 
[dataPickerrelease]; 
[selectedText release]; 

[super dealloc];

}

...

 

1. Project 생성
  1) Create a new Xcode Project -> Window based Application -> "SendData"

2. Navigation Controller 추가/구현
  1) Navigation Controller 추가 (Drag & Drop)
  2) Header /Source 파일에 변수 및 addSubView 함수 추가
  3) 변수 연결

1. Project 생성
  1) Create a new Xcode Project -> Window based Application -> "TabBarNavi"

2. Tabbar 구현
  1) Interface Builder 실행(Mainwindow.xib 더블클릭) -> Library 창실행 (shift + Cmmnd + L ) ->Tab Bar Controller를 MainWindow.xib 윈도우로 Drag & Drop
  2) Tab Bar Controller 연동하기
    a. header 파일에 IBOutlet UITabBarController *mainTab; 선언
    b. source 파일에서 [window addSubview:mainTab.view]; 와 해제시 [mainTab release];를 선언함.
    c. MainWindow.xib 화면에서 App Delegate와 Tab Bar Controller의 mainTab을 연결함
  3) Tab Bar Controller 설정 
    a. MainWindow.xib 화면에서 Tab Bar Controller 선택 후 Attributes 창 실행 (Cmmnd +1)
    b. View Controllers 항목의 Title을 변경하고(첫번째, 두번째), Class 항목을 View Controller를 Navigation Controller로 변경함.
    c. "+" 버튼을 눌러, "세번째" Navigation Controller를 추가함. 
    d. 배경이 투명한 이미지를 활용하여 Tab 이미지 추가
      - resource 폴더에서 세개의 이미지 추가
      - MainWindow.xib 화면에서 Tab Bar Controller Tree 구조를 확장시킨 후, 각 Tab Bar Item의 Atrributes 윈도우에서 "Image"항목에서 해당하는 이미지를 지정함 

4. 뷰구현
  1) 세개의 뷰를 추가 
     a. Class 폴더 마우스 우측 클릭, Add -> New File -> "UIView Controller subClass" with Xib for user interface
         "FirstViewList", "SecondView", "ThirdView" 추가
  2) FirstViewList 에 Table View 연결
     a. FirstViewList.Xib를 열고, 라이브러이에서 "Table View"를 Drag  Drop한다.
     b. Table View 를 선택하고, FirstViewList의 File's Owner에 드래그해서, datasource와 delegate를 연결한다. 
     c. FirstViewList의 source파일에 table view의 필수함수 구현 (FirstViewList.m)

...

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

static NSString *kIdentifier = @"cell";
 
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kIdentifier];
 
if(cell == nil)
{

  cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kIdentifier] autorelease];

}
 
cell.textLabel.text = @"첫번째 뷰 리스트 입니다.";
 
return cell;

 }

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

 return 5;

}

...

continue ....





  3) View Controller Xib 연결하기
    a. Tab Bar Controller를 펼쳐 각 탭에 해당하는 View Controller를 선택하여 Attribute창(Cmmnd+1)에서 각각 해당하는 Xib를 설정하고, Identity창(Cmmnd+4)에서 Class를 신규로 추가한 클래스를 각각 지정한다. 

  4) Xib title 변경하기

-(id) initWithCoder:(NSCoder *)aDecoder
{

if(self =[ super initWithCoder:aDecoder])
{

self.title = @"첫번째 ^^";

}
 

return self;

}

 

5. Navigation 구현하기
  1) Detail 뷰추가 
    a. Class 폴더 마우스 우측 클릭, Add -> New File -> "UIView Controller subClass" with Xib for user interface
         "FirstViewDetail" 추가
    b. Label 객체 " 디테일 뷰 입니다." 추가
  2) 첫번째 테이블 화면에서, 각 셀 클릭시 디테일 뷰로 전환

...

#import "FirstViewDetail.h"

...

(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{

UINavigationController *naviCtrl = self.navigationController;
 
FirstViewDetail  *FViewDetail= [[FirstViewDetail alloc]initWithNibName:@"FirstViewDetail"  bundle:nil];
 
[naviCtrl pushViewController:FViewDetail animated:YES]; 

}

  3) 두번째, 세번째 뷰에서 라벨 추가
   

3. mainView MainWindow에 나타내기
  1) mainView.xib를 선택, view에 구분가능한 라벨 추가
  2) MainWindow.xib에서 "Navigation Controller"를 선택하고 Atrribute(Cmmnd + 1)창을 띄움 
  3) NIB 입력항목에 구현하고자 하는 .xib를 하나 선택함 (Main View

1. Project 생성하기
  1) Create a new Xcode Project -> Window-Base Application -> "NaviTest"

2. Navigation Control 구현하기
  1) IB 실행시킨 상태에서 Library창에서 Navigation Controller를 MainWindow.xib 창으로 Drag&Drop
  2) 헤더 파일에 해당변수 선언 / View 적용, 소스파일에서 해제 

@interface NaviTestAppDelegate : NSObject <UIApplicationDelegate> {

UIWindow *window; 

IBOutlet UINavigationController *mainNav;

 }

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    

// Override point for customization after application launch

[window addSubview:mainNav.view];

[window makeKeyAndVisible];

return YES;

}

- (void)dealloc {

//IBOutlet으로 선언한 변수는 반드시 해제해야함

[mainNav release];

[window release];

[super dealloc];

}

(## 향후 소스코드 내용은 포함은 헤더파일은 연두색, 소스파일은 하늘색으로 표현할 예정임)

  3)  MainWindow.xib에서 "Navi Test App Delegate"를 Drag&Drop으로 Navigation Controller에 한후, 헤더에서 선언한 mainNav를 선택함 ( Drag & Drop 방향 중요 : 반대방향으로 하면 다른 팝업이 뜸)

3. View 추가하기
  1) Library 창에서 "View Controller"를 선택해서 MainWindow.xib로 Drag & Drop하여 3개를 만들고, 각 View Controller의 Title을 "root/first/second:ViewController"로 설정한다. (Attributes 창에서 : Cmmnd + 1)
  2) View Controller에서 다른 Control이나 Object를 바로 올리면 안되고, Cocoa Touch에서 "View"를 Drag & Drop해서 화면을 덮어줘야 가능함.
  3) 각 뷰에 적당한 Label을 입력
  4) Source 추가

@interface NaviTestAppDelegate : NSObject <UIApplicationDelegate> {

UIWindow *window; 

IBOutlet UINavigationController *mainNav;
IBOutlet UIViewController *rootView;
IBOutlet UIViewController *firstView;
IBOutlet UIViewController *secondView;

// 위를 이렇게 선언해도 문제는 없음  <---
// IBOutlet UIViewController *rootView, *firstView, *secondView;
// --->

 }

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 

mainNav.viewControllers =[NSArray arrayWithObject:rootView];
 rootView.title =@"나는 루트뷰입니다.";

// Override point for customization after application launch

[window addSubview:mainNav.view];

[window makeKeyAndVisible];

return YES;

}

- (void)dealloc {

//IBOutlet으로 선언한 변수는 반드시 해제해야함
[rootView release];
[firstView release];
[secondView release];

[mainNav release];

[window release];

[super dealloc];

}

(## 향후 소스코드 내용은 포함은 헤더파일은 연두색, 소스파일은 하늘색으로 표현할 예정임)

  5) Delegate 연결 : MainWindow.xib의 "Navi Test App Delegate"를 각 View Controller에 Drag & Drop한 후 해당하는 변수에 연결한다.

4. 화면전환 네비게이션 구현하기
  1) rootView의 Label을 지우고, "table view"를 rootView window에 올려놓는다.
  2) "table view"를 사용할 때는 기계적으로 App Delegate와 dataSource/Delegate를 연동한다.
  3) table view의 require function을 추가

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

static NSString *kIdentifier = @"cell";
 
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kIdentifier];
 
if(cell ==nil)
{

  cell =[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kIdentifier];

}
 
if (indexPath.row ==0) {

cell.textLabel.text = @"첫번째 행입니다.";

 }
 else {

cell.textLabel.text =@"두번째 행입니다.";

 }
 
 return cell;

}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

 return 2;

}

   4) firstView, SecondView 도 rootView와 마찬가지로  윈도우 위에 View를 덮고, 식별할 수 있는 라벨을 추가한다. 
   5) UITableViewDelegate의 도움말을 확인하여 필요한 함수 검색 ( 셀 마우스 클릭시 동작 이벤트 처리)

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{

 if(indexPath.row ==0)
 {

  [mainNav pushViewController:firstView animated:YES];

 }
 else
 {

  [mainNav pushViewController:secondView animated:YES];

 }

}

 

  [강의 내용]
  1. Main Window 이외의 추가적으로 윈도우 생성 / 전환 / 삭제
  2. Window-Based Project


1.Project 생성하기
  1) Create a Xcode Project -> Window-based Application - > "ChangeView"
  2) Interface Builder 실행 -> Library (Shift + Cmmnd + L ) -> "View" ( Cocoa Touch) 2개를 MainWodw.xib 추가

2. View와 Xcode 연결 
  1) ChangeViewAppDelegate.h 파일에 view 관련 변수 추가

@interface ChangeViewAppDelegate : NSObject <UIApplicationDelegate> {

UIWindow *window;
 
 IBOutlet UIView *firstView;
 IBOutlet UIView *secondView;

}

  2) Interface Builder와 변수 연결하기 
      a. MainWindow.xib 파일 내에 "Change View App Delegate" 항목을 선택한 후 마우스우클릭 ( 혹은 Cmmnd키를 누르고 마우스 좌클릭)을 통한 Drag&Drop으로 view 항목에 연결  
  3) view 변경
      a. MainWindow.xib에서 view를 선택하고 Identity("Cmmnd + 4") 창을 열어, Name 항목에 해당하는 명칭을 입력 
      b. Label 추가 : 명칭 입력 / 버튼 추가 : 명칭 추가 ( firstView, ㄴecondView 모두)  
  4) 생성된 뷰를 MainWindow에 반영하기 
      a. ChangeViewAppDelegate.m 파일,  didFinishLaunchingWithOptions함수에 첫번째 뷰 추가

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 

// Override point for customization after application launch
[window addSubview:firstView];
[window makeKeyAndVisible];

 return YES;

}

  4) 뷰전환 기능 구현
      a. 함수선언 : ChangeViewAppDelegate.h 에 추가

-(IBAction) ChangeView;

      b. Delegate 연결 : firstView, secondView에 생성한 Button을 우클릭하여 MainWindow.xib의 "Change View App Delegate"에 Drag&Drop한 후 ChangeView 함수를 선택한다.  
      c. ChagneView 함수 내용 구현

-(IBAction) ChangeView
{

NSArray *subs = [window subviews];
 
//window 객체는 하나의 view를 가짐
[[subs objectAtIndex:0]removeFromSuperview];
 
if([subs objectAtIndex:0]== secondView)
{

[window addSubview:firstView];

}
else {

[window addSubview:secondView];

}

}

[질문] firstView, secondView는 alloc를 하지 않는가? 
  - (자답) 이미 Interface Builder를 통해 생성되어 있고, 마우스 우클릭 과정을 통해 각변수의 포인터로 연결시켰음. 

[질문] firstView, secondView를 Pointer 형이 아닌 UIView 변수로도 받을 수 있을까? 
  - 몰라, 해 봐봐..  -> 해봤는데, xib에서 Drag&Drop 기능도 안되고 컴파일시에도 헤더파일 선언부에서 에러가 발생하는 것으로 보아 무조건 포인터 형으로 받아야 됨.
 

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {

// NSArray 입력값의 맨 마지막이 "nil"임을 확인하자!

listData = [NSArray arrayWithObjects:@"SimVerse = Sim(ulate) + (Uni)Verse", @"세상을 시뮬레이션 하자", @"너무 허황되다구? ",@"난 가능하다고 생각해", @"힌트는 SNS 야", @"미래는 꿈 꾸는 자의 것이 아니라, 실천하는 자의 것이다.",nil];

[super viewDidLoad];

}

  4) 추가한 함수에 해당 내용 반영하기 및 메모리 삭제하기

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

 return [listData count]  ;

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

 static NSString *cIdentifier = @"cell";
 
 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cIdentifier];
 
 if(cell ==nil)
 {
   cell = [[[UITableViewCell alloc]
      initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cIdentifier]autorelease];
 }
 
 cell.textLabel.text = [listData objectAtIndex:indexPath.row];
 
 return cell;
 

}

- (void)dealloc {

[listData release];

[super dealloc];

}

[질문] 어떤때는 return [listData count]와 같이 [ ]의 용도는?   (음.. 역시 Object-C도 빨랑 시작해야 겠군)