ASPベースのFLASH MXオンライン画像ブラウザの開発方法

FLASH MX (FLASH6) のデビューは、露出狂に失神する新たな理由を与えました。なぜなら、彼女の新しい顔が私たちを興奮させるからです。

1. MX の新しい機能から始めましょう

。MX 開発インターフェイスに入ったら、メニュー バーの [ヘルプ] => [サンプル] をクリックすると、MX の新しい機能を体験できる Web ページが開きます。次に、リーフの [機能のハイライト: 画像の読み込み] リンクをクリックします。このアニメーションでは 5 枚の海洋生物の写真を見ました (乗客 A: それで、それを見たらどうなるでしょうか?) 過去との違いは、これらの 5 枚の写真がこの swf ファイルと一緒にコンパイルされていないことです (乗客 B: 間違いなく、それは外部のものです)。 「loadMovie」の swf (これは珍しくて奇妙なものです)、そしてそれは呼び出される外部 swf ではなく、「loadMovie」の 5 つの外部 jpg 画像ファイルです。 MX が「loadMovie」コマンドを拡張したからこそ、私はこのチュートリアルを書くことを光栄に思います ^_^。

MX のオンライン ヘルプを開くと、「パラメータ」セクションの最初の文「url ロードする SWF ファイルまたは JPEG ファイルの絶対 URL または相対 URL 」が MX の詳細な説明にあります。指摘: 現在の「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」メソッドを使用して、「サーバー」側にある現在の画像ファイルのリストを返すようにサーバーに要求します。その後、MX 画像ブラウザはこれらの jpg ファイルを「loadMovie」できます。シーケンスの画像ファイル。

ASP をバックエンド サポートとして選択します。これは、「サーバー」側のファイルを走査するために ASP を使用すると非常に便利だからです。

このチュートリアルを理解しやすくするために、背景の ASP ファイルとすべての jpg 画像ファイルは「サーバー」側の同じディレクトリに配置されます。

これがプログラム全体の概念です。以下では、MX 画像ブラウザーを詳細に実装します。

3. 具体的な実装

1. ASP 部分は

バックグラウンドの ASP から始まります。これは、これから開発する MX 画像ブラウザーが ASP を通じて「サーバー」側のカレント ディレクトリの jpg ファイル リストを知るためです。次の imagebrowse.asp ファイルは、jpg ファイル名のリストを動的に生成する機能を実現できます。

<%
 dim strPathInfo,strPhysicalPath
 'このASPファイルのファイル名を取得します
strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 'サーバー上のこのASPファイルの絶対パスを取得します
strphysicalpath = server.MapPath(strpathinfo)

この ASP には文が十数個しかないので、非常にシンプルです。経験豊富なフラッシャーなら、この ASP をすぐに理解できると思います。

いる

とします。この ASP プログラムを単独で実行すると、Web ブラウザで次のファイル名リストが返されます。

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

「&」で始まるものはすべて変数名で、「=」の後に変数の値が続きます。これは、外部変数を読み取るために「loadVariables」を使用して Flash で指定された形式であるためです。

背景のASP部分が完成しました。 FLASHでの作り方を見てみましょう。

FLASH パート

、まず FLASH MX を開き、「text」と「test」という名前の 2 つのダイナミック テキスト変数をメイン シーンに配置し、「test」に「loading...」という文字列を入力します（読み取り中であることを示します）。リストを取ります）。このうち、「text」は閲覧中のjpgファイルの名前を表示するために使用され、「test」はその他の関連情報を表示するために使用されます。

次に、メインシーンに「imageview」という名前のムービーチップインスタンスと「display」という名前のボタンインスタンスを作成します。このボタンを押すたびに、「loadMovie」で受信したjpg画像が「imageview」に表示されます。

次に、メイン シーンに「finder」という名前の 3 つのフレームで構成されるムービー チップを作成します。その機能は、サーバーに現在のディレクトリ内の jpg 画像ファイル名のリストを要求することです。応答が得られるまで 2 番目のフレームで停止しません。得た。これら 3 つのフレームのアクション スクリプトは次のとおりです。

最初のフレームのアクション スクリプト:

//imagebrowse.asp によって生成された jpg ファイル名のリストを返します。
 //実際の状況に応じてASPファイルのパスを記入します
