iPhone Hello World!

 
Mac iDeneb 10.5.7
IPhone SDK 3.0
  320X480 size image need!
 
toplogic_helloWorld_1.png
1. Xcode 실행
toplogic_helloWorld_2.png
2. 프로젝트 생성 
toplogic_helloWorld_3.png
 3. Application 에 Windows-based Application 선택
toplogic_helloWorld_4.png
4. 프로젝트 폴더 및 이름 지정하고 저장
toplogic_helloWorld_5.png
5. 프로젝트 생성 완료
toplogic_helloWorld_6.png
6. NIB Files 폴더안에 MainWindows.xib 파일을 더블클릭하여 인터페이스 빌더 실행
toplogic_helloWorld_7.png
7. 인터페이스  빌더실행
toplogic_helloWorld_8.png
8. 라이브러리를 추가하기 위해서 Tool -> Library 선택
toplogic_helloWorld_9.png
 9. 화면에 메인View화면을 추가하기 위해 라이브러리에서 View 검색
toplogic_helloWorld_10.png
10. 검색 된 View라이브러리를 Window화면에 드래그 이동
toplogic_helloWorld_11.png
11. Window화면 MainView 영역 설정 후 Button  identity 클릭
toplogic_helloWorld_12.png
12. MainView 에 Class Name, Action , Outlets 이름 지정 및 추가
toplogic_helloWorld_13.png
13. Class Name : MainView
ClassAction -> Action :  ShowText
ClassOutlets -> Outlets : mainText , Type : UILabel
각각 입력하여 준다.
toplogic_helloWorld_14.png
14. 메인화면에 이미지를 추가하기 위해 image View 라이브러리를 검색한다.
toplogic_helloWorld_15.png
15. MainView 와 마찬가지로 imageView도 드래그로 메인화면에 옮겨준다.
toplogic_helloWorld_16.png
16. image View에 이미지를 추가하기 위해 잠시 인터페이스 빌더를 숨겨놓자!
toplogic_helloWorld_17.png
17. 자신이 준비한 이미지를 HelloWorld프로젝트에 넣어주고 다시
Xcode overView 안에 있는 HelloWorld 안에다 넣어주자
toplogic_helloWorld_18.png
18. OverView에 넣는 순간 추가할거냐고 물으면 ADD로 추가
toplogic_helloWorld_19.png
19. 프로젝트에 이미지추가 완료 및 인터페이스빌더 실행
toplogic_helloWorld_21.png
20. 인터페이스 빌드로 복귀
toplogic_helloWorld_22.png
21. 가져온 이미지를 imageView에 적용
toplogic_helloWorld_23.png
22. 버튼검색후에 메인화면에 버튼추가후에 button으로 이름 지정
toplogic_helloWorld_24.png
23.라벨도 마찬가지로 검색 후 드래그 이동
toplogic_helloWorld_25.png
24.MainView Connection 선택
toplogic_helloWorld_26.png
25.Outlets에 있는 MainText를 라벨에 드래그 연결
toplogic_helloWorld_27.png
26.Receved Actions에 있는 ShowText를 라벨에 드래그 연결
toplogic_helloWorld_28.png
27.버튼에 드래그 후 Touch Up Inside로 선택.
toplogic_helloWorld_29.png
28.File-> Write Class Files 선택 후 클래스를 만들어줍니다.
toplogic_helloWorld_30.png
29.클래스 생성후 저장
toplogic_helloWorld_31.png
30.지금까지 작업했던 MainVew.h MainVew.m 프로젝트에 추가
toplogic_helloWorld_32.png
31.지금까지 한 작업들을 저장
toplogic_helloWorld_33.png
32.인터페이스 빌더 종료
toplogic_helloWorld_34.png
33.MainView.m 파일과 Mainview.h 파일 확인
toplogic_helloWorld_35.png
34.MainView.m 파일과 Mainview.h 파일 Classes 폴더로 이동
toplogic_helloWorld_36.png
35. Mainview.h 파일 열어서 소스코딩
toplogic_helloWorld_37.png
36. Mainview.h 파일 열어서 소스코딩
@interface MainView : UIView {
@property (nonatomic, retain) UILABEL *MainText
toplogic_helloWorld_38.png
37. Mainview.m열고 Maintext.text=@”HelloWorld!”;
작성
toplogic_helloWorld_39.png
38. 빌드 실행