Bagaimana mengembangkan browser gambar online FLASH MX berbasis ASP

Debut FLASH MX (FLASH6) memberikan alasan lain bagi para flasher untuk pingsan, karena wajah barunya membuat kita bersemangat.

1. Mari kita mulai dengan fungsi baru MX.

Setelah memasuki antarmuka pengembangan MX, klik Bantuan=>Sampel di bilah menu, dan halaman web akan terbuka. Contoh di daun ini dapat membuat kita merasakan fungsi baru MX. Selanjutnya, klik tautan "Sorotan fitur: Muat gambar" di daun. Kita melihat 5 gambar biota laut di animasi ini (Penumpang A: Lalu bagaimana jika kita melihatnya?). Bedanya dengan sebelumnya adalah 5 gambar ini tidak dikompilasi bersama dengan file swf ini (Penumpang B: Pastinya yang eksternal). swf dari "loadMovie", yang jarang dan aneh), dan ini bukan swf eksternal yang dipanggil, tetapi 5 file gambar jpg eksternal dari "loadMovie". Justru karena MX telah memperluas perintah "loadMovie" maka saya mendapat kehormatan untuk menulis tutorial ini ^_^.

Buka bantuan online MX dan Anda dapat menemukan penjelasan rinci MX tentang "loadMovie". Kalimat pertama di bagian "Parameter", "url URL absolut atau relatif dari file SWF atau file JPEG yang akan dimuat." Ditunjukkan: "loadMovie" saat ini tidak hanya dapat memuat swf eksternal, tetapi juga memuat file gambar jpg eksternal. Saat ini, ketika gambar berformat jpg sangat populer di Internet, kita harus mengatakan bahwa ini adalah kabar baik.

Mari kita kembali dan melihat Deskripsi MX tentang contoh animasi "Kehidupan Laut" ini: "Contoh ini menunjukkan bagaimana Anda dapat memuat gambar dari drive atau server ke dalam film saat runtime. Tidak ada gambar di perpustakaan file sumber untuk " Contoh ini." Ya, "loadMovie" dari browser gambar "kehidupan laut" ini semuanya adalah gambar jpg dari "drive" lokal, dan daftar nama file dari gambar jpg telah ditentukan sebelumnya.

Masalah kecil muncul dari ini: Jika ada file "daliang.jpg" dalam daftar nama file yang ditentukan, tetapi suatu hari, sayangnya file ini menghilang di "drive atau server", ketika "loadMovie" digunakan lagi, bagaimana bisa Tidak ada yang salah, lalu kenapa? !:~(, jangan menangis, ayo cari solusi bersama :)

(Lurenbing: Jika daftar nama file saat ini dapat dibuat secara dinamis setiap kali "loadMovie" digunakan, semuanya akan baik-baik saja. Daliang: Benar) Setiap saat Saat menjalankan animasi, daftar nama file gambar jpg saat ini dapat dibuat secara dinamis, yang dapat mengatasi masalah di atas.

Namun, tidak mudah untuk secara dinamis menghasilkan daftar nama file di "drive" lokal, namun, kita juga dapat mengetahui dari Deskripsi animasi "Sea Life" ini: "loadMovie" MX juga dapat memuat gambar secara dinamis dari server. samping menjadi "Chip Film". Jadi, kita akan berpikir lagi: dengan menggunakan beberapa bahasa sisi "server", kita dapat dengan mudah dan dinamis membuat daftar nama file gambar jpg sisi "server".

2. Konsep

Singkatnya, kita tahu bahwa browser gambar MX ini akan berjalan di jaringan, dan harus ada program latar belakang di sisi "server" yang secara dinamis menghasilkan daftar nama file gambar jpg di sisi "server". file gambar jpg ini juga harus ditempatkan di sisi "server".

