본문 바로가기

IOS

IOS에 버튼 이벤트를 달아보자

1. 스토리보드 버튼 추가

이미지 상에 상단 검정 테두리 그려진곳을 클릭하면 UI제작에 도움이 되는
많은 친구 들이 있다 서치해서 사용 해보도록 하자.

2.스토리보드 에 버튼 추가후, 소스코드 연결
버튼을 스토리보드 에 추가후 이미지 상단 검정 테두리를 클릭하면
스토리보드와 코드 를 작성 할수 있는 부분이 갈라(?) 진다.
버튼을 클릭후 control + 드래그 를 해서 소스에 가져다 대면 다음과 같은 화면이 나온다.

다음과 같은 속성에 이름과 type을 지정할수 있는 상자가 생긴다.
기본 type은 Any로 설정 되어 있으며 UIButton 으로 바꿔주도록 하자.

3.Toast 메세지 코딩
버튼 까지 연결 했으니 실제 잘눌리는지 확인을 해보자.
지금 토스트가 먹고싶으니 토스트를 띄어보자(?)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
let toastLabel = UILabel(frame: CGRect(x: view.frame.size.width/2-150, y: view.frame.size.height-100, width: 300, height: 35))
        toastLabel.backgroundColor = UIColor.black
        toastLabel.textColor = UIColor.white
        toastLabel.text = "토스트 먹구싶다"
        toastLabel.textAlignment = NSTextAlignment.center;
        view.addSubview(toastLabel)
        toastLabel.font = UIFont.boldSystemFont(ofSize: 18)
        toastLabel.layer.cornerRadius = 10
        toastLabel.clipsToBounds = true
        
        UIView.animate(withDuration: 1.0, animations: {
            toastLabel.alpha = 0.0
        }, completion: {
            (isBool) -> Void in
            self.dismiss(animated: true, completion: nil)
        })
cs

 

4.Label 텍스트 추가
아까 UI제작에 도움이 되는 친구들 사이에 Label 친구를 불러보자.
방법은 방금전 버튼 클릭 이벤트 한것과 비슷하다.
스토리 보드에 추가후 control + 드래그 할때 이번엔 다른 type으로 설정된다.

설정시 다음과 같은 변수가 하나 딱 나온다

해당 변수 가지고 클릭 이벤트 부분에 텍스트 변환 명령어만 써주면 끝이다.

 

참고 : https://ngee.tistory.com/214