[스위프트]탭 카운트(TapCounter)하는 법_간단한 예제로 따라하기

 

Xcode_iOS 프로그래밍 스위트프로 탭 카운트(TapCounter)하기 

 

탭(Tap)은 화면을 톡톡 두드리는 행위를 말합니다.

아이폰(iOS) 애플리케이션 개발할 때 어떻게 탭을 셀 수 있는지 코드로 보겠습니다.

먼저 Xcode를 열고, 새 프로젝트를 생성합니다. 

▶새 프로젝트를 생성하는 방법 보러가기

 

---

■ 화면 구성하기 

STEP1 라이브러리에서 스택뷰(Vertical Stack View)를 드래그하여 스토리보드에 드래그합니다.

 

STEP2 라이브러리에서 스택뷰(Vertical Stack View)를 드래그하여 스토리보드에 드래그합니다.

4번에서 스택뷰 안에 Labeldl 들어가지 않으면 드래그로 변경해줍니다. 

 

 

STEP3 Label을 더블클릭해서 안의 텍스트를 변경해줍니다. 

위 Label은 Tab Counter, 아래는 0으로 해줍니다. 

 

 

STEP4 Label 안의 텍스트의 사이즈를 변경합니다. 

STEP5 스택 뷰의 제약 조건을 설정합니다. 

1 스택 뷰를 클릭하고

2 하단에 제약 조건 아이콘을 클릭합니다. 

3 제약 조건(왼쪽: 16, 오른쪽: 16) 입력하고

4 'Add 2 Constraints' 버튼을 클릭합니다. 

---

■ 코드 작성하기 

STEP6 보조편집기를 엽니다. 

STEP7 Lable의 아울렛 변수를 추가합니다. 

1 해당 레이블을 마우스로 클릭하고

2 클래스 아래부분으로 드래그앤드롭합니다.

STEP8 txtTapCount 변수명을 입력합니다. 

다음 아래 Connet 버튼을 클릭합니다. 

 

STEP9 Tab 이벤트 메서드 구현합니다. 

viewDidLoad 메서드 밑에 아래와 같이 코드를 작성합니다.

 

자동 완성기능을 이용하여 touchesEnded를 선택하면 됩니다.

touchesEnded는 손가락을 화면에서 떼었을 때 호출됩니다. 

 

전체코드와 코드 상세 설명은 더보기에 있습니다. 

전체코드

import UIKit

 

class ViewController: UIViewController {

    @IBOutlet var txtTapCount: UILabel!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view.

    }

    

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {

        let touch = touches.first! as UITouch //현재 발생한 이벤트를 가지고 옵니다. 

        txtTapCount.text = String(touch.tapCount) // touches 세트 안에 포함된 터치의 개수를 출력합니다. 

    }

}

 

STEP10 애플케이션 실행

상단 ▶ 버튼을 클릭합니다.

 

 

--------------------------

iOS프로그래밍 학습을 위해

더 많은 예제 보러가기 

--------------------------