[iOS] UIButton 과 UILabel

Ios 에는 많은 UI 클래스들이 있습니다. 그중 가장 자주 사용하는 버튼과 라벨의 사용법에 대해 설명하겠습니다.

 

버튼은 터치나 탭등의 이벤트에 반응해 미리 지정된 코드를 실행하는 클래스입니다. 버튼에는 텍스트를 입력하거나 이미지를 추가하여 꾸밀수도있고 버튼의 상태에 따라 버튼의 이미지를 변경할 수도 있습니다.

 

버튼의 생성은 object library 탭에서 Button 을 클릭하면 생성이 가능합니다.

 

라벨은 한 줄 또는 여러 줄의 텍스트를 보여주는 뷰입니다. 생성은 버튼과 비슷한방법으로 Label 을 클릭하면 생성됩니다.

 

이를 통해 버튼을 클릭하면 라벨의 텍스트를 변경하는 코드를 작성해 보겠습니다.

 

먼저 버튼과 라벨을 뷰컨트롤러에 생성합니다.

다음은 ViewController 의 코드를 작성해야 합니다. 첫번째로 라벨의 프로퍼티를 추가합니다.

프로퍼티의 생성은 IBOutlet 이라는 모디파이어를 달아주면 스토리보드에서 설정할수있게 해줍니다.

 

다음은 버튼을 눌렀을 때 실행되는 이벤트를 작성해보겠습니다. 이벤트는 IBAction 을 달아주면 됩니다.

코드는 전부작성했으니, 이제 스토리보드에서 UI클래스들과 코드를 연결시켜보겠습니다. 스토리보드에 있는 뷰컨트롤러에서 인스펙터의 맨끝탭을 클릭하면 추가한프로퍼티와 이벤트를 연결해줄수 있는 창이뜨게됩니다.

기존에 추가한 프로퍼티와 메서드가 추가가 되어있습니다. 연결을 할려면 오른쪽에 있는 동그라미를 해당 UI클래스에 드래그 해주시면 됩니다.

이제 실행하고 버튼을 클릭하면 변경된 라벨을 볼 수 있습니다.