Documentation

Empty View, Image, Symbol

View, Image, Symbol 사용법

2 min read

Image views | Apple Developer Documentation

SF Symbols | Apple Developer Documentation

UI Library 의 첫번째 UI 는 View 입니다.

View 는 UI 를 구성하는 빈 영역을 의미하며, 중첩된 트리 구조로 만들어 전체 화면을 구성할 수 있습니다.

View 와 더불어 Oval 과 Symbol 을 확인할 수 있습니다.

여기 있는 View, Oval, Symbol 은 모두 같은 View Type 입니다.

Oval 은 Corner > Capsule 속성을 키고, Width, Height 를 같은 값으로 만들어서 원형 모양을 만들 수 있음을 알 수 있습니다.

Symbol 은 View Inspector 에서 Image 섹션을 통해 원한 SF Symbol 이미지를 선택해서 만들 수 있다는 걸 보여줍니다.

UI 에 이미지로 표현하고 싶은 부분이 있다면, View 객체를 Scene 위에 올려놓은 후 Inspector 를 통해 Image 를 선택하면 됩니다.

Image Picker 로 진입하면 현재 프로젝트에 등록되어 있는 이미지를 볼 수 있고, 여기서 원하는 이미지를 선택하면 됩니다. 추가하고 싶은 이미지는 Add 버튼을 통해 곧바로 추가할 수 있습니다.

프로젝트 이미지에 대한 관리는 Document 의 이미지 부분을 확인해 주세요.

Inspector: Image

Inspector: View

Inspector: Gradient

Inspector: Paddings

Inspector: Margins

Inspector: Shadow

Inspector: Corner

Inspector: Border