ASP 기반 FLASH MX 온라인 이미지 브라우저 개발 방법

FLASH MX(FLASH6)의 데뷔는 플래셔들에게 기절할 또 다른 이유를 제공합니다. 그녀의 새로운 얼굴이 우리를 흥분시키기 때문입니다.

1. MX의 새로운 기능부터 시작해 보겠습니다.

MX 개발 인터페이스에 들어간 후 메뉴 표시줄에서 도움말=>샘플을 클릭하면 왼쪽에 있는 샘플을 통해 MX의 새로운 기능을 느낄 수 있습니다. 그런 다음 리프에서 "기능 하이라이트: 이미지 로드" 링크를 클릭하세요. 이번 애니메이션에서는 해양 생물 사진 5장을 봤습니다(승객 A: 그럼 보면 어떨까요?). 과거와 다른 점은 이 5장의 사진이 이 swf 파일과 함께 컴파일되지 않았다는 점입니다(승객 B: 확실히 외부입니다. 드물고 이상한 "loadMovie"의 swf) 호출된 외부 swf가 아니라 "loadMovie"의 외부 jpg 이미지 파일 5개입니다. 제가 이 튜토리얼을 작성하게 된 것은 바로 MX가 "loadMovie" 명령을 확장했기 때문입니다^_^.

MX의 온라인 도움말을 열면 "loadMovie"에 대한 MX의 자세한 설명을 찾을 수 있습니다. "매개변수" 섹션의 첫 번째 문장인 "url 로드할 SWF 파일 또는 JPEG 파일의 절대 또는 상대 URL입니다." 지적 사항: 현재 "loadMovie"는 외부 swf를 로드할 수 있을 뿐만 아니라 외부 jpg 이미지 파일도 로드할 수 있습니다. 오늘날 jpg 형식의 이미지가 인터넷에서 큰 인기를 누리고 있는 지금, 이는 훌륭한 소식이라고 말해야 합니다.

다시 돌아가 이 "Sea Life" 애니메이션 예제에 대한 MX의 설명을 살펴보겠습니다. "이 샘플은 런타임 시 드라이브나 서버의 이미지를 영화로 로드할 수 있는 방법을 보여줍니다. "에 대한 소스 파일 라이브러리에는 이미지가 없습니다." 이 샘플입니다." 예, 이 "해양 생물" 이미지 브라우저의 "loadMovie"는 모두 로컬 "드라이브"의 jpg 이미지이며, jpg 이미지의 파일 이름 목록은 미리 정의되어 있습니다.

여기서 작은 문제가 발생합니다. 정의된 파일 이름 목록에 "daliang.jpg" 파일이 있지만 어느 날 불행하게도 이 파일이 "드라이브 또는 서버"에서 사라지는 경우 "loadMovie"를 다시 사용할 때 어떻게 할 수 있습니까? 아무것도 잘못될 수 없어요. 그래서 어쩌죠? !:~(울지 말고 함께 해결책을 찾아보자 :)

(Lurenbing: "loadMovie"를 사용할 때마다 현재 파일 이름 목록을 동적으로 생성할 수 있다면 모든 것이 괜찮을 것입니다. Daliang: 그렇죠) 매번 애니메이션을 실행할 때 현재 jpg 이미지 파일 이름 목록을 동적으로 생성할 수 있으므로 위의 문제를 해결할 수 있습니다.

그러나 로컬 "드라이브"에서 파일 이름 목록을 동적으로 생성하는 것은 쉽지 않습니다. 그러나 이 "Sea Life" 애니메이션의 설명에서도 알 수 있습니다. MX의 "loadMovie"는 서버에서 이미지를 동적으로 로드할 수도 있습니다. "영화 칩"으로. 따라서 우리는 다시 생각해 볼 것입니다. 일부 "서버"측 언어를 사용하면 "서버"측 jpg 이미지 파일 이름 목록을 쉽고 동적으로 생성할 수 있습니다.

2. 개념

요약하자면, 우리는 이 MX 이미지 브라우저가 네트워크에서 실행될 것이며 "서버" 측에서 jpg 이미지 파일 이름 목록을 동적으로 생성하는 백그라운드 프로그램이 "서버" 측에 있어야 한다는 것을 알고 있습니다. 이러한 jpg 이미지 파일은 "서버" 측에도 배치되어야 합니다.

