본문으로 건너뛰기

9-슬라이싱 (9-slicing)

9-슬라이싱(때로는 9-patch라고도 함)은 단일 이미지를 9개 영역으로 분할하여 각각 개별적으로 스케일링하는 2D 그래픽 기법으로, 이미지가 다른 크기와 다른 종횡비로 표시될 때 늘어남을 방지합니다.

9 Sliced Button

위 이미지에서 스프라이트 에디터의 텍스처 아틀라스 편집 기능을 사용하여 정의된 9개 영역을 볼 수 있습니다. 스프라이트 컴포넌트 또는 이미지 엘리먼트 컴포넌트를 사용하여 씬에 추가하면, 컴포넌트의 너비와 높이 속성을 사용하여 이미지 크기를 조정할 수 있습니다. 각 영역은 다음 규칙을 사용하여 스케일링됩니다:

  • 중앙 - 가로와 세로 모두 늘이거나 타일링
  • 위, 아래 - 가로로만 늘이거나 타일링
  • 왼쪽, 오른쪽 - 세로로만 늘이거나 타일링
  • 왼쪽 위, 오른쪽 위, 왼쪽 아래, 오른쪽 아래 - 늘이거나 타일링하지 않음

Button Resize Animation

9-슬라이싱 설정​

Setup 9-slicing

9-슬라이스된 스프라이트를 설정하려면 스프라이트 에디터에서 9-슬라이싱을 사용하고 싶은 영역 주위에 프레임을 만드세요. 그런 다음 프레임 인스펙터에서 파란색 핸들이나 테두리 속성을 사용하여 스프라이트의 늘어나는 부분이 되고 싶은 이미지의 중앙 부분을 윤곽을 그리도록 테두리를 설정하세요.

마지막으로 선택에서 새 슬라이스된 스프라이트를 클릭하여 렌더 모드가 슬라이스됨으로 설정된 새 스프라이트를 만드세요.

렌더 모드​

스프라이트 에셋은 세 가지 렌더 모드 중 하나를 가질 수 있습니다.

단순 스프라이트​

Simple Render Mode

단순 렌더 모드는 9-슬라이싱이 없습니다. 일반 스프라이트에 이 모드를 사용하세요.

슬라이스된 스프라이트​

Sliced Render Mode

슬라이스됨 렌더 모드는 이미지의 일부를 늘입니다. 중앙은 가로와 세로로 늘어나고, 왼쪽과 오른쪽 섹션은 세로로 늘어나고, 위와 아래 섹션은 가로로 늘어나며, 모서리는 전혀 늘어나지 않습니다.

타일된 스프라이트​

Tiled Render Mode

타일됨 렌더 모드는 섹션을 늘리는 대신 타일 방식으로 반복한다는 점을 제외하고는 슬라이스됨 모드와 유사합니다. 중앙은 가로와 세로로 타일링되고, 왼쪽과 오른쪽은 세로로 타일링되고, 위와 아래는 가로로 타일링되며, 모서리는 전혀 타일링되지 않습니다.