Documentation

컴포넌트 편집 및 Override

Component Instance 사용 및 Override

2 min read

Component 를 만들게 되면, Project Navigator 에서 확인할 수 있습니다. 이렇게 만들어진 Component 는 편집기 상단의 Component Library 에서 확인할 수 있고, 여기서 Drag and Drop 으로 Scene Editor 위로 옮겨놓으면 됩니다.

이렇게 재사용된 UI 객체를 Component Instance 라고 부릅니다.

Component Instance 는 Size 변경이 가능하고(가능한 경우), Auto Layout 을 자유롭게 설정할 수 있습니다.

그리고 Override 를 통해 내부 속성을 바꿀 수 있습니다. Text, Image 를 바꾸거나, Color 변경, 외곽선 등의 Layer 속성 변경들을 Inspector 를 통해 바꿀 수 있습니다.

하지만, Component Instance 는 내부 UI 객체들의 구조를 바꿀 수는 없습니다. 구체적으로 새로운 UI 요소를 추가할 수 없다는 걸 알아두면 좋을 것 같습니다.

하나의 Component 는 여러개의 Component Instance 로 프로젝트 내의 어디서든 여러번에 걸쳐 사용될 수 있습니다. 그리고 Component 를 편집하면 모든 Component Instance 에 반영됩니다.

Component 를 통해 더욱 쉽고 빠르게 일관성 입은 앱 디자인을 완성해 보세요.