이 MX 이미지 브라우저가 실행될 때마다 항상 "loadVariables" 메소드를 사용하여 "서버" 측에서 현재 이미지 파일 목록을 반환하도록 SERVER에 요청한 다음 MX 이미지 브라우저는 이러한 jpg 파일을 "loadMovie"할 수 있습니다. 시퀀스 이미지 파일입니다.

"서버" 측 파일을 탐색하는 데 ASP를 사용하는 것이 매우 편리하기 때문에 ASP를 백엔드 지원으로 선택하겠습니다.

이 튜토리얼을 쉽게 이해할 수 있도록 배경 ASP 파일과 모든 jpg 이미지 파일은 "서버" 측의 동일한 디렉터리에 배치됩니다.

이것이 전체 프로그램의 개념입니다. 아래에서는 MX 이미지 브라우저를 자세히 구현하겠습니다.

3. 구체적인 구현

1. ASP 부분은

백그라운드에서 ASP로 시작합니다. 왜냐하면 우리가 개발할 MX 이미지 브라우저는 ASP를 통해 "서버" 측에서 현재 디렉터리의 jpg 파일 목록을 알기 때문입니다. 다음 imagebrowse.asp 파일은 jpg 파일 이름 목록을 동적으로 생성하는 기능을 실현할 수 있습니다.

<%
 희미한 strPathInfo,strPhysicalPath
 '이 ASP 파일의 파일 이름을 가져옵니다.
 strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 '서버에서 이 ASP 파일의 절대 경로를 가져옵니다.
 strphysicalpath = server.MapPath(strpathinfo)

이 ASP에는 12개 정도의 문장만 있으므로 매우 간단합니다. 숙련된 플래셔라면 이 ASP를 빠르게 이해할 수 있을 것이라 믿습니다.

ASP 파일이 있는 디렉터리에 두 개의 jpg 파일 "one.jpg"와 "two.jpg"가 포함되어 있다고 가정합니다. 이 ASP 프로그램을 단독으로 실행하면 웹 브라우저에 다음 파일 이름 목록이 반환됩니다

. two.jpg&image2=one.jpg&total=2

"&"로 시작하는 모든 것은 변수 이름이고, "=" 뒤에는 변수 값이 옵니다. 이는 플래시가 외부 변수를 읽기 위해 "loadVariables"를 사용하여 지정하는 형식이기 때문입니다.

배경의 ASP 부분이 완성되었습니다. FLASH로 물건을 만드는 방법을 살펴 보겠습니다.

FLASH 부분

먼저 FLASH MX를 열고 메인 장면에 "text"와 "test"라는 두 개의 동적 텍스트 변수를 배치하고 "test"에 "loading..." 문자열을 입력합니다(읽고 있음을 나타냄). 목록을 가져 가십시오). 그 중 "text"는 검색 중인 jpg 파일의 이름을 표시하는 데 사용되고 "test"는 기타 관련 정보를 표시하는 데 사용됩니다.

그런 다음 기본 장면에 "imageview"라는 Movie Chip 인스턴스와 "display"라는 버튼 인스턴스를 만듭니다. 이 버튼을 누를 때마다 "loadMovie" 수신 jpg 이미지가 "imageview"에 표시됩니다.

그런 다음 메인 장면에 "finder"라는 이름의 3개 프레임으로 구성된 Movie Chip을 만듭니다. 그 기능은 서버에 현재 디렉터리의 jpg 이미지 파일 이름 목록을 요청하는 것입니다. 대답이 나올 때까지 두 번째 프레임에서 멈추지 않습니다. 획득. 이 세 프레임의 액션 스크립트는 다음과 같습니다.

첫 번째 프레임의 액션 스크립트:

//imagebrowse.asp에서 생성된 jpg 파일 이름 목록을 반환합니다.
 //실제 상황에 맞게 ASP 파일의 경로를 입력합니다.
 //이 글에서는 ASP 파일과 모든 jpg 파일이 웹 서버의 루트 디렉터리에 있다고 가정합니다.
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

두 번째 프레임의 작업 스크립트:

//반환된 총 값이 비어 있지 않으면... 
if (전체<>null) { 
     //"test" 텍스트 상자에 jpg 파일 이름에 jpg 파일이 몇 개 있는지 표시합니다. list_root.test = "total=" add total; 
     //이 jpg 파일 이름을 "fImage"로 시작하는 FLASH 변수로 차례로 전송합니다. for (i=1; i<=total; i++) { 
       set("fImage" add i, eval("image" add i)); 
     } 
     //현재 프레임에서 중지합니다. stop(); 
}  

