[Apple Watch] 애플워치앱 개발 프로젝트 만들기, 버튼클릭 이벤트

 

Apple Watch App 개발 1일차

 

• 프로젝트 생성
• 버튼 클릭

---

 

애플 워치를 사용하는 사람이 주변에 하나둘 생기면서 저 또한 워치에 관심이 많이 생겼습니다.

그런데 제 관심은 전자제품보다 워치 전용앱의 개발과정에 더 관심이가고 궁금했기 때문에 스터디를 하기로 결심했습니다.

google 검색

Apple 홈페이지에 관련 문서가 있지만 생각보다 유용하지 않습니다.

developer.apple.com/documentation/watchkit

Apple Developer Documentation

책을 사서 읽거나 유튜브를 보는게 더 도움이될 것 같습니다.

 

---

 

실행환경  : macbook air 2010

IDE 프로그램 : Xcode

 

먼저 XCode로 프로젝트부터 만들겠습니다.

 

다른건 그대로 둬도 상관없는데 interface는 storyboard를 사용하겠습니다. interface에 대해서는 추후에 따로 공부해서 글로 작성할 수 있으면 하겠습니다.

 

 

프로젝트를 생성하면 ios, watch, framework등을 선택할 수 있는데 저는 watch App을 선택하였습니다. 

 

 

 

Watch App을 선택하면 Xcode가 왼쪽의 파일들과 화면에 보이는 예시 화면을 만들어줍니다. 아직 여러 Action을 사용하지는 않을것 입니다.

먼저 button을 하나 만들어서 간단한 Event만 만들어 보겠습니다.

아래 사진에서 오른쪽 상단에 + 버튼이 있습니다. + 버튼을 클릭하고 button을 검색하면 Button을 추가할 수 있는데 main 화면에 drag and drop 하면 자동으로 추가됩니다.

 

main 화면에 button이 추가되고 저는 버튼에 click? 이라는 text를 설정했습니다. 추후에 버튼을 클릭하면 tapped로 변경되는 Event를 만들 계획입니다.

 

button에 대한 event를 만들기 위해 간단한 코딩이 필요합니다. button을 사용할 변수를 선언하는 부분과 event를 코딩해 줍니다.

@IBoutlet var mybutton: WkinterfaceButton! 에서 ! 는 싱크?? 혹은 이 코드에서 사용할 것이라는 의미를 가지고 있다고 하는데 이것도 추후에 공부가 필요할 것 같습니다. 

 

이제 작성한 코드와 실제 화면에 있는 버튼을 연결해야 합니다. 

처음에는 따로 코드를 작성하거나 button에 뭔가 설정해 줘야 할것이라 생각하고 열씸히 찾아봤는데 Xcod에서 마우스 한 두번으로 바로 연결해 줍니다..

아래 사진처럼 outlets의 변수와 received Actions에 function을 버튼에 연결하면 됩니다. 굉장히 편리하게 되어있습니다.

 

이제 코딩과 작업은 끝났습니다. 

이제 잘 작동하나 테스트만 하면 되는데 IDE왼쪽 상단에 플레이 버튼을 누르면 자동으로 빌드되면서 작은 simulator가 한개 생성됩니다.

 

정상적으로 click?이 화면에 뜨는걸 볼 수 있었으며 버튼을 클릭했을때 text가 tapped로 변하는 것도 확인할 수 있었습니다.