//この記事では、ASP ファイルとすべての jpg ファイルが WEB サーバーのルート ディレクトリにあることを前提としています。
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

2 番目のフレームのアクション スクリプト:

//返された合計値が空でない場合は... 
if (total<>null) { 
     //jpg ファイル名に含まれる jpg ファイルの数を「test」テキスト ボックスに表示 list_root.test = "total=" add total; 
     //これらの jpg ファイル名を、「fImage」で始まるこれらの FLASH 変数に順番に転送します (i=1; i<=total; i++) { 
       set("fImage" add i, eval("image" add i)); 
     } 
     // 現在のフレームで停止 stop(); 
}  

3 番目のフレームのアクション スクリプト:

2 番目のフレームに戻るときの

画像の表示を制御するには

次に、「表示」ボタンに魂を与えます。

メイン シーンに戻り、次のアクション スクリプトをメイン シーンの最初のフレームに追加します (メイン シーンには 1 つのフレームしかありません)

。 
   //ボタンをクリックするとイベントがトリガーされる//(FLASH MX の新しいイベント記述方法により、MX のスクリプト プログラミングがオブジェクト指向に近づきます) 
   _root.display.onPress = function() { 
   //total の値が空でない場合は... 
   //(つまり、ファイル名リストが正常に読み取られた場合...) 
     if (_root.finder.total<>null) { 
       //「loadMovie」メソッドを使用して、「imageview」にjpg画像を表示しますloadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //「テキスト」テキストボックスにこのjpg画像のファイル名を表示_root.text = eval("_root.finder.fImage" add count); 
       //「test」テキスト ボックスに、この JPG 画像が list_root に含まれるファイルを表示します。test = "Number=" add count; 
       //リストの最後の画像が表示されている場合は、リストの最初の画像の表示を再度開始します if (count<_root.finder.total) { 
         カウント++; 
       } それ以外 { 
         カウント = 1; 
       } 
     } 
   }; 

ここまでで、FLASH 部分の処理は完了です。swf ファイルをコンパイルして出力すると、プログラム全体が完成したことになります。

3. テスト

この記事では、ASP ファイルとすべての jpg ファイルが WEB サーバーのルート ディレクトリにあることを前提としています。

このプログラムがどのように実行されるのかわかりません。テストしてみましょう。

まず、いくつかの jpg 画像ファイルを WEB サーバーのルート ディレクトリにランダムに配置します。次に、Flash Player または Web ブラウザを使用して、作成したばかりの swf ファイルを開き、「テスト」ウィンドウに「読み込み」ボタンが表示されるまで待ちます。 「テキストボックス。...」 文字列が消えたら、「表示」ボタンをクリックすると、これらのjpg画像を閲覧できます。

4. まとめ

FLASH MX の新技術は、ASP などのプログラムと組み合わせることで、FLASH をさらに輝かせることができます。

結局のところ、この記事は単なるチュートリアルです。読者がその要点をすぐに理解できるように、この MX 画像ブラウザの機能はこれ以上にシンプルです。実際に使用したい場合は、このプログラムにいくつかの改良を加える必要があります。たとえば、帯域幅の制限により、大きな画像を「loadMovie」する場合は、画像のサイズが「loadMovie」になったときに「愚かな待機」現象が発生しないように、FLASH に画像プリローダー プログラムを追加する必要があります。サイズが大きいか小さいかに応じて、そのサイズを自動的に調整するプログラムを追加する必要があります。ASP プログラムと FLASH 部分を適切に改善して、「imagebrowse.asp」ファイルが存在するディレクトリの参照に限定されないようにします。 FLASH部分を適切に改良することで、「loadMovie」からの画像に対して、サイズの拡大縮小や色調整、簡単な変形などの簡単な処理を行うことができます。 (検証後、上記のアイデアは実現できますが、大梁は怠け者なのでそれはできません。みんなで頑張らなければなりません! 頑張れ! 大梁を怠けないでください^_^)

最後に、この記事を読んだ後、皆さんがインターネット上で最も眩しい FLASH MX オンライン画像ブラウザを作成できることを願っています。 Da Liang に良いニュースやアイデアを伝えることを忘れないでください。

さて、以上です。また会いましょう!

Da Liang のレベルが限られているため、必然的にいくつかの省略が発生します。友人はそれらを批判したり修正したりすることを歓迎します。