كيفية تطوير متصفح الصور عبر الإنترنت FLASH MX المستند إلى ASP

الظهور الأول لـ FLASH MX (FLASH6) يعطي الفلاش سببًا آخر للإغماء، لأن وجهها الجديد يجعلنا متحمسين.

1. لنبدأ بالوظائف الجديدة لـ MX.

بعد الدخول إلى واجهة تطوير MX، انقر فوق "تعليمات" => "النماذج" في شريط القائمة، وسيتم فتح صفحة ويب يمكن أن تتيح لنا "هذه العينات" في الأوراق التعرف على وظائف MX الجديدة. بعد ذلك، انقر فوق الرابط "تسليط الضوء على الميزة: تحميل الصور" في الورقة. لقد رأينا 5 صور للحياة البحرية في هذه الرسوم المتحركة (الراكب أ: فماذا لو رأيناها؟). الفرق عن الماضي هو أن هذه الصور الخمس لم يتم تجميعها مع ملف swf هذا (الراكب ب: بالتأكيد هو الملف الخارجي). swf لـ "loadMovie"، وهو أمر نادر وغريب)، وهو ليس ملف swf خارجي يسمى، ولكن ملفات صور jpg الخارجية الخمسة لـ "loadMovie". إنه على وجه التحديد لأن MX قامت بتوسيع أمر "loadMovie" الذي يشرفني أن أكتب هذا البرنامج التعليمي ^_^.

افتح تعليمات MX عبر الإنترنت ويمكنك العثور على وصف MX التفصيلي لـ "loadMovie". الجملة الأولى من قسم "المعلمات"، "عنوان URL المطلق أو النسبي لملف SWF أو ملف JPEG الذي سيتم تحميله" هو اللمسة النهائية. تمت الإشارة إلى: لا يستطيع "loadMovie" الحالي تحميل ملفات swf خارجية فحسب، بل يمكنه أيضًا تحميل ملفات صور jpg خارجية. اليوم، عندما تحظى الصور بتنسيق jpg بشعبية كبيرة على الإنترنت، يجب أن نقول أن هذه أخبار ممتازة.

دعنا نعود ونلقي نظرة على وصف MX لمثال الرسوم المتحركة "Sea Life": "يوضح هذا النموذج كيف يمكنك تحميل الصور من محرك أقراص أو خادم إلى فيلم في وقت التشغيل. لا توجد صور في مكتبة الملف المصدر لـ " هذه العينة." نعم، "loadMovie" لمتصفح صور "الحياة البحرية" هذا عبارة عن صور jpg لمحرك الأقراص المحلي، وقد تم تحديد قائمة أسماء ملفات صور jpg مسبقًا.

تنشأ مشكلة صغيرة من هذا: إذا كان هناك ملف "daliang.jpg" في قائمة أسماء الملفات المحددة، ولكن في يوم من الأيام، اختفى هذا الملف للأسف في "محرك الأقراص أو الخادم"، عند استخدام "loadMovie" مرة أخرى، فكيف يمكن لا شيء يمكن أن يحدث بشكل خاطئ، فماذا في ذلك؟ !:~(، لا تبكي، فلنجد حلًا معًا :)

(لورنبينج: إذا كان من الممكن إنشاء قائمة أسماء الملفات الحالية ديناميكيًا في كل مرة يتم فيها استخدام "loadMovie"، فسيكون كل شيء على ما يرام. داليانج: هذا صحيح) في كل مرة عند تشغيل الرسوم المتحركة، يمكن إنشاء قائمة بأسماء ملفات صور jpg الحالية ديناميكيًا، مما قد يحل المشكلة المذكورة أعلاه.

ومع ذلك، ليس من السهل إنشاء قائمة بأسماء الملفات ديناميكيًا في "محرك الأقراص" المحلي، ومع ذلك، يمكننا أيضًا أن نعرف من وصف الرسوم المتحركة "Sea Life": يمكن لـ "loadMovie" الخاص بـ MX أيضًا تحميل الصور ديناميكيًا من الخادم. الجانب إلى "شريحة الفيلم". لذلك، سوف نفكر مرة أخرى: باستخدام بعض اللغات الجانبية "للخادم"، يمكننا بسهولة وديناميكية إنشاء قائمة أسماء ملفات صور jpg من جانب "الخادم".

2. المفهوم

باختصار، نعلم أن متصفح صور MX هذا سيعمل على الشبكة، ويجب أن يكون هناك برنامج خلفية على جانب "الخادم" يقوم ديناميكيًا بإنشاء قائمة بأسماء ملفات صور JPG على جانب "الخادم". يجب أيضًا وضع ملفات صور jpg هذه على جانب "الخادم".

