الاصدار المستخدم:    Flash MX
المستوى:                متوسط

مقدمة:

        عندما يكون ملف الفلاش كبيرا فسوف يستغرق وقتا طويلا حتى يكتمل تحميله ويعرض , وقد يصاب الزائر بالملل
        من طول الانتظار وقد يصاب ايضا بالحيرة فيما اذا كان التحميل جاريا ام لا .  من هنا تأتي اهمية مشهد ما قبل التحميل
        والذي هو عبارة عن مشهد يوضع في بداية فيلم الفلاش يتضمن اشارة الى ان التحميل مستمر . ويمكن عمل ذلك باستخدام
        الاكشن سكريبت وفي ابسط الصور ممكن اظهار كلمة مثل "loading" وعمل بعض التأثيرات عليها, ولكن تبقى مشكلة
        مع هذه الطريقة وهي اننا نريد ان نعرف كم النسبة التي تم تحميلها وكم تبقى .. في هذا الدرس شرح للطريقة الاساسية
        لعمل preloader  يظهر النسبة المئوية لتحميل الفيلم .

الشرح:

        بعد ان ننتهي من عمل الفيلم الرئيسي والذي قد يتكون من مشهد او اكثر نقوم بإدراج مشهد جديد :
            - من القائمة insert  نختار scene
            - نذهب الى القائمة window  نختار scene  ثم نجعل هذا المشهد الجديد  في الاعلى عن طريق السحب بالماوس ويمكن
              تغيير اسمه الى preloader  عن طريق النقر المزدوج ثم كتابة الاسم الجديد.
            - نختار مشهد  preloader ونبدأ في العمل .

            - في الطبقة الاولى نرسم مستطيل ونقوم بمسح  الحدود الخارجية  ثم نعطيه اللون المناسب ونحوله الى رمز symbol
            - في لوحة الخصائص نعطي له اسم الانستانس instance  لكي نستطيع التعامل معه بالاكشن سكريبت فيما بعد وليكن
                 اسمه "bar"

           -نعمل طبقة جديدة  ونجعلها فوق الاولى  ثم ننسخ المستطيل في الطبقة السابقة  ونلصقة في هذه الطبقة عن طريق 
                paste in plase  من القائمة edit  ليكون متطابقا تماما مع المستيطل الذي في الطبقة الاولى 
           - نعطيعه لونا مختلف ,  واسم انستانس وليكن "fill"

           -نعمل طبقة ثالثة  وننشيء بها حقل نص من النوع dynamic text  ونتركه فارغا , ثم نقوم باختيار لون ونوع  الخط
              الذي نريده ..   ونعطيه اسم انستانس وليكن "perText",  ثم نضعه في اسفل المستطيل في المنتصف. لاحظ الاختيارات
                في نافذة الخواص :

           -ننشيء طيقة رابعة ونجعلها في الاعلى, هذه الطبقة خاصة بوضع اكواد الاكشن سكريبت, وفي خط الزمن الخاص
              بهذه الطبقة  نعمل ثلاثة فريمات رئيسية keyframe
           -  في الطبقات الاخرى  نقوم بادخال  فريم frame  في الخانة الثالثة لكل طبقة  لضمان استمرار ظهور محتويات هذه
              الطبقات طوال الوقت
           -
               
           - بعد الانتهاء من الخطوات السابقة سيكون نافذة خط الزمن والطبقات لديك بالشكل التالي :

            الأكشن سكريبت:

            يأتي الان دور الاكشن سكريبت

          1-   نذهب الى طبقة الاكشن, نختار الفريم الاول,  نفتح نافذة الاكشن ونكتب بها الكود التالي:

                    ifFrameLoaded ("Scene 1",6) {
                    gotoAndPlay("Scene 1", 1);
                    }

         شرح الكود:
         في السطر الاول نتأكد هل تم تحميل  المشهد الرئيسي كاملا ام لا  ونضع اسم المشهد ثم رقم اخر فريم في هذا المشهد,
         فاذا تم التحميل ننتقل الى الامر  الموجود  بين { } وهو امر بالذهاب الى اول فريم في المشهد الرئيسيScene 1 وبداية
         العرض  .
         اما في حالة عدم تحقق الشرط  فإن الفلاش سيذهب الى الفريم التالي  الذي يحتوي على  اوامر اخرى  سنقوم بعملها في
         الخطوة التالية

       2-  نختار الفريم الثاني, نفتح نافذة الاكشن  ونكتب الكود التالي :

                    total =_root.getBytesTotal();
                    loaded =_root.getBytesLoaded();
                    r = loaded/total;
                    percent = math.round(r*100);
                    perText.text = percent+"%";


                    fill._width = bar._width*r;
 

          شرح الكود:
          ننشيء متغير ونسميه total  ونعيطه قيمة تساوي عدد البايتات الكلي للملف والتي نحصل عليها بواسطة الدالة
          getByteTotal ننشيء متغير اخر ونسميه loaded   ونعطيه قيمة تساوي عدد البايتات التي تم تحميلها والتي نحصل عليها          بواسطة الدالة   getByteLoaded بعد ذلك نقوم بحساب النسبة بين ماتم تحميله وبين االحجم الكلي ونضيفه الى متغير           اسمه  r  ثم حساب النسبة المؤية واضافتها الى متغير اسمه percent  .. واستخدمنا  الدالة round  التي تقرب الناتج الى           عدد صحيح حتى نتجنب ظهور ارقام كسرية اثناء التحميل .
         بعد ذلك نضيف قيمة النسبة المئوية الى الخاصية text  للانستانس perText  وهو حقل  النص الديناميكي الذي انشأناه
         سابقا. .ونقوم بربطها بعلامة النسبة المئوية . في السطر الاخير نتحكم بعرض المستطيل الثاني (fill._width)    بحيث            يتناسب طوله مع تقدم التحميل .. وذلك عن  طريق اعطائه قيمة عرض المستطيل الاول  bar._width   مضروبا في النسبة  r

        3- في كل مرة علينا التأكد من الشرط الموجود في الفريم الاول .. لذلك نضع الامر التالي في الفريم الثالث

                            gotoAndPlay(1);

          ملاحظة:
            بعد الانتهاء من العمل ,اذا كنت تريد تجريب ما قمت به, استعرض الملف عن طريق الفلاش بلاير بواسطة :
            ctrl +Enter, بعد ذلك اذهب الى القائمة  debug واختر منها سرعة التحميل المتوقعة ولتكن  56  مثلا ,
             هذا يجعلك ترى المدة اللازمة لتنزيل الملف عن طريق  اتصال سرعته 56 kbps, بعد ذلك اذهب الى القائمة
            view  واختر منها show streaming  سيبدأ العرض كما لو كنت تقوم بتنزيله من الانترنت .
           

            بهذا نصل الى نهاية الدرس.