[7-APMS] عمل ماسك للإسطوانة وتخصيصه لكل صفحة وإدراج التوقيت والتاريخ ●

تاريخ التسجيل : 01/01/1970

بسم الله الرحمن الرحيم

أرحب مجدداً بجميع المشاركين بالدورة وبجميع الرواد
ألتقي معكم اليوم والدرس السابع والذي سنتكلم فيه عن

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

1 - عمل ماسك [mask] للإسطوانة

2 - تخصيص ماسك لكل صفحة من صفحات الإسطوانة

3 - كيفية عمل أي صورة كماسك [mask] ببرنامج الفوتوشوب

4 - إدراج التوقيت المحلي للمشروع

5 - إدراج التاريخ الحالي للمشروع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

فنبدأ الآن

1- عمل ماسك [mask] للإسطوانة

نفتح برنامجنا ونحدد صفحة عمل ولتكن التي تم تطبيق الدروس السابقة عليها
وليكون المشروع على الأقل من صفحتين وكما تعلمنا سابقاً
نذهب إلى قائمة Project ونختار منها Settings وكما يظهر بالصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستفتح لنا النافذة الآتية والتي سنقوم بتفعيل الخيار Custom Mask ثم نضغط على Browse

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

سيتم فتح نافذة جديدة مليئة بالصور الجاهزة والتي تتكون عامة من لونين الأبيض والأسود فقط
نختار أي صورة والتي تريحنا ثم بعد التعليم على الصورة نضغط على Ok
وكما بالصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد الإختيار سنرجع للنافذة الأولى ونضغط على Ok

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستلاحظ التغيير على صفحة العمل وأنها أخذت شكل الماسك وكما ترى في الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

قم بترتيب أزرارك وكما يناسب الماسك وألا يخرج بعيدا عن الحدود الطبيعية للماسك وكما تروق لك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بإمكانك الآن إضافة أي صورة كخلفية للأزرار ولاحظ أنها تغطي الماسك بالكامل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إضغط على مفتاح F5 للمعاينة أو من قائمة Publish ثم نختار Preview

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وستلاحظ إذا تم تخصيص زر للإنتقال للصفحة الثانية أن الصفحة الثانية تأخذ نفس الماسك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وبهذا نكون إنتهينا من النقطة الأولى وهي عمل ماسك للمشروع ومطبق على جميع الصفحات

ونذهب للجزء الثاني من الدرس

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

2- تخصيص ماسك لكل صفحة من صفحات الإسطوانة

إذا كنا نريد تخصيص ماسك خاص بكل صفحة فإننا نستطيع ذلك وبكل سهولة
ولتكن الصفحة الثانية التي نريد تحديد ماسك خاص بها
نقف على رأس الصفحة وبالتحديد على كلمة Page 2 بيمين الماوس وستظهر قائمة
نختار منها Properties وكما ترى في الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا الصورة التالية وسنختار منا التبويب الثاني Script

ثم التبويب On Show ثم نضغط على Add Action

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعدها ستظهر لنا النافذة التالية والتي سنختار منها في المستطيل الأول window
ثم سنختار من المربع الأكبر setMask ثم نضغط على Next

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا نافذة جديدة وسنقوم بعمل الخيارات كما بالصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

سنعلم على كلمة Maskfile بعدها سيتم تفعيل إختيار صورة ماسك جديدة
نقوم بإختيار صورة ماسك جديدة ومختلفة عن الماسك القديم الذي تم إختياره للمشروع أو لأي صفحة أخرى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ونيقي الخيار Fittowindow كما هو true ثم نضغط على Finish وكما ترى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعدها ستلاحظ أن السكريبت تم كتابته بالنافذة إختار ok لتغلق النافذة مع التطبيق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

قم الآن بالمعاينة وكما تعرفنا وتنقل بين الصفحات ستجد الإختلاف

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ويمكنك تكرار العمل من كل صفحة تريد أن تخصص لها ماسك معين

نذهب الآن للقسم الثالث من الدرس وهي كيفية عمل ماسك بالفوتوشوب لأي صورة ولنتمكن من إضافته للإسطوانة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

3- كيفية عمل أي صورة كماسك [mask] ببرنامج الفوتوشوب

