iOS 개발 완젼 기본적인 내용으로 하나 더 추가합니다.


버튼 이벤트 처리하는 것인데요.


이 포스팅의 목적은 스토리보드에서 버튼 만들고, 버튼이 터치 될 때 로그를 출력하도록 하는 것입니다. 


이것만 이해하면 버튼을 눌렀을 때 함수를 호출한다던지, 다른 View로 이동한다던지, 등등을 할 수 있겠죠 ㅎㅎ   


그림들은 누르면 커져요.


1. 프로젝트 생성하고, view에 버튼을 추가하기 


- xCode를 실행하고 new Project 눌러서 하나의 프로젝트를 생성하도록 합니다. 아래 그림과 같이 말이죠.

  

  간단한 내용을 테스트 하는 것이니깐 Single View Application으로 선택하시고, 적당한 내용 기입해서 프로젝트를 생성합니다.





2. 스토리보드에서 View에 Button 추가하고, 소스코드에 연결하기.


왼쪽 프로젝트 파일 리스트에서 스토리보드를 클릭합니다. :)

그럼 View가 하나 나와있죠? 거기에 Button을 추가합니다.  아래 그림과 같이 말이죠.


Fig. 스토리보드 눌러요.


Fig. View에 버튼을 추가한 화면.



버튼을 추가했으면 바로 위 그림에 표시한 빨간색 박스 보이시나요? 오른쪽 상단에요. 눌러보시면 화면이 2개로 분할됩니다. 


아래 그림과 같이 말이죠.



Fig. 제일 중요한 화면이에요.


왼쪽이 스토리보드, 오른쪽이 소스코드가 나와있는데요. 소스코드가 .m 파일로 되어 있을 수 있어요. 그것을 .h로 변경해주세요.


헤더 파일에 버튼에 대한 이벤트를 추가해주면 .m 파일에도 자동으로 추가가 됩니다.  (반대도 되는지는 모르겠네요.)


준비가 되었으면 스토리보드에서 버튼을 클릭하고 Ctrl (컨트롤) 키를 누른 상태에서 마우스를 끌어 


@interface ....Controller : UIViewController 로 마우스를 가져가서 클릭한 손가락을 떼주세요. 


그럼 아래와 같은 화면을 보실 수 있어요.




거의 끝나가네요 ㅎㅎ 


Connection을 Action으로 주고, 버튼이 터치되면 수행할 함수이름을 Name에 적어줍니다. 저같은 경우는 buttonClick으로 했구요.


Type도 UIButton으로 변경해줍니다.


그럼 함수가 하나 추가됩니다. 아래 그림과 같이 말이죠.


위 그림이 Header 파일에 추가된 것이구요.


m 파일 보시면 실제 함수가 작성되어 있어요.




저는 그 함수안에 NSLog(@"hahaha button click");으로 버튼이 터치되면 로그를 xCode에 출력하라는 소스코드를 작성한 것이죠.


그럼 마지막 테스트입니다.




3. 테스트 화면.


시뮬레이터에서 실행한 화면이에요. 빨간색 Button Test라는 Button을 누르면 오른쪽 하단에 보이시는 것 처럼 Log가 출력되죠? 



끝 :)


+ Recent posts