세 번째 프레임의 액션 스크립트:

두 번째 프레임으로 돌아갈 때

이미지 표시를 제어하는 ​​방법은 무엇입니까

다음으로 "디스플레이" 버튼에 영혼을 부여할 차례입니다.

기본 장면으로 돌아가서 기본 장면의 첫 번째 프레임에 다음 액션 스크립트를 추가합니다(기본 장면에는 프레임이 하나만 있음).

count = 1; 
   //버튼을 클릭하면 이벤트가 발생합니다.//(FLASH MX의 새로운 이벤트 설명 방법은 MX의 스크립트 프로그래밍을 객체 지향에 더 가깝게 만듭니다) 
   _root.display.onPress = 함수() { 
   //total 값이 비어 있지 않으면... 
   //(즉, 파일 이름 목록을 성공적으로 읽었다면...) 
     if (_root.finder.total<>null) { 
       //"imageview"에 jpg 이미지를 표시하려면 "loadMovie" 메소드를 사용하십시오. loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //"text" 텍스트에 이 jpg 이미지의 파일 이름을 표시합니다. box_root.text = eval("_root.finder.fImage" add count); 
       //이 jpg 이미지가 목록에 있는 파일을 "테스트" 텍스트 상자에 표시합니다._root.test = "Number=" add count; 
       //목록의 마지막 이미지가 표시되면 목록의 첫 번째 이미지를 다시 표시하기 시작합니다. if (count<_root.finder.total) { 
         카운트++; 
       } 또 다른 { 
         개수 = 1; 
       } 
     } 
   }; 

지금까지 FLASH 부분의 작업이 완료되었습니다. swf 파일을 컴파일하고 출력하면 전체 프로그램이 완료되었습니다!

3. 테스트

이 기사에서는 ASP 파일과 모든 jpg 파일이 WEB 서버의 루트 디렉터리에 있다고 가정합니다.

이 프로그램이 어떻게 실행되는지 모르겠습니다. 테스트해 보겠습니다.

먼저 일부 jpg 이미지 파일을 웹 서버의 루트 디렉터리에 무작위로 배치한 다음 Flash Player 또는 웹 브라우저를 사용하여 방금 만든 swf 파일을 열고 "로드" 버튼이 "테스트"에 나타날 때까지 기다립니다. " 텍스트 상자. ..." 문자열이 사라진 후 "표시" 버튼을 클릭하여 이러한 jpg 이미지를 탐색할 수 있습니다.

4. 요약

FLASH MX의 새로운 기술은 ASP와 같은 일부 프로그램과 결합되어 FLASH를 더욱 눈부시게 만들 수 있습니다.

이 글은 결국 튜토리얼일 뿐입니다. 독자들이 필수 사항을 빠르게 익힐 수 있도록 이 MX 이미지 브라우저의 기능은 이보다 더 간단할 수 없습니다. 실제로 사용하려면 이 프로그램에 몇 가지 개선이 필요합니다. 예: 대역폭 제한으로 인해 큰 이미지를 "loadMovie"할 때 "loadMovie"가 들어올 때 "멍청한 대기" 현상이 더 이상 발생하지 않도록 FLASH에 이미지 프리로더 프로그램을 추가해야 합니다. 크기가 크든 작든, ASP 프로그램과 FLASH 부분을 적절하게 개선하여 "imagebrowse.asp" 파일이 있는 디렉터리를 탐색하는 데만 국한되지 않도록 하는 프로그램을 추가해야 합니다. FLASH 부분을 적절하게 개선함으로써 "loadMovie"에서 들어오는 이미지에 대해 크기 조정, 색상 조정, 단순 변형 등과 같은 간단한 처리를 수행할 수 있습니다. (검증 후에는 위의 아이디어가 실현될 수 있지만 Daliang은 너무 게으르기 때문에 하지 않습니다. 모두 열심히 노력해야 합니다! 열심히 노력하십시오! Daliang과 함께 게으르지 마십시오^_^)

마지막으로, 이 기사를 읽은 후 여러분 모두가 인터넷에서 가장 눈부신 FLASH MX 온라인 이미지 브라우저를 만들어보시기 바랍니다. Da Liang에게 좋은 소식과 아이디어를 전하는 것을 잊지 마세요.

알았어, 그게 다야, 나중에 보자!

Da Liang의 레벨이 제한되어 있기 때문에 필연적으로 누락된 부분이 있습니다. 친구들의 비판과 수정을 환영합니다.