Flex 2 개발 가이드 > 유저 인터페이스의 커스터마이즈 > Cursor Manager 의 사용 > 커서의 작성과 삭제

커서의 작성과 삭제

다음의 예에서는, 큰 이미지 파일의 로드안에, 커서를 커스텀의 대기 커서 또는 Busy 커서로 변경합니다. 로드가 완료하면, Busy 커서는 삭제되어 커서가 시스템 커서에 돌아옵니다.

메모

 

Flex 체제에는, 디폴트의 Busy 커서가 준비되어 있습니다. 이 커서의 사용 방법의 상세한 것에 대하여는,Busy 커서의 사용을 참조해 주세요. 

<? xml version="1. 0"? >
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script> 
    <! [CDATA[
        import mx.managers.CursorManager;
        import flash.events. *;
        
        // 커서 ID 를 보관 유지하는 변수를 정의합니다.
        private var cursorID : Number = 0;

        // 커서 심볼을 포함합니다.
        [Embed(source="wait.jpg")] 
        private var waitCursorSymbol:Class; 
                
        // 대기 커서를 표시해,
        // 이미지를 로드하는 event listener를 정의합니다.
        private function initImage(event:MouseEvent) :void {
            // Busy 커서를 설정합니다.
            cursorID = CursorManager.setCursor(waitCursorSymbol);
            // 큰 이미지를 로드합니다.
            image1.load("DSC00034.jpg");
        }

        // 대기 커서를 삭제하는 event listener를 정의합니다.
        private function loadComplete(event:Event) :void {
            CursorManager.removeCursor(cursorID);    
        }                
    ]]>
</mx:Script>

    <mx:VBox>
        <! -- 이미지를 로드하는 Image 컨트롤입니다.  -->
        <mx:Image id="image1" complete="loadComplete(event) "/>

        <! -- 로드를 trigger  하는 버튼입니다.  --> 
        <mx:Button id="myButton" label="Show" click="initImage(event) "/>        

    </mx:VBox>

</mx:Application>

이 예에서는, 커서 이미지에 JPEG 이미지가 사용되고 있습니다. 다음의 예와 같이, Sprite 오브젝트나, PNG, GIF, SVG, SWF 등의 파일도 사용할 수 있습니다. 

[Embed(source="wait.swf")] 
var waitCursorSymbol:Class;

또는, 다음의 예와 같이 SWF 파일로부터 심볼을 참조할 수도 있습니다. 

[Embed(source="cursorList.swf", symbol="wait")] 
var waitCursorSymbol:Class;

SWF 파일을 사용하는 이점은, 애니메이션 커서를 작성할 수 있는 것입니다.