( iOS ) 개발하기 6 - 버튼 배치 및 액션 이벤트 달기

( iOS ) 개발하기 5 - 간단한 텍스트 배치 및 Layout 조정하기

( iOS ) 개발하기 4 - 프로젝트 내 휴대폰에 설치하기

( iOS ) 개발하기 3 - Create Project

( iOS ) 개발하기 2 - xcode 실행과 swift 둘러보기

5화에서 간단한 텍스트를 추가해 보았다.

이번화에서는 버튼을 달고 액션을 추가해, 버튼을 누르면 라벨의 텍스트가 변경되도록 해 보자.

1. 버튼을 단다. (레이아웃에 추가하는 방법은 5화 참조)

2. 버튼 연결 클래스 설정

- storyboard 의 화면(View Controller, 화면상의 text label 이나 Button이 위치한 부모 레이아웃, 화면 전체)을 클릭한 후, identity inspector 메뉴로 들어갑니다.

위와 같이 Class 에 ViewController 가 명시되어있다

ViewController는 알다시피, xcode 화면 좌측 프로젝트 파일중 [ViewController.swift] 를 의미한다.

자세히 보면 Class:ViewController 라고 명시되어있는 우측에 회색원으로 화살표 모양이 보인다.

이 화살표를 [ ALT ] 키를 누른 채로 눌러보자.

위와 같이 화면이 분할된다. 

맥북 15인치 인데도..화면이 작다.

여기서 Layout 의 버튼을 [Control] 키를 누른채로 오른쪽 화면의 코드에 끌어당겨보자.

이름을 지으란다..

Connection : Action

Name : onClick 

으로 만들어보자

같은 방식으로 UILabel 도 끌어다 추가 시켜 준다.

(버튼을 누르면 라벨의 텍스트도 변경되어야 하기 때문에, 코드상에 추가시켜 주자.)

이제 거의다 되었다.

@IBAction func onClick 은 버튼이 눌릴경우 실행되는 함수가 될 것이고,

@IBOutlet weak var label_test는 라벨 변수가 될 것이다.

onclick 함수 안에 라벨을 변경하는 내용을 넣고 빌드해보자.

label_test.text 로 문자열을 수정하였다.

빌드 고고 

command + R

초기화면...

여기서 버튼을...누르면!!!

텍스트가 바뀌긴 하는데 잘린다...

이건 알아서 레이아웃 크기를 조정해가며 맞춰보길 바란다.

넘나 졸려서 이정도까지 끝

다음화는 버튼 눌러 화면 전환하기/

터치로 화면 전환하기 등의 화면 전환 기법을 구현해 보자. 

수고욤