===== 오후 3:31 2004-11-11 =====

Macromedia - Flash Flash MX 2004 Documentation

http://www.macromedia.com/support/documentation/en/flash/

===== 오후 4:41 2004-11-10 =====

'''C# 어플리케이션 코드에서 플래시 무비의 코드 호출하기'''

자. 이번엔 반대 상황이다.

아주 간단한 방법으로는, Flash Object에서 기본으로 사용하는 기능을 사용할 수 있다. Flash Object에서 제공하는 메서드를 미리 살펴보신 여러분들은 모두 눈치를 채셨겠지만, 이 컨트롤에서는 프레임 단위의 이동을 돕는 몇 가지 메서드가 제공된다 :

GotoFrame(frameNum);

TGotoFrame(strTarget, frameNum);

TGotoLabel(strTarget, strLabel);

TCallFrame(strTarget, frameNum);

TCallLabel(strTarget, strLabel);

플래시의 Timeline 개념을 이해하고 있는가? (아직 모르고 계신 분들은 잠시 주위의 플래셔를 붙잡아 5분 강의를 들으시기 바란다. 필자는 화면 캡처하기가 부담스러워서; 여기선 잠시 넘어가겠다) 저 메서드들은 Timeline 위에서의 특정 프레임으로 이동하거나, 그 프레임에 할당되어 있는 Actionscript를 호출하는 메서드이다.

'SetVariable을 호출, _root에 Variable 값을 할당한다. -> TCallLabel을 호출, 할당된 Variable 값을 처리하는 스크립트 코드가 있는 프레임의 코드를 호출한다.' 의 순서대로 처리할 수 있다. 다만 이 경우에는, Timeline의 작업 특성상 코드가 분산되어 찾아보는 것 자체가 어렵다는 것도 문제고, 각 프레임의 레이블에 아무리 쉬운 이름을 주더라도 각 함수 단위로 처리하기가 쉽지 않은데다가, 인수를 전달하기 위해서는 인수에 해당하는 Variable을 잘 정리한 상태에서 작업해야 한다는 등등의 단점이 있어서 수많은 플래셔와 프로그래머들에게 노가다의 짐을 안겨주었다.

이런 문제가 있어서, 필자의 경우에는 특정 무비클립에서 Variable의 값을 계속 검사하는 형태로 만들어서 사용해 왔었고 이 아티클에서도 그 내용을 소개하려고 했으나, 얼마 전에 발견한 Mindfire Solutions(www.mindfiresolutions.com)의 아티클이 있어 그 내용을 대신 소개하도록 하겠다. (코드 내용은 Flash MX 2004에 맞춰 약간 수정되었다)

자. 시작하자.

먼저 다음과 같은 형태의 애플리케이션을 만들어 보자 :

Upload:flash/20041123_01.gif

할 일은 간단하다 : 어플리케이션의 '플래시호출' 버튼을 누르면, 플래시 무비의 Variable인 'Message'에 'CallFunction1'값을 할당하고, 플래시 무비에서는 이 할당된 값을 인식해서 다시 FSCommand로 어플리케이션에 'CallFunction1'이 처리되었다는 것을 알린다.

'''1. '플래시호출' 버튼(btnCall)의 Click 메서드를 작성한다 : '''

private void btnCall_Click(object sender, System.EventArgs e)

{

    axShockwaveFlash1.SetVariable("Message", "CallFunction1");

}

}}}

'''2. 플래시 무비에서 Variable 값의 변화를 인식하고, 텍스트박스(TextBox)에 function의 이름을 넣고, fscommand 호출을 처리하는 코드를 작성한다 :'''

Upload:flash/20041123_02.gif

위 화면처럼 레이어의 프레임을 선택한 상태에서 스크립트를 넣어주면 된다. 코드는 다음과 같다 :

{{{

// 플래시 무비의 로드가 끝나면 스크립트 시작

_root.onLoad = function()

    // 기다리는 함수 호출

    keepWaitingForResponse();

// Message Variable에 값이 할당되기를 기다림

function keepWaitingForResponse()

    // 100ms마다 계속 호출

    // intervalID가 clear되면 작동을 멈춘다

    intervalID = setInterval(

        function () {

            if (_root.Message != undefined) {

                VariableReturned(_root.Message);

            }

        }, 100);

// Variable이 할당되면 처리하는 코드

function VariableReturned(callMessage) {

    // 호출을 멈추는 코드. 여기서는 주석처리

    //clearInterval(intervalID);

    // 여기서부터 실제 message에 대한 처리를 한다.

    switch(callMessage)

    {

        case 'CallFunction1':

            _root.TextBox.text = "Proc:CallMessage1";

            fscommand("Result:CallMessage1", "");

            break;

        default:

            _root.TextBox.text = callMessage;

            fscommand("-_-", "");

            break;

    }

    // 처리 후 undefined 상태로 만들어 처리를 계속할 수 있게 함

    _root.Message = undefined;

}

}}}

'''3. 어플리케이션에서 FSCommand를 처리하는 코드를 넣는다 :'''

{{{

private void axShockwaveFlash1_FSCommand(object sender,

  AxShockwaveFlashObjects._IShockwaveFlashEvents_FSCommandEvent e)

    System.Windows.Forms.MessageBox.Show(e.command);

}}}

결과 화면은 다음과 같다 :

Upload:flash/20041123_03.gif

여기에서는 'CallFunction1'이란 이름의 Message 하나를 처리하고 있으나, 응용하기에 따라서 여러 함수를 처리하는 형태로 만들 수도 있고, 별도의 Variable을 정해 함수의 인수로서 사용할 수도 있다.

===== 오후 5:39 2004-11-08 =====

C#어플리케이션에서플래시오브젝트사용하기UsingFlashObjectInC#Application

오후 4:40 2004-11-10. 일반 어플리케이션에 Flash로 만든 UI를 뒤집어 씌워보자는 목적으로 작성되었음.

'''플래시를 포함하는 어플리케이션 생성'''

먼저 '도구 상자'에서 우클릭 -> '항목 추가/제거' 메뉴에서

다음과 같이 Shockwave Flash Object를 추가한다 :

Upload:flash/20041108_01.gif

그 다음 Shockwave Flash Object 컨트롤을 추가한다 :

(그냥 더블클릭하면 axShockwaveFlash1이라는 이름으로 추가된다)

Upload:flash/20041108_02.gif

Movie 속성에 플래시 파일의 경로를 미리 지정해줘도 좋지만

Kenial의 경우엔 프로그램을 배포할 때 프로그램의 경로에 같이 넣어줄 예정이므로,

다음과 같이 코딩해주자.

{{{

private void Form1_Load(object sender, System.EventArgs e)

 axShockwaveFlash1.Movie = System.IO.Directory.GetCurrentDirectory() + "\\test.swf";

}}}

그리고 플래시 무비를 하나 만들어보자.

일단 플래시 무비와 어플리케이션의 연동을 해야 하니,

가장 만만한 버튼을 하나 추가해보도록 하자 :

Upload:flash/20041108_03.gif

Upload:flash/20041108_04.gif

프로그램이 실행되는 경로에 만들어진 test.swf 파일을 넣어놓으면

일단 플래시 무비가 뜨는 어플리케이션을 실행할 수 있다.

만들어진 애플리케이션 화면 :

Upload:flash/20041108_05.gif

'''플래시에서 어플리케이션 호출하기'''

일단 플래시 무비가 어플리케이션에 얹어지기는 했지만,

이것만으로는 단지 좀더 프레임 수가 많은 Animated GIF에 불과할 뿐이다.

아까 플래시 무비에 추가한 버튼을 가지고 C# 어플리케이션과 연동되도록 만들어 보자.

플래시 무비에서는 그 자신을 포함하는 컨테이너(=웹 브라우저)와의 연동하는 방법으로 보통 FSCommand를 사용한다. 자바스크립트에서 쓸 수 있는 스타일과 비슷하게 사용할 수 있으므로 웹에서 FSCommand를 사용해 본 경험이 있는 사람은 좀 더 편하게 사용할 수 있겠다. 그리고 ActiveX의 Event가 구현되어 있으므로, 그대로 C#의 Delegate에 할당하여 사용할 수 있다.

사용법은 간단하다.

플래시 무비의 ActionScript에서 fscommand(command, param); 를 호출하면

axShockwaveFlash1.FSCommand Delegate가 호출되고,

어플리케이션에서는 Delegate에 할당한 함수에서 전달받은 command와 param의 값을 처리하도록 코딩하면 된다.

먼저 플래시 무비의 버튼에 fscommand() 함수를 넣자 :

Upload:flash/20041108_06.gif

ActionScript에 전혀 문외한인 사람을 위해 첨언하자면,

위 화면은 버튼의 click 이벤트에 반응하는 코드를 입력한 상태이다. vs 기반의 프로그래머 입장에서 보자면 개발 환경이 좀 맘에 안들 수도 있겠지만, 일단 플래시에서의 코딩 환경은 좀 이질적이므로 적응해두도록 하자.

어쨌든 플래시에서의 코딩은 저것으로 끝이다.

그 다음 vs.net에서는 FSCommand의 Delegate에 함수를 할당하고 :

Upload:flash/20041108_07.gif

다음 코드를 입력하도록 하자 :

{{{

private void axShockwaveFlash1_FSCommand(

 object sender, AxShockwaveFlashObjects._IShockwaveFlashEvents_FSCommandEvent e)

 if(e.command=="test")

  System.Windows.Forms.MessageBox.Show(e.args);

  Application.Exit();

위 코드는 param 값을 메시지박스로 보여주고 어플리케이션을 종료하는 코드이다.

실행 화면 :

Upload:flash/20041108_08.gif

이런 식으로 애플리케이션의 UI 부분은 플래시로 만들고, 필요한 기능 자체는 애플리케이션 내부 코드에서 구현하는 방법으로 풍부한 UI를 제공하는 애플리케이션을 제작해 보도록 하자.