عند تشغيل متصفح صور MX هذا، فإنه سيستخدم دائمًا طريقة "loadVariables" لمطالبة الخادم بإرجاع قائمة بملفات الصور الحالية على جانب "الخادم"، ومن ثم يمكن لمتصفح صور MX "تحميلMovie" ملفات jpg هذه في ملف الصورة.

سنختار ASP كدعم خلفي لأنه من السهل جدًا استخدامه لاجتياز الملفات الجانبية "للخادم".

لتسهيل فهم هذا البرنامج التعليمي، يتم وضع ملفات ASP الخلفية وجميع ملفات صور jpg في نفس الدليل على جانب "الخادم".

هذا هو مفهوم البرنامج بأكمله أدناه سنقوم بتنفيذ متصفح الصور MX بالتفصيل.

3. التنفيذ المحدد

1. يبدأ جزء ASP

بـ ASP في الخلفية، لأن متصفح صور MX الذي سنقوم بتطويره سيعرف قائمة ملفات jpg للدليل الحالي على جانب "الخادم" من خلال ASP. يمكن لملف imagebrowse.asp التالي تحقيق وظيفة إنشاء قائمة بأسماء ملفات jpg ديناميكيًا:

<%
 خافت strPathInfo،strPhysicalPath
 "احصل على اسم الملف لملف asp هذا
 strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 'احصل على المسار المطلق لملف asp هذا على الخادم
 strphysicalpath = server.MapPath(strpathinfo)

يحتوي تطبيق ASP هذا على حوالي اثنتي عشرة جملًا فقط، لذا فهو بسيط جدًا. أعتقد أن المتحمسين ذوي الخبرة سيكونون قادرين على فهم ASP هذا بسرعة.

افترض أن الدليل الذي يوجد به ملف ASP يحتوي على ملفين jpg "one.jpg" و"two.jpg" إذا قمت بتشغيل برنامج ASP هذا وحده، في متصفح الويب، سيتم إرجاع قائمة أسماء الملفات التالية:

&image1= two.jpg&image2=one.jpg&total=2 كل شيء

يبدأ بـ "&" هو اسم متغير، و"=" متبوعة بقيمة المتغير، لأن هذا هو التنسيق المحدد بواسطة Flash باستخدام "loadVariables" لقراءة المتغيرات الخارجية.

تم إكمال جزء ASP من الخلفية. دعونا نلقي نظرة على كيفية صنع الأشياء في فلاش.

جزء FLASH

، افتح FLASH MX أولاً، ثم ضع متغيري نص ديناميكي باسم "text" و"test" في المشهد الرئيسي، وأدخل سلسلة "loading..." في "test" (مشيرًا إلى أنه يتم القراءة خذ القائمة). من بينها، يتم استخدام "النص" لعرض اسم ملف jpg الذي يتم تصفحه، ويتم استخدام "الاختبار" لعرض بعض المعلومات الأخرى ذات الصلة.

ثم قم بإنشاء مثيل Movie Chip المسمى "imageview" ومثيل الزر المسمى "display" في المشهد الرئيسي في كل مرة يتم فيها الضغط على هذا الزر، سيتم عرض صورة jpg الواردة "loadMovie" في "imageview".

ثم قم بإنشاء شريحة فيلم تتكون من 3 إطارات تسمى "الباحث" في المشهد الرئيسي، وتتمثل وظيفتها في مطالبة الخادم بقائمة بأسماء ملفات صور jpg في الدليل الحالي، ولن يتوقف عند الإطار الثاني حتى يتم الرد تم الحصول عليها. برامج الإجراء الخاصة بهذه الإطارات الثلاثة هي:

برنامج الإجراء الخاص بالإطار الأول:

// قم بإرجاع قائمة بأسماء ملفات jpg التي تم إنشاؤها بواسطة imagebrowse.asp
 // املأ مسار ملف ASP وفقًا للموقف الفعلي
 // تفترض هذه المقالة أن ملفات ASP وجميع ملفات jpg موجودة في الدليل الجذر لخادم الويب
 LoadVariables("http://127.0.0.1/imagebrowse.asp", "");

البرنامج النصي للإجراء للإطار الثاني:

// إذا كانت القيمة الإجمالية التي تم إرجاعها ليست فارغة، إذن... 
إذا (المجموع<>فارغ) { 
     // اعرض في مربع النص "الاختبار" عدد ملفات jpg الموجودة في اسم ملف jpg list_root.test = "total =" add Total; 
     // انقل أسماء ملفات jpg هذه إلى متغيرات FLASH هذه بدءًا من "fImage" تباعًا for (i=1; i<=total; i++) { 
       set("fImage" add i, eval("image" add i)); 
     } 
     // توقف عند الإطار الحالي stop(); 
}  

نص الإجراء للإطار الثالث:

