MovieClip.scale9Grid 속성을 이용한 타원형 무비 클립 크기 조절

MovieClip.scale9Grid 속성

MovieClip.scale9Grid은 무비 클립의 크기를 조절할 때 가장자리 선이 같은 폭을 유지하도록 지정해주는 속성으로 9개의 크기 조절 영역을 정의하는 사각형 영역을 의미합니다. 타원형 무비 클립을 비롯한 모든 무비 클립에 scale9Grid 속성을 정의할 수 있으며 정의된 사각형 영역에 따라 무비 클립의 가장자리 선의 폭을 다르게 유지할 수 있습니다.

MovieClip.scale9Grid 속성을 사용하는 방법은 9개의 크기 조절 영역으로 사용될 사각형을 지정해 주거나 null로 설정하여 전체 무비 클립의 크기를 정상적으로 조절되도록 해줍니다.

액션스크립트로 무비 클립에 scale9Grid 속성을 정의할 때에는 다음과 같이 기준 영역으로 사용될 사각형 무비 클립을 지정해주기만 하면 됩니다.

크기가 변하는 무비 클립.scale9Grid = 기준 영역으로 사용될 사각형 무비 클립
                    

그리고, 라이브러리 패널에서 무비 클립에 대해 scale9Grid 속성을 정의하면 격자의 중심 영역인 기준 영역을 정의하는 scale9Grid 사각형을 기반으로 무비 클립이 9개의 영역이 있는 격자로 나누어집니다. 격자에는 기준 사각형을 제외한 다음과 같은 8개 영역이 있습니다.

그림 6. 9개의 격자로 나누어진 모습

• 1번 격자 : 기준 사각형 밖의 왼쪽 위 모서리 내부 영역
• 2번 격자 : 기준 사각형 위쪽 영역
• 3번 격자 : 기준 사각형 밖의 오른쪽 위 모서리 내부 영역
• 4번 격자 : 기준 사각형의 왼쪽 영역
• 5번 격자 : 기준 사각형의 오른쪽 영역
• 6번 격자 : 기준 사각형 밖의 왼쪽 아래 모서리 내부 영역
• 7번 격자 : 기준 사각형 아래쪽 영역
• 8번 격자 : 기준 사각형 밖의 오른쪽 아래 모서리 내부 영역

플래시 8 이전 버전에서는 이런 격자 역할을 할 수 있는 부분을 사용자가 직접 무비 클립을 분할해서 수동으로 제어했던 것입니다.

MovieClip.scale9Grid 속성을 설정한 후 무비 클립의 크기를 조절하면 다음과 같은 규칙이 적용됩니다.

• 기준 사각형의 모든 내용은 정상적으로 크기가 조절됩니다.
• 기준 사각형의 크기가 0으로 조절되면 모서리에 있는 영역만 크기가 조절됩니다.
• 기준 사각형의 위쪽(2번 격자)과 아래쪽 영역(7번 격자)은 가로로만 크기가 조절됩니다.
• 기준 사각형의 왼쪽(4번 격자)과 오른쪽 영역(5번 격자)은 세로로만 크기가 조절됩니다.
• 비트맵, 비디오 및 그래디언트를 포함한 모든 채우기는 모양에 맞춰 확장됩니다.

MovieClip.scale9Grid 속성은 구성 요소의 크기를 조절할 때 가장자리 선이 같은 폭을 유지하는 구성 요소를 설정할 때 자주 사용됩니다.

3/5 페이지

이전 페이지

다음 페이지