그것만이 내 세상

Storyboard 강의 이어서 마저 써야하는데...약속한 이번주 포스팅을 지킬수 있을지 모르겠네요..;

최대한 빨리해서 늦어도 월, 화요일까지는 써보겠습니다

공모전 준비하는중이라 살짝 바쁜것도 있네요



공모전 준비중인 앱입니다.

http://itunes.apple.com/kr/app/id463712340?mt=8

이 앱인데 아직 승인대기중이라 영상속 UI는 아직 적용되지 않았습니다. 

http://itunes.apple.com/kr/app/id459826703?mt=8

같은앱의 무료버전입니다 

현재 이벤트 중입니다 
 

무료버전을 써보시고 리뷰에..

무료버전을 써보시고

추가됐으면 하는기능..이나

버그 남겨주시면

선착순... 15분 리딤코드 드리겠습니다.

***리뷰 적어주시고 redwsky@gmail.com 으로 메일주시면 신청완료입니다***
댓글로 적어주셔도 됩니다~

혹시나 이벤트 끝났을까? 고민하지마시고 이 이벤트 내용이 보이는 시점에서는

아직도 리딤 배포중이니 신청해주시면됩니다^^ 


 

프로젝트는 1편의 프로젝트를 이어서 하겠습니다

먼저 버튼을 달아야 액션을 줄수가 있죠 버튼을 달아줍니다
레이블은 뽀나쓰~ 

우측에서 뷰컨트롤러를 끌어다가 옆에다 놔줍니다 버튼을 눌렀을때 나오게 하려는 뷰예요
꾸미기 귀찮으니 화이트 그대로 가겠습니다!


버튼을 마우스 우클릭하시고 끌어다가 해당 뷰에 놓아주면 항목에 3개가 나올겁니다
모달, 네비, 커스텀...
모달로 연결해줍니다 일단은 화면 전환이 되는것을 보는게 목표니깐요!

그러면 하단과 같이 메뉴가 뜰겁니다.
아까와 같이 3개에 하나더 생겼죠?? 네비게이션의 루트뷰로 쓸것이므로
맨위의 릴레이션쉽 - 루트뷰컨트롤러에 이어줍니다
 

그리고 화면정리를 해주시면서.... 스샷이 하나가 빠졌는데...
이 쯤되면... 막나가자는거...가 아니라.. 빨강화면 좌측에 화살표가 2개 있었을겁니다
그중에 화살표 반쪽짜리를 끌어다가 네비게이션컨트롤러에 놓아줍니다
아래와 같이나오면 성공!
그리고 실행을 해주죠...아.. 실행해주기전에 하단 스샷에 또 빠졌는데...
아까 빨강화면과 하양화면을 이어줄때 모달로 했던것을 네비로 바꿔주셔야합니다!!
이점 잊지 말고 실행해주시면 짜잔!!

초기화면은 빨강화면이 나오고 버튼이 눌리면 아래 화면과 같이 나오면서 네비게이션이 제대로 작동하는것을 볼수 있습니다.

이상으로 일단 스토리보드 첫 강의를 마치도록 하겠습니다 스샷보면 아시겠지만...
새벽 3시라 슬슬 눈이 감기네요;;

다음강좌는 스토리보드를 사용해서 탭바, 네비게이션, 둘다 짬뽕해서 쓰는법을 써볼 생각입니다.
별일 없으면 이번주내로 쓰게 될것 같네요

질문 해주시면 아는선에서 답변드리겠습니다

그럼 오늘은 이만 뿅! 

안녕하세요
근 한달만의 포스팅입니다
이번에는 스토리보드 사용법에 대해 강의를 진행하도록 하죠
초보자분들을 위해,
또 초보자인 제가 편하기 위해...
이번 강좌에는 코딩이 거~의 없다는 것을 선포(?)하고 시작하겠습니다 !

 강의 순서는
음... 먼저 Empty 프로젝트를 만들어서
스토리보드를 추가하고 이를 프로젝트에 어떻게 연결시키는지...(정말 간단합니다)
또 프로젝트상에서 화면 전환은 어떻게 하는지
그리고 네비게이션, 탭바 컨트롤러 추가도 알아보겠습니다

그럼 시작해보도록 하지요~


먼저 아래와 같이 Empty 프로젝트를 하나 생성해주세요

프로젝트 이름은 StoryboardTest로 하겠습니다
Xcode4.2에 맞게 ARC도 활성화 시키도록 하죠 체크해주고 넘어갑니다~!
Class Prefix 항목을 궁금해하시는분도 계실텐데요
Xcode4.2에 올라오면서 ApplicationNameAppDelegate.h 처럼 앞에 프로젝트 이름이 붙던것이 없어지고 AppDelegate.h로 이름이 간단해졌습니다.
하지만 예전이 그리우신분들... 해당항목에 StoryboardTest를 써주시면
프로젝트이름이 앞에 붙던 기존방식대로 소스파일이 만들어지게 됩니다
저는 새로워진게 편하네요 비워놓고 진행하겠습니다

얍~! 만드셨으면 싸~~~한게...
앱 델리게이트 파일만 뎅그러니 있을겁니다. 아 물론 서포팅파일 안에는 메인파일도 있고
잡다한것도 몇개 있지만요.

바로 스토리 보드파일을 만들도록 하죠
커맨드+N을 누르시면 다음 화면이 나오게 됩니다
죄측 상단에 세번째 User Interface를 선택하시고 스토리보드 선택하시고 넥스트~!
이름은 초기이름 그대로 Storyboard.storyboard 를 사용하겠습니다

만들어졌으면 휑~~하죠?? 수학시간도 아니고 모눈종이만 있는것이...
우측 하단에 롸이브러리에서 뷰컨트롤러를 가져다 놓아줍니다
그러면 아래 스샷처럼 나오게 될겁니다

일단 스토리보드를 소스와 연결시키도록 하죠 스토리보드와 소스가 잘 연결되었는지 확인하기 위해 스토리보드의 뷰를 빨강색으로 칠해보도록 하겠습니다
우측에 Background에 맘에드는색을 칠해주세요 저는 역시 빨강선택~!
그러면 아래 스샷처럼 되셨을겁니다

스토리보드와 소스를 연결합시다 프로젝트에 타겟으로 가셔서
아래스샷에 저부분에 스토리보드를 선택해줍니다!
그리고 실행!하면 빨강화면이 뜰까요 안뜰까요~?? 유후~~

짜잔!~!
헉...

머야... 안되네...-_-;; 가 아니고...아래 스샷을 봐주세요
기존 xib파일, 즉 닙파일은 소스보다 나중에 불려왔습니다 그래서 스토리보드도 그렇지 않을까..
해서 실행한 결과가 위와 같습니다. 스토리보드가 먼저 불려오고 소스가 나중에 불려진것이지요

AppDelegate.m파일에서 디드삐니쉬옵션스 항목을 봐주세요
아래스샷에 있네요 선택된부분에서 화이트로 칠하라는 명령이 나중에 불려오기때문에
위에서 하얀화면이 나온것을 짐작할수 있습니다.
전부 주석처리 해줍니다
선택하고 커맨드 + / 해주면 한방에 주석처리~!

주석처리를 해주시고 실행해주시면~!

봐요 빨강화면 나왔죠~?? 후후~
여기까지 매우 쉬운편입니다;; 이제 버튼을 만들고 다음 뷰를 만들고 전환까지 해보겠습니다

처음에 선포한대로 소스한줄 없이요 +_+;;



To Be Continue... -_-a;;ㅎㅎ;