[iOS] Interface Builder - Attribute, UI elements

이번 포스팅에서는 인터페이스 빌더(Interface Builder)에서 사용하는 attribute에 대해서 알아보도록 하겠습니다.

 

자 attribute에 대해서 알려면 우선 인터페이스 빌더에 대해서 알아야겠죠? 인터페이스 빌더의 개념에 대해서 먼저 알아보겠습니다!

 

인터페이스 빌더(Interface Builder)란?

인터페이스 빌더(Interface Builder)는 iOS 개발에 사용되는 시각적인 툴로, 개발자가 유저 인터페이스를 직관적으로 디자인할 수 있게 해주는 툴입니다. 즉, 코드를 작성하지 않고 전체 사용자 인터페이스를 간단하게 디자인 해주는 툴이라고 생각하시면 됩니다.

인터페이스 빌더에서는 다양한 attribute를 사용하여 UI 구성 요소의 세부적인 특성을 설정할 수 있습니다.

 

인터페이스 빌더에서 자주 사용하는 Attribute

아래는 인터페이스 빌더에서 자주 사용되는 Attribute와 해당 Attribute의 설명을 정리해둔 것입니다.

• Frame: 이는 객체의 위치와 크기를 결정합니다. X와 Y 좌표는 상위 뷰에 대한 객체의 위치를 나타내며, 너비와 높이는 객체의 크기를 나타냅니다.
• Autoresizing: 이는 부모 뷰가 변할 때 객체가 어떻게 조정될지를 설정하는데 사용됩니다.
• Background: 객체의 배경 색상을 설정합니다.
• Alpha: 객체의 투명도를 설정합니다. 0은 완전 투명, 1은 완전 불투명을 의미합니다.
• Hidden: 이 속성을 사용하면 객체를 숨길 수 있습니다. 숨겨진 객체는 화면에 표시되지 않지만, 공간은 여전히 차지하게 됩니다.
• Tag: 이는 객체에 정수 값을 부여하여 코드에서 쉽게 참조할 수 있게 해줍니다.
• Tint: 특정 컨트롤들, 예를 들어 버튼이나 스위치에 색상을 적용할 때 사용됩니다.
• User Interaction Enabled: 이 속성을 사용하면 객체가 사용자 입력을 받아들일 수 있는지를 설정할 수 있습니다.

인터페이스 빌더에서 사용되는 다양한 UI 요소

다음으로는 인터페이스 빌더에서 사용되는 UI요소의 기능과 해당 기능에 대한 정보를 알아보겠습니다.

• Button (버튼): 사용자의 터치 이벤트를 받을 수 있는 UI 요소로, 텍스트나 이미지를 표시할 수 있습니다. 버튼의 액션을 설정하여 터치에 대한 동작을 정의할 수 있습니다.
• Label (레이블): 텍스트를 표시하기 위한 UI 요소로, 정적인 내용을 표시할 때 사용합니다. 폰트, 색상, 정렬 등의 속성을 설정할 수 있습니다.
• Text Field (텍스트 필드): 사용자의 텍스트 입력을 받을 수 있는 UI 요소로, 단일 행 또는 여러 줄의 텍스트를 입력할 수 있습니다. 입력된 텍스트를 읽어오거나 수정할 수 있습니다.
• Image View (이미지 뷰): 이미지를 표시하기 위한 UI 요소로, 이미지 파일이나 리소스를 로드하여 표시할 수 있습니다. 이미지의 크기, 콘텐츠 모드 등을 설정할 수 있습니다.
• Table View (테이블 뷰): 데이터를 표시하는 목록 형태의 UI 요소로, 여러 개의 행으로 구성되어 있습니다. 테이블 뷰의 셀을 커스텀하거나, 행 선택에 대한 액션을 정의할 수 있습니다.
• Segmented Control (세그먼트 컨트롤): 여러 개의 선택지 중에서 하나를 선택할 수 있는 UI 요소로, 주로 탭 간의 전환이나 필터링에 사용됩니다. 선택된 세그먼트에 대한 액션을 정의할 수 있습니다.
• Slider (슬라이더): 범위 내에서 값을 선택할 수 있는 UI 요소로, 수치 조절이 필요한 경우에 사용됩니다. 값을 변경할 때마다 해당 값에 대한 액션을 정의할 수 있습니다.
• Switch (스위치): 두 가지 상태 중 하나를 선택할 수 있는 UI 요소로, 주로 옵션 설정이나 ON/OFF와 같은 이진 선택에 사용됩니다. 스위치의 상태 변화에 따른 액션을 정의할 수 있습니다.

 

Interface Builder attribute

Interface Builder attribute은 Xcode와 동기화하기 위해 Interface Builder에서 사용하는 declaration attribute입니다.

IBAction, IBSegueAction, IBoutlet, IBDesignable, IBInspectable가 존재합니다.

• 클래스의 프로퍼티 선언에 IBOutlet와 IBInspectable 사용
• 클래스의 메서드 선언에 IBAction과 IBSegueAction 사용
• 클래스 선언에 IBDesignable 사용

이렇게 인터페이스 빌더에서 사용되는 attribute에 대해 알아보았습니다. 인터페이스 빌더를 통해 시각적으로 유저 인터페이스를 디자인하고 attribute를 활용하여 세부적인 설정을 할 수 있습니다. 이를 통해 iOS 앱 개발 시 보다 효율적이고 직관적인 개발이 가능해집니다. 추가로 궁금한 점이 있으시다면 언제든지 물어보세요. 

 

감사합니다.

---

틀린 부분이 있거나 더 좋은 내용 훈수 환영합니다!

공감과 댓글 부탁드립니다.