كيفية التحكم في عرض الصورة

عند العودة إلى الإطار الثاني

بعد ذلك، حان الوقت لإضفاء روح على زر "العرض".

ارجع إلى المشهد الرئيسي وأضف نص الإجراء التالي إلى الإطار الأول للمشهد الرئيسي (يحتوي المشهد الرئيسي على إطار واحد فقط):

count = 1; 
   // الأحداث التي يتم تشغيلها بالنقر فوق الزر // (طريقة وصف الحدث الجديدة لـ FLASH MX تجعل برمجة البرنامج النصي لـ MX أقرب إلى الكائنات الموجهة) 
   _root.display.onPress = function() { 
   //إذا لم تكن قيمة الإجمالي فارغة، إذن... 
   //(وهذا يعني: إذا تمت قراءة قائمة أسماء الملفات بنجاح، إذن...) 
     إذا (_root.finder.total<>null) { 
       // استخدم طريقة "loadMovie" لعرض صورة jpg في "imageview" LoadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       // اعرض اسم الملف لصورة jpg هذه في النص "النص" box_root.text = eval("_root.finder.fImage" add count); 
       // أظهر في مربع النص "الاختبار" الملف الموجود في صورة jpg هذه في list_root.test = "Number =" add count; 
       // إذا تم عرض الصورة الأخيرة في القائمة، فابدأ في عرض الصورة الأولى في القائمة مرة أخرى if (count<_root.finder.total) { 
         العد++; 
       } آخر { 
         العد = 1؛ 
       } 
     } 
   }; 

حتى الآن، تم الانتهاء من الأشياء الموجودة في جزء FLASH، بعد تجميع وإخراج ملف swf، تم الإعلان عن اكتمال البرنامج بأكمله!

3. اختبار

تفترض هذه المقالة أن ملف ASP وجميع ملفات jpg موجودة في الدليل الجذر لخادم الويب،

ولا أعرف كيف يعمل هذا البرنامج؟ دعنا نختبر ذلك:

ضع أولاً بعض ملفات صور jpg بشكل عشوائي في الدليل الجذر لخادم الويب، ثم استخدم Flash Player أو متصفح الويب لفتح ملف swf الذي قمت بإنشائه للتو، وانتظر حتى يظهر زر "تحميل" في مربع "الاختبار". "مربع النص. ..." بعد اختفاء السلسلة، يمكننا تصفح صور jpg هذه عن طريق النقر على زر "عرض".

4. ملخص

يمكن دمج تقنية FLASH MX الجديدة مع بعض البرامج مثل ASP لجعل FLASH أكثر إبهارًا.

هذه المقالة هي مجرد برنامج تعليمي بعد كل شيء. لكي يتمكن القراء من إتقان أساسياته بسرعة، لا يمكن أن تكون وظيفة متصفح الصور MX هذا أكثر بساطة. إذا كنت ترغب في استخدامه في الممارسة العملية، فأنت بحاجة إلى إجراء بعض التحسينات على هذا البرنامج. على سبيل المثال: بسبب قيود النطاق الترددي، عندما يكون "loadMovie" صورة كبيرة، تحتاج إلى إضافة برنامج التحميل المسبق للصورة إلى FLASH حتى لا تحدث ظاهرة "الانتظار السخيف" عندما يأتي "loadMovie" عند حجم الصورة سواء كان كبيرًا أو صغيرًا، فأنت بحاجة إلى إضافة برنامج يقوم بضبط حجمه تلقائيًا؛ وإجراء التحسينات المناسبة على برنامج ASP وأجزاء FLASH بحيث لا يقتصر الأمر على تصفح الدليل الذي يوجد به ملف "imagebrowse.asp"؛ من خلال إجراء التحسينات المناسبة على جزء FLASH، يمكنه إجراء بعض المعالجة البسيطة على الصور الواردة من "loadMovie"، مثل تغيير الحجم، وتعديل اللون، والتشوه البسيط، وما إلى ذلك. (بعد التحقق، يمكن تحقيق الأفكار المذكورة أعلاه، ولكن داليانغ كسول جدًا للقيام بذلك. يجب على الجميع العمل بجد! العمل بجد! لا تكن كسولًا مع داليانغ^_^)

أخيرًا، بعد قراءة هذا المقال، أتمنى لكم جميعًا إنشاء متصفح الصور عبر الإنترنت FLASH MX الأكثر إبهارًا على الإنترنت. لا تنس إخبار Da Liang بأخبارك وأفكارك الجيدة.

حسنًا، هذا كل شيء، أراك لاحقًا!

نظرًا للمستوى المحدود لـ Da Liang، هناك حتماً بعض الإغفالات، ونحن نرحب بالأصدقاء لانتقادها وتصحيحها.