태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

'iPhone/ iPodtouch/강좌'에 해당되는 글 2건

[프로그램 설명]
Minutes to Midnight이라는 이름에서 알 수 있듯 오늘 밤 12시까지 남은 시간을 표시한다.

[배울 것들]
- UIImageView 사용방법
- 폰트 사용방법
- 타이머 사용방법
- NSDateTime객체 사용방법
- XCode로 iPhone/iPod touch용 "Utility Application"을 만드는 방법

* 이 프로젝트에서는 현재 남은 시간에서 00:00:00으로 카운트다운 하는 식으로 구성할 것이며 폰트는 LED 느낌이 나도록 할 생각이다.







1. XCode를 실행하고 File->New Project를 실행한다.

2. New Project에서 프로젝트 타입을 iPhone OS->Applications->View-Based Application을 선택한다.

3. 적당한 폴더를 선택한 후 프로젝트 이름을 "MinutesToMidnight"이라고 적어주고 저장한다.

4. View-Based이므로 이미 View가 있을 것이다. 이 View의 배경색을 검정색으로 바꾸어 보자.
   - Xcode 왼쪽 트리에서 "NIB Files" 아래의 MinutesToMidnightViewController.xib를 더블클릭한다.
사용자 삽입 이미지

   - Interface Builder 메뉴의 Tools->Reveal In Document Window를 선택하여 나타난 창에서 View를 더블클릭한다.
사용자 삽입 이미지

   - Tools->Attributes Inspector를 선택한 후 Background 색을 검정색 으로 설정한다.
사용자 삽입 이미지

5. 자, 이제 카운트 다운을 표시할 UILabel을 추가해보자.
   - Tools->Library을 선택한다.
사용자 삽입 이미지

   - Label을 View에 드래그하고, 원하는 크기를 맞춘다. 일단, 가운데 위치시키도록 하자.
   - 일단 폰트 색을 빨간색(FF0000)으로 맞춘다.
사용자 삽입 이미지

6. Document window에서 File's owner를 선택하고, Inspector에서 가장 오른쪽 탭 (Identity tab)을 선택하여 "Class Outlets"에서 '+'를 선택한후 myOutlet1을 'countdownLabel'로, id를 'UILabel'로 바꾼다. 그리고, View에서 Label을 마우스 오른쪽버튼을 눌러 선택하면 검은 창이 뜨는데, 여기에서 +를 마우스로 선택한 후 드래그하여  'File's Owner'에 연결한다.
사용자 삽입 이미지사용자 삽입 이미지


7. IB 메뉴에서 File->Write Class Files를 선택한 후 Save as : "MinutesToMidnightViewController"로 하여 저장한다. 이 때 다이얼로그가 하나 더 뜨는 데 여기서 Merge를 선택한 후 파일 비교창에서 화면 오른쪽 아래의 Action을 눌러 'Select Left'를 선택하고 저장한다.
사용자 삽입 이미지

* 타이머 프로세스설정
8. XCode에서 MinutesToMidnightAppDelegate.h를 열고 타이머와 타이머펑션을 정의한다.
사용자 삽입 이미지

9. MinutesToMidnightAppDelegate.m에서 timer를 인터벌 1초로 생성하고, 이때 콜백을 onTimer가 호출되도록 설정한다. 그리고, onTimer에서 viewcontroller의 updateLabel이 호출되도록 설정한다.
사용자 삽입 이미지

10. XCode에서 MinutesToMidnightViewController.h를 열고 다음과 같이 펑션을 정의한다.
사용자 삽입 이미지
11. MinutesToMidnightViewController.m을 열고 다음과 같이 펑션을 정의한다.
    여기서 viewDidLoad 펑션에서 폰트를 정의했으며, 타이머에서 사용할 updateLabel 펑션에 대한 내용을 채운다.
사용자 삽입 이미지

12. 이제 코딩은 모두 끝났다. XCode로 돌아가서 'Build and Go'를 실행하면 다음과 같이 실행된다.
신고
블로그 이미지

*별빛*

UI/UX관련 개발이슈 및 방법을 나누는 곳입니다. Flex/AIR, Silverlight등 pc 기반 iPhone, Android등 smartphone 기반

인터넷을 다니다 iPhone SDK를 활용한 샘플을 발견했다.

http://www.appsamuck.com

이런 류의 사이트가 좀 많아야 될텐데 하는 생각에 일단 이걸 기반으로

공부하면서 초보자들이 따라할 만하게 각색해서 강좌를 써볼까한다.

별로 어려운 영어는 아니라 웬만하면 직접 가서 보는 것도 좋을 듯 하지만..

사이트 관리자가 귀찮아서인지, 보는 사람을 높게 평가해서인지 모르겠지만,

1장 이후로 가면 프로그램에 대한 설명이 없다. 단지, 소스만..

따라서 이를 기반으로 프로그램을 해석하여 새롭게 구성하는 방식으로 한다.

목차는 다음과 같다.

  1. Minutes to midnight
  2. Bonfire
  3. openURL
  4. What is my IP?
  5. Count Me In
  6. Reaction TIme
  7. Speed Dialer
  8. Flickr KML
  9. Snow fall
  10. Where am I?
  11. Plumb-Bob
  12. U Decide
  13. MyGoogle
  14. Sleep sound
  15. ZipWeather
  16. World Tour
  17. Fireball
  18. Homeland Security
  19. Mobile Altimeter
  20. Temperature Converter
  21. iDrum
  22. Pumpkin Face
  23. Hypno
  24. AmuckColors
  25. Sierpinski
  26. LavaFlow
  27. PhotoFrame
  28. DigiClock
  29. PasswordGenerator
  30. DeathCalc
  31. Moolah
신고
블로그 이미지

*별빛*

UI/UX관련 개발이슈 및 방법을 나누는 곳입니다. Flex/AIR, Silverlight등 pc 기반 iPhone, Android등 smartphone 기반

티스토리 툴바