|
제작하는 동안 또는 런타임에 ScrollPane 구성 요소를 가로/세로로 변형할 수 있습니다. 제작하는 동안에는 스테이지에서 구성 요소를 선택한 다음 [자유 변형 도구]나 [수정] > [변형] 명령을 사용합니다. 런타임에는
setSize()
메서드를 사용하거나
height
,
width
,
scaleX
,
scaleY
등의 해당 ScrollPane 클래스 속성과 메서드를 사용합니다.
ScrollPane 구성 요소에는 다음과 같은 그래픽 특성이 있습니다.
-
내용의 등록 포인트(
원점
이라고도 함)가 창의 왼쪽 위 모서리에 있습니다.
-
가로 스크롤 막대를 해제하면 세로 스크롤 막대가 스크롤 창의 오른쪽에 위에서 아래 방향으로 표시됩니다. 세로 스크롤 막대를 해제하면 가로 스크롤 막대가 스크롤 창의 아래쪽에 왼쪽에서 오른쪽 방향으로 표시됩니다. 두 가지 스크롤 막대 모두를 숨길 수 있습니다.
-
스크롤 창이 너무 작으면 내용이 제대로 표시되지 않을 수 있습니다.
-
스크롤 창 크기를 조절하면 스크롤 트랙과 스크롤 상자(썸)가 확장되거나 축소되고 해당 히트 영역의 크기가 조절됩니다. 버튼 크기는 그대로 유지됩니다.
ScrollPane 구성 요소에 스타일 사용
ScrollPane 구성 요소의 스타일 속성에 따라 구성 요소를 그릴 때 레이아웃으로 사용되는 스킨 및 패딩 값이 결정됩니다. 다양한 스킨 스타일을 사용하여 구성 요소마다 다른 클래스를 지정하여 사용할 수 있습니다. 스킨 스타일 사용에 대한 자세한 내용은
스킨
을 참조하십시오.
-
새 Flash 문서(ActionScript 3.0)를 만듭니다.
-
ScrollPane 구성 요소를 스테이지로 드래그하고 인스턴스 이름을
mySp
로 지정합니다.
-
속성 관리자에서 [매개 변수] 탭을 클릭하고
source
매개 변수에
http://www.helpexamples.com/flash/images/image1.jpg
값을 입력합니다.
-
기본 타임라인의 프레임 1에서 다음 코드를 [액션] 패널에 추가합니다.
mySp.setStyle("contentPadding", 5);
패딩은 스크롤 막대 바깥쪽에서 구성 요소의 테두리와 내용 사이에 적용됩니다.
-
[컨트롤] > [무비 테스트]를 선택합니다.
|
|
|
