< 0 1 2 3 4 5 6 >

 

خامسا : عمل قائمة من زر واحد أساسي وقائمة منسدلة :

 

ملف العمل هنا

 

 في الدرس الأول تعرفنا علي كيفية عمل قائمة من زر واحد أساسي ,ومجموعة من الأزرار الفرعية ,وفي الدرس الثاني عرفنا طريقة عمل قائمة من ثلاثة أزرار أساسية ,وكل زر له قائمة خاصة به ,والآن نتعرف علي طريقة عمل قائمة مكونة من زر واحد أساسي ومجموعة من الأزرار الفرعية المثبتة علي خلفية منسدلة ,ويعتبر هذا الدرس هو الأسهل من بين الدروس السابقة .

 

الخطوات:

 

1. نفتح مشروع فلاش جديد ,وندخل موفي كليب جديد (Ctrl + F8 ثم نغير الاسم إلي curtain ونختار Movie clip     ثم نضغط OK ).

2. نسمي اللاير الوحيد الموجود في الموفي كليب الجديد curtain ,ونرسم في الفريم الأول الجزء المنسدل       من القائمة ,مثلما في الشكل التالي:

 

 

4. نحدد الفريم العاشر من نفس اللاير curtain ونضغط مفتاح F6 ,ثم نحدد الفريم العشرين من نفس اللاير      ونضغط F6 مرة أخري .

5. نحدد الفريم الأول ,ثم نختار أداة Free Transform Tool  من صندوق الأدوات أو نضغط مفتاح Q      من لوحة المفاتيح .

6. نلاحظ أن الشكل أصبح محاطا بمجموعة من النقاط ,نقف عند النقطة السفلي الوسطي بالماوس ونسحب لأعلي حتى يصبح شكل القائمة مثل التالي:

 

7. نحدد الفريم العشرين ونكرر نفس الشيء

8. نحدد الفريم الأول ,ومن نافذة properties ,في قسم Tween نختار Shape ,ثم نحدد الفريم العاشر ونكرر نفس الشيء ,ثم نقف عند الفريم الأول ونضغط مفتاح Enter .

 

·       نلاحظ أن القائمة تفتح بالتدريج حتى تصل إلي الفريم العاشر ثم تبدأ في الإغلاق مرة أخري حتى تصل إلي الفريم العشرين .

9. سنضع الآن زرا للتحكم في فتح القائمة ,ننشئ لاير جديد نسميه button ,ونرسم به الزر الذي نرغب فيه ,بحيث يغطي بالكاد الشريط الصغير الذي يمثل القائمة المغلقة مثلما في الشكل التالي:

 

 

راجع الدرس الثاني عمل أزرار ثلاثية الأبعاد

 

ويجب أن تكون القائمة (الشريط الرفيع) واقعة في أسفل الزر وتتوسطه ,بحيث إذا تخيلنا أننا نري إطار الزر فقط يكون موقعها من الزر كالتالي:

 

 

10. نحدد الفريم الأول من لاير الزر button ونضغط مفتاح F8 ونسمي الزر button ونختار النوع Button       ثم نضغط OK .

11. نحدد لاير الزر button ونحدد الفريم العاشر ونضغط مفتاح F6 .

12.ندخل لاير جديد نسميه labels ونسمي الفريم الأول open والفريم العاشر close :

 

 

13.نحدد الفريم الأول ثم نحدد الزر ونفتح قائمة actions بزر F9 ,وندخل الكود كالتالي:

 

 

ثم :

 

 

 

14. نحدد الفريم العاشر من لاير الزر button ,ونحدد الزر وندخل نفس الكود السابق ولكن هذه المرة يكون الفريم الهدف هو close :

 

 

15. ندخل لاير جديد نسميه actions  ,ونضع في الفريم الأول أكشن stop();  وكذلك في الفريم العاشر .

16. ندخل لاير جديد نسميه buttons ونحدد الفريم العاشر ونضغط مفتاح F7 لندخل فريم فارغ ,وفي ذلك الفريم نرسم الأزرار التي نريدها داخل القائمة ,ثم نحدد الفريم الحادي عشر ونضغط مفتاح F7 مثلما في الشكل التالي:

 

 

17. نحدد الفريم العاشر من لاير button ونختار أبعادا مناسبة للزر بالنسبة إلي حجم القائمة ,ثم نحدد الفريم الأول ونختار نفس الأبعاد للزر .

 

·       الآن يمكن أن نعرض المشروع ونجربه .

·       أحيانا تقابلنا قوائم جميلة أثناء تصفحنا للإنترنت ,هذه القوائم نستطيع – بسهولة – أن نصمم مثلها دون الحاجة إلي الإطلاع علي الأكواد المستخدمة أو طريقة العمل ,بعد أن قمنا بعمل قائمة بثلاثة طرق , وتقريبا هي الطرق المتبعة لعمل جميع القوائم  التي نراها في المواقع المختلفة ,والقائمة التالية هي تصميم مماثل لأحد القوائم التي صممتها Macromedia ,ويمكن أن نصمم مثلها :

ملف العمل هنا .