Flash Work Book

UserPreferences

Clear message

오후 5:39 2004-11-08

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

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

먼저 '도구 상자'에서 우클릭 -> '항목 추가/제거' 메뉴에서
다음과 같이 Shockwave Flash Object를 추가한다 :

그 다음 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 파일을 넣어놓으면
일단 플래시 무비가 뜨는 어플리케이션을 실행할 수 있다.

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

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

일단 플래시 무비가 어플리케이션에 얹어지기는 했지만,
이것만으로는 단지 좀더 프레임 수가 많은 Animated GIF에 불과할 뿐이다.
아까 플래시 무비에 추가한 버튼을 가지고 C# 어플리케이션과 연동되도록 만들어 보자.

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

사용법은 간단하다.
플래시 무비의 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를 제공하는 애플리케이션을 제작해 보도록 하자.