IOS 프로그래밍

본문 바로가기
사이트 내 전체검색


IOS 프로그래밍
IOS 프로그래밍

5. Swift Button

페이지 정보

작성자 관리자 댓글 0건 조회 3,207회 작성일 19-11-04 20:41

본문

5. Swift Button



2.PNG


3.PNG


4.PNG


5.PNG


6.PNG


7.PNG


8.PNG


9.PNG


10.PNG


11.PNG


12.PNG


UI 설계

 

 

UIButton 는 UIView를 상속 받는다.
UIView와 같은 방법으로 사각형을 만들고, 텍스트를 추가한다. 

 

1.png

 

실행 해보자, 마우스로 클릭하면 클릭효과가 나타난다. 이벤트 동작이 연결이 없어 동작하지는 않는다. 

 

2.png

 

 

이벤트 기능 추가하기

 

버튼에 이벤트를 연결하여 기능을 하도록 수정한다.
addTarget ( 수행할 사람, selector(수행함수), state(발생시기) )와 같은 형식으로 사용한다. 

3.png

 

수행함수를 먼저 만든다. 다음 버튼에 수행함수(call)을 연결한댜.

 

4.png

 

.touchUpInside는 버튼내부를 터치했을 때 발생하는 이벤트이다.
실행해보자.
아이폰 화면은 똑같다. 편집 버튼을 클릭했을 때 콘솔화면에 메세지가 출력된다. 

 

5.png

 

버튼이 눌렸을 때, 뷰를 만들어 추가해 보자 

 

6.png

 

 

실행해보자,
버튼을 누르면 UIView 하나가 나타난다. 

7.png

 

커스텀 버튼을 추가해보자. 

 

8.png

 

 

실행해보자. 

 

9.png

10.png

 

 

편집을 누르면 빨강 사각형이 나타나고, 파란 사각형을 클릭하면 콘솔에 "커스텀버튼이 눌렸다'" 메세지가 나타난다.

 

 

 

UIButtonType 속성은 여러가지가 있는데, 직접 수정하고 결과를 확인해보기 바란다.

.contactAdd :
.detailDisclosure :
.infoLight
.system

위의 속성으로 버튼을 만들었을 때 어떻게 바뀌는 가 확인하면 된다. 

댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.