Setiap kali browser gambar MX ini dijalankan, ia akan selalu menggunakan metode "loadVariables" untuk meminta SERVER mengembalikan daftar file gambar saat ini di sisi "server", dan kemudian browser gambar MX dapat "loadMovie" file jpg ini di urutan.file gambar.

Kami akan memilih ASP sebagai dukungan backend karena sangat nyaman menggunakannya untuk melintasi file sisi "server".

Agar tutorial ini mudah dipahami, file ASP latar belakang dan semua file gambar jpg ditempatkan di direktori yang sama di sisi "server".

Ini adalah konsep keseluruhan program. Di bawah ini kami akan mengimplementasikan browser gambar MX secara detail.

3. Implementasi khusus

1. Bagian ASP

dimulai dengan ASP di latar belakang, karena browser gambar MX yang akan kita kembangkan akan mengetahui daftar file jpg dari direktori saat ini di sisi "server" melalui ASP. File imagebrowse.asp berikut dapat mewujudkan fungsi menghasilkan daftar nama file jpg secara dinamis:

<%
 redupkan strPathInfo,strPhysicalPath
 'Dapatkan nama file dari file asp ini
 strPathInfo = Permintaan.ServerVariables("SCRIPT_NAME")
 'Dapatkan jalur absolut file asp ini di server
 strphysicalpath = server.MapPath(strpathinfo)

ASP ini hanya memiliki selusin kalimat, jadi sangat sederhana. Saya yakin flasher berpengalaman akan dapat memahami ASP ini dengan cepat.

Asumsikan bahwa direktori tempat file ASP berada berisi dua file jpg "one.jpg" dan "two.jpg". Jika Anda menjalankan program ASP ini sendirian, di browser web, daftar nama file berikut akan dikembalikan:

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

yang dimulai dengan "&" adalah nama variabel, dan "=" diikuti dengan nilai variabel, karena ini adalah format yang ditentukan oleh Flash menggunakan "loadVariables" untuk membaca variabel eksternal.

Bagian ASP dari latar belakang telah selesai. Mari kita lihat cara membuat sesuatu di FLASH.

bagian FLASH

, pertama buka FLASH MX, tempatkan dua variabel Teks Dinamis bernama "teks" dan "test" di adegan utama, dan masukkan string "memuat..." di "test" (menunjukkan bahwa itu sedang membaca ambil daftarnya). Diantaranya, "teks" digunakan untuk menampilkan nama file jpg yang sedang dijelajahi, dan "test" digunakan untuk menampilkan beberapa informasi terkait lainnya.

Kemudian buat instance Movie Chip bernama "imageview" dan instance tombol bernama "display" di adegan utama Setiap kali tombol ini ditekan, gambar jpg masuk "loadMovie" akan ditampilkan di "imageview".

Kemudian buatlah Movie Chip yang terdiri dari 3 frame bernama "finder" di adegan utama. Fungsinya untuk menanyakan kepada server daftar nama file gambar jpg di direktori saat ini. Tidak akan berhenti pada frame kedua sampai jawabannya adalah diperoleh. Action Script dari ketiga frame ini adalah:

Action Script dari frame pertama:

//Kembalikan daftar nama file jpg yang dihasilkan oleh imagebrowse.asp
 //Isi path file ASP sesuai dengan situasi sebenarnya
 //Artikel ini mengasumsikan bahwa file ASP dan semua file jpg berada di direktori root server WEB
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

Action Script dari frame kedua:

//Jika nilai total yang dikembalikan tidak kosong, maka... 
jika (total<>batal) { 
     //Tampilkan di kotak teks "test" berapa banyak file jpg yang ada dalam nama file jpg list_root.test = "total=" add total; 
     //Transfer nama file jpg ini ke variabel FLASH yang dimulai dengan "fImage" secara bergantian untuk (i=1; i<=total; i++) { 
       set("fImage" tambahkan i, eval("gambar" tambahkan i)); 
     } 
     //Berhenti di frame saat ini stop(); 
}  

