9 슬라이스 객체(가끔 9 패치라고도 불림)는 사용자가 정의한 여백을 가진 객체로, 이미지를 9부분으로 나누고 객체의 스케일 방식이 변경됩니다.

9 슬라이스 객체는 종종 사용자 인터페이스나 스케일링 시 특정 외관을 유지해야 하는 다른 프로젝트 요소를 만들 때 사용됩니다.

일반적으로 9 슬라이스 객체의 크기를 조정하면 3가지 일이 발생합니다:

아래 그래픽을 시작하고 이를 스케일링하려고 하면 9 슬라이스 객체와 일반 그래픽의 차이를 쉽게 볼 수 있습니다.

일반 그래픽(여기에 9 슬라이스 여백 없음)을 수평적으로 230% 스케일링한 것. 이미지의 모서리가 늘어나서 정사각형처럼 보이지 않는 것을 주목하세요.

원본 그래픽을 20% 여백(빨간 선)을 가진 9 슬라이스 객체로 변환합니다.

9 슬라이스 객체를 동일하게 230% 수평적으로 스케일링하면, 객체의 모서리가 형태를 유지하는 것을 볼 수 있습니다.

9 슬라이스 객체 생성하기

어떤 그래픽이든 9 슬라이스 객체로 변환할 수 있습니다. 이렇게 하려면, 자산 라이브러리를 열고 9 슬라이스 객체로 변환하고 싶은 그래픽으로 이동합니다.

그래픽을 찾으면 화면에 손가락을 대고 계속 눌러서 자산 메뉴 메뉴가 나타나게 합니다. 자산 메뉴에서 "9-슬라이스로 변환"을 선택합니다.

9 슬라이스로 변환하면 자동으로 여백이 40%로 생성됩니다.

기본 여백 수정하기

기본 여백을 변경하려면 자산 메뉴에서 "미리보기"를 선택합니다.

"9-슬라이스 미리보기"는 그래픽의 여백 선을 시각적으로 보여주며 여백 위치의 입력 필드(그래픽의 비율로)를 가지고 있습니다.

여백을 변경하려면 각 여백 선의 흰색 원을 터치하고 이동하거나 숫자를 수동으로 입력할 수 있습니다. 여백 선을 드래그하면 수동 입력 필드가 자동으로 새로운 위치 비율로 업데이트 됩니다.

장면에 추가한 각 특정 9 슬라이스 객체의 여백을 변경할 수 있으며, 원래의 9 슬라이스 객체에 영향을 주지 않습니다.

이렇게 하려면, 캔버스에서 9 슬라이스 객체를 탭하고 객체 속성에서 일반 속성 탭(첫 번째 탭)으로 전환합니다.

일반 속성 탭에서 4개의 여백을 볼 수 있으며, 그 위치를 수동으로 변경할 수 있습니다.