نقوم بفتح برنامج الفوتوشوب ونختار أي صورة ملائمة سأختار أنا هذه الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقوم بعمل تحديد للجزء الذي نريد ان يظهر كماسك للإسطوانة بأي أداة تحديد وكما تكون موهبتك بذلك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد التحديد الكامل للصورة نقوم بعمل تعبئة Fill لها باللون الأبيض بالكامل وكما تري بالصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقوم الآن بفتح مشروع جديد في الفوتوشوب وبنفس مقاسات الصورة ونقوم بتعبئتها باللون الأسود الكامل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرجع الآن للصورة الأصلية التي تم تحديدها وتعبئتها باللون الأبيض نقوم بقصها
ثم نذهب للمشروع الجديد المعبأ باللون الاسود ونقوم باللصق فيه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقوم الآن بحفظ الصورة وبصيغة png وبالتالي قمنا بعمل الصورة كماسك يمكننا إستعماله في برنامجنا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وبعد المعاينة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ننتقل الآن للقسم الرابع من درسنا وهو

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

4- إدراج التوقيت المحلي للمشروع

من الممكن إدراج التوقيت المحلي للإسطوانة وذلك عن طريق الخطوات البسيطة التالية
نقوم بإدراج New Label وكما بالصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا كما بالصورة التالية ويمكنك التحكم بمكانها وذلك بتحريكها بالماوس

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضغط دبل كليك عليها لنستطيع التعديل في خصائصها وبعدها ستظهر لنا النافذة التالية والتي سنختار منها
التبويب Attributes ثم في الخانة الخاصة ب Object name نكتب كلمة Label_Time ثم Ok

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقف على رأس الصفحة وبالتحديد على كلمة Page 1 بيمين الماوس وستظهر قائمة
نختار منها Properties وكما ترى في الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا الصورة التالية وسنختار منا التبويب الثاني Script
ثم التبويب On Show ثم نكتب الكود التالي في مساحة العمل

كود:
sPCtime = System.GetTime(TIME_FMT_MIL)
Label.SetText("Label_Time", sPCtime)
Page.StartTimer(1000);

ثم نضغط على Ok

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعدها نقوم بالمعاينة ولتظهر لنا الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ويمكننا التكرار مع أي صفحة أخرى

سننتقل للقسم التالي من الدرس وهو

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

5- إدراج التاريخ الحالي للمشروع

خطواته لن تختلف عن إدراج التوقيت أو الساعة ولكن الإختلاف معنا في التسمية والكود فلنتابع معاً
نقوم بإدراج New Label وكما بالصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا كما بالصورة التالية ويمكنك التحكم بمكانها وذلك بتحريكها بالماوس

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضغط دبل كليك عليها لنستطيع التعديل في خصائصها وبعدها ستظهر لنا النافذة التالية والتي سنختار منها
التبويب Attributes ثم في الخانة الخاصة ب Object name نكتب كلمة txtDate ثم Ok

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقف على رأس الصفحة وبالتحديد على كلمة Page 1 بيمين الماوس وستظهر قائمة
نختار منها Properties وكما ترى في الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لنا الصورة التالية وسنختار منا التبويب الثاني Script
ثم التبويب On Show ثم نكتب الكود التالي في مساحة العمل

كود:
sPCdate = System.GetDate(DATE_FMT_ISO);
Label.SetText("txtDate", sPCdate);

ثم نضغط على Ok

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعدها نقوم بالمعاينة ولتظهر لنا الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ويمكننا التكرار مع أي صفحة أخرى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ملحوظة : يمكنك عمل الخطوات بطرق مختلفة لخيارات خصائص الصفحات

إلى هنا سنتوقف وينتهي درسنا السابع نلتقيكم على خير مع الدرس القادم
أرجو أن أكون موفق في الشرح

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

المطلوب من المشتركين

أرفق لنا ملف مفتوح لمشروع به صفحتان على الأقل لكل صفحة ماسك خاص بها مع إدراج التوقيت والتاريخ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مع خالص تحياتي

</blockquote>

<blockquote class="signature restore">

=====================================
إن أعجبتك البرامج d]إشتريها من مصدرها ]
=====================================
تحذير : سيتم إغلاق وحذف جميع الروابط في بداية العام الجديد
تابعني على

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

</blockquote>

» ● [3-APMS] صنع أزرار بتأثير خاص وإضافته لمساحة العمل ●
» [css]كود توهج النص والتاريخ في علبه الدردشه
» جولة في اهرامات مصر ارض الجمال والثقافة والتاريخ والحضارة
» ● [2-APMS] التعرف على أهم قوائم البرنامج ●
» ● [11-APMS] إخراج المشروع وإضافة بعض اللمسات ●