Skrip Tindakan pada frame ketiga:

Bagaimana cara mengontrol tampilan gambar

saat kembali ke frame kedua

Selanjutnya, saatnya memberi jiwa pada tombol "tampilan".

Kembali ke adegan utama dan tambahkan Action Script berikut ke frame pertama adegan utama (adegan utama hanya memiliki satu frame):

count = 1; 
   //Peristiwa dipicu dengan mengklik tombol//(Metode deskripsi peristiwa baru FLASH MX membuat pemrograman skrip MX lebih dekat ke berorientasi objek) 
   _root.display.onPress = fungsi() { 
   //Jika nilai total tidak kosong, maka... 
   //(Artinya: jika daftar nama file berhasil dibaca, maka...) 
     if (_root.finder.total<>null) { 
       //Gunakan metode "loadMovie" untuk menampilkan gambar jpg di "imageview" loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //Tampilkan nama file gambar jpg ini di teks "teks" box_root.text = eval("_root.finder.fImage" add count); 
       //Tampilkan di kotak teks "test" file mana gambar jpg ini berada di list_root.test = "Number=" add count; 
       //Jika gambar terakhir dalam daftar ditampilkan, mulai menampilkan lagi gambar pertama dalam daftar if (count<_root.finder.total) { 
         hitung++; 
       } kalau tidak { 
         hitungan = 1; 
       } 
     } 
   }; 

Sejauh ini, hal-hal di bagian FLASH telah selesai. Setelah kompilasi dan output file swf, seluruh program dinyatakan selesai!

3. Pengujian

semua

file jpg berada di direktori root server WEB.

Mari kita uji:

pertama-tama letakkan beberapa file gambar jpg secara acak di direktori root server WEB, kemudian gunakan Flash Player atau browser web untuk membuka file swf yang baru saja Anda buat, dan tunggu hingga tombol "loading" muncul di "test" "kotak teks...." Setelah string menghilang, kita dapat menelusuri gambar jpg ini dengan mengklik tombol "tampilan".

4. Ringkasan

Teknologi baru FLASH MX dapat dikombinasikan dengan beberapa program seperti ASP untuk membuat FLASH lebih mempesona.

Artikel ini hanyalah tutorial. Agar pembaca dapat dengan cepat menguasai esensinya, fungsi browser gambar MX ini sangat sederhana. Jika Anda ingin menggunakannya dalam praktik, Anda perlu melakukan beberapa perbaikan pada program ini. Misalnya: karena keterbatasan bandwidth, ketika "loadMovie" gambar besar, Anda perlu menambahkan program preloader gambar di FLASH agar fenomena "menunggu konyol" tidak lagi terjadi ketika "loadMovie" masuk Ketika ukuran gambar besar atau kecil, Anda perlu menambahkan program yang secara otomatis menyesuaikan ukurannya; melakukan perbaikan yang sesuai pada program ASP dan bagian FLASH sehingga tidak terbatas pada menelusuri direktori tempat file "imagebrowse.asp" berada. dengan melakukan perbaikan yang sesuai pada bagian FLASH, ia dapat melakukan beberapa pemrosesan sederhana pada gambar yang berasal dari "loadMovie", seperti penskalaan ukuran, penyesuaian warna, deformasi sederhana, dll. (Setelah verifikasi, ide di atas bisa terwujud, tapi Daliang terlalu malas melakukannya. Semua harus kerja keras! Kerja keras! Jangan malas dengan Daliang^_^)

Terakhir, setelah membaca artikel ini, saya berharap Anda semua dapat membuat browser gambar online FLASH MX yang paling mempesona di Internet. Jangan lupa memberi tahu Da Liang kabar baik dan ide Anda.

Oke, itu saja, sampai jumpa lagi!

Karena keterbatasan level Da Liang, pasti ada beberapa kekurangan. Teman-teman dipersilakan untuk mengkritik dan mengoreksinya.