Using Flash Object In C#Application

오후 5:39 2004-11-08 작성
오전 11:54 2004-11-24 업데이트

어플리케이션에 Flash로 만든 UI를 뒤집어 씌워보자는 목적으로 작성되었음.
Kenial : Kenial_at_shinbiro_com

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

그 다음 Shockwave Flash Object 컨트롤을 추가한다 :
(그냥 더블클릭하면 axShockwaveFlash1?이라는 이름으로 추가된다)

Movie 속성에 플래시 파일의 경로를 미리 지정해줘도 좋지만
Kenial의 경우엔 프로그램을 배포할 때 프로그램의 경로에 같이 넣어줄 예정이므로,
다음과 같이 코딩해주자.

private void Form1_Load(object sender, System.EventArgs e) 
{ 
        axShockwaveFlash1.Movie = System.IO.Directory.GetCurrentDirectory() + "\\test.swf"; 
} 

그리고 플래시 무비를 하나 만들어보자.
일단 플래시 무비와 어플리케이션의 연동을 해야 하니,
가장 만만한 버튼을 하나 추가해보도록 하자 :

프로그램이 실행되는 경로에 만들어진 test.swf 파일을 넣어놓으면
일단 플래시 무비가 뜨는 어플리케이션을 실행할 수 있다.

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

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

사용법은 간단하다.
플래시 무비의 ActionScript?에서 fscommand(command, param); 를 호출하면
axShockwaveFlash1?.FSCommand Delegate가 호출되고,
어플리케이션에서는 Delegate에 할당한 함수에서 전달받은 command와 param의 값을 처리하도록 코딩하면 된다.

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

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

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

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

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

private void axShockwaveFlash1_FSCommand( 
        object sender, AxShockwaveFlashObjects._IShockwaveFlashEvents_FSCommandEvent e) 
{ 
        if(e.command=="test") 
        { 
                System.Windows.Forms.MessageBox.Show(e.args); 
                Application.Exit(); 
        } 
} 

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

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

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

GotoFrame(frameNum); 
TGotoFrame(strTarget, frameNum); 
TGotoLabel(strTarget, strLabel); 
TCallFrame(strTarget, frameNum); 
TCallLabel(strTarget, strLabel); 

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

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

자. 시작하자.

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

할 일은 간단하다 : 어플리케이션의 '플래시호출' 버튼을 누르면, 플래시 무비의 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 호출을 처리하는 코드를 작성한다 :

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

// 플래시 무비의 로드가 끝나면 스크립트 시작 
_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); 
} 

결과 화면은 다음과 같다 :

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