الأزرار Buttons

الأزرار Buttons

إن الزر Button هو أحد الأنواع الثلاثة للرمز:
Graphic , Movie Clip , Buttons
وهو أكثر تطبيقات فلاش استعمالا فى صفحات الإنترنت . والآن لنتعرف على كيفية إنشاء زر .
1 - ارسم دائرة ثم حددها وحولها إلى رمز من نوع Button



2 - انقر على الدائرة نقرة مزدوجة لتدخل فى طور تحرير الرمز , ولاحظ تغير شريط الزمن .
عندما تقوم بإنشاء رمز من نوع زر Button فإن البرنامج يصنع تلقائيا 4 إطارات للزر , وهذه الإطارات لن تعمل من تلقاء نفسها وإنما تستجيب لتفاعل مؤشر الماوس .
- الإطار الأول Up وهو يمثل شكل الزر فى الحالة العادية بدون وجود مؤشر الماوس فوقه .
- الإطار الثانى Over وهو يمثل شكل الزر عند مرور مؤشر الماوس فوقه .
- الإطار الثالث Down وهو يمثل شكل الزر فى لحظة النقر عليه .
- الإطار الرابع Hit وهو يمثل المنطقة الفعالة فى الزر , أى المنطقة التى عندما يمر الماوس فوقها يتحول إلى شكل اليد التى نعرفه جميعا , لكى يعلم المستخدم أنه عند النقر هنا سيحدث شيئ ما مثل الذهاب إلى عنوان صفحة ويب أو تشغيل ملف موسيقى أو تحميل ملف موجود .. إلخ



والآن لنكمل تصميم الزر حتى نفهم هذه الإطارات بشكل أوضح .
نحن الآن فى الإطار الأول , وافتراضيا يكون لدينا إطار مفتاحى Key frame فى هذا الإطار بمعنى أنه فى الحالة العادية وعند عدم استخدام الزر فسيكون ظاهرا دائما بلونه الأحمر .
- انقر على الإطار الثانى Over ثم اضغط F6 لإدراج أطار مفتاحى Key frame , وقم بتغيير لون الدائرة إلى الأزرق مثلا . ومعنى ذلك أنه عند مرور مؤشر الماوس فوق الزر سيتغير لونه من الأحمر إلى الأزرق .
- انقر على الإطار الثالث Down ثم اضغط F6 لإدراج إطار مفتاحى Key frame , وقم بتغيير لون الدائرة إلى الأسود مثلا , ومعنى ذلك أن لون الدائرة سيتغير إلى الأسود فى لحظة النقر بالماوس , وعند إفلات الماوس سيعود إلى الأزرق وعند سحب الماوس يعود للأحمر .
- انقر على الإطار الرابع Hit , ومن خلال هذا الإطار يمكننا تحديد المنطقة الفعالة التى عند مرور مؤشر الماوس فوقها يتحول إلى شكل يد , وفى الحالة الإفتراضية تكون هذه المنطقة هى الزر بالكامل , أى عند مرور مؤشر الماوس فوق أى جزء من الزر سيتحول إلى يد . ويجب أن نفهم أن هذه المنطقة الفعالة هى منطقة يتم تحديدها بأى شكل دائرة .. مربع .. مثلث .. إلخ لا يهم .فهى فى النهاية منطقة وهمية بمعنى أنها غير مرئية .
لنفرض أننا نريد أن تكون المنطقة الفعالة دائرة صغيرة فى مركز الزر , ولعمل ذلك سنقوم بتصغير الدائرة فى هذا الإطار .
1 - انقر على الإطار Hit .
2 - قم بتحديد الدائرة فى منطقة المسرح .
3 - اذهب للقائمة
Window >Info أو من لوحة المفاتيح اضغط Ctrl+I



قم بتقليل حجم الدائرة بنفس القدر عرضا وارتفاعا , الآن جعلنا المنطقة الفعالة دائرة صغيرة داخل الدائرة الكبيرة , ولكن هل الدائرة الصغيرة فى مركز الدائرة الأكبر كما أردنا ؟ هذا السؤال لا أوجهه لك عزيزى القارئ وإنما أجهه إلى البرنامج , وعلى الفور يجيبنى فلاش مندهشا :
- كيف لى أن أعرف , أنت لم تطلب منى ذلك !
هذا صحيح , ففى كل برامج الكمبيوتر المختلفة يعطيك البرنامج فقط ماتطلبه وليس ما تتمناه !
سنحاول الآن أن نرى مكان الدائرة الصغيرة , انقر على أيقونة Onion Skin



سنجد أن الدائرة الصغيرة تتحاذى من الناحية العليا اليسرى للدائرة الأصلية , وهذا هو الوضع الإفتراضى الذى سنقوم بتعديله



- قم بالتراجع عن طريق Ctrl+Z عدة خطوات حتى تختفى الدائرة الصغيرة .
- فى لوح Info انقر على نقطة المركز فى لوح وضعية الرمز



- الآن قلل حجم الدائرة عرضا وارتفاعا كما فعلنا من قبل , وشاهد النتيجة



- انقر على أيقونة Onion Skin مرة أخرى للعودة إلى الوضع العادى .
- قم باختبار العمل .

تعيين وظيفة للزر

عند النقر على أى زر لابد من حدوث شيئ .. أى شيئ وإلا فما فائدته ؟ , لنجرب الآن مثالا بسيطا : عند النقر على الزر سيتم تشغيل ملف موسيقى .
1 - من القائمة
File > Import > Import to Library



وقم باختيار أى ملف صوت لديك ويستحسن أن يكون بصيغة mp3 . لقد تم وضع ملف الصوت فى المكتبة .
2 - انقر نقرا مزدوجا على الزر لتدخل فى طور تحرير الزر , وانقر على إطار Down
3 - فى قسم sound فى لوح الخواص , اختر الملف الذى استوردناه للتو . واترك الخيارات الباقية كما هى .



4 - اختبر العمل .

الزر الخفى Invisible Button

أحيانا يكون لدينا نص عبارة عن كلمة مثلا ونريد أن يكون لتلك الكلمة خصائص الزر بمعنى تحول مؤشر الماوس إلى يد عند المرور فوقها, وحدوث إجراء ما عند النقر عليها, تماما كما هو الحال مع الأزرار العادية , وفى هذه الحالة سنكتب النص ثم نضع الزر الخفى فوقه, وفى الفيلم النهائى لن يظهر الزر الخفى بالطبع وإنما سنرى النص فقط والذى سيكون له كل وظائف الزر .
1- اكتب نص من كلمة أو كلمتين .
2- سنصنع الآن زرا عبارة عن مستطيل باستخدام أداة Rectangle Tool , ولا يهم اللون لأننا فى النهاية سنحوله إلى زر خفى .
3 - قم بتحديد المستطيل ثم حوله إلى رمز من نوع Button
4 - انقر على المستطيل نقرة مزدوجة للدخول فى طور تحرير الزر .
5 - اسحب الإطار المفتاحى من إطار Up وضعه فى إطار Hit .



6 - انقر على Scene1 أو على السهم فى منطقة Timeline للعودة إلى المشهد , وسنلاحظ أن لون المستطيل قد تغير لونه . اسحب المستطيل وضعه فوق النص .



7 - اختبر العمل , لن نرى الزر الخفى وإنما سنرى نص على شكل زر .








منقول