صناعة ازرار جميله ووضع مؤثرات جذابه

استاذنا عماد حمدي

بارك الله فيك على هذه اللمسات السحريه وسلمت اناملك

بخصوص استفسارك عن التطرق لمثل هذه الاعمال راجع هذا الرابط

http://204.157.36.16/index.php?showtopic=54629

اما بخصوص شرح احد البرامج على الرابط الذي ذكرته ( لابو يوسف الراشد ) والذي ثلاث برامج فكما تعلم انها برامج عامة يمكن استخدامها في اي مكان وسنحاول التطرق لاحد هذه البرامج بالشرح ولكن ليس الوقت الراهن نظرا لكثرة الاشغال والاعمال .

اختكم

زهره

بارك الله فيكما

ونفع بكما

السلام عليكم ورحمة الله

بارك الله فيكى استاذتنا زهرة , وهذا هو تواضع العلماء, وعلى فكرة دى اول مرة اشوف الرابط بتاع حضرتك والاخ biskr , مع انى عملت بحث كتير قوى ,

عامة خير ان شاء الله , ومنتظرين وعد حضرتك ,

الاخت طمطم شكرا جزيلا.

مرفق نفس المثال مرة اخرى وبه تعديل بسيط على الوان الازرار.

والله الموفق,,,

Buttons.rar

السلام عليكم ورحمة الله

الأخوة الكرام

رغم ان الملف المرفق تم تحميله بسم الله ماشاء الله حوالى 80 مرة هو والتعديل اللى عليه , الا اننى لم اتلقى حتى مجرد رأى فى البرنامج الا من مشرفتنا الكريمة بارك الله فيها زهرة , وكذلك الاخت طمطم , ولكن هذا ليس بيت القصيد

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

بالنسبة للبرنامج الذى اقوم بعمل الازرار عليه هو برنامج Crystal Button كما اوضحت سابقا.

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

تأتى بعد ذلك المرحلة الثانية , وهى مرحلة ادراج الصورة داخل نموذج الاكسيس , وهنا يوجد اكثر من اسلوب وهذا يعتمد على ما تريد وعلى ما تفضله انت

اولا : يمكنك ادخال الصورة فوق زر موجود فعليا على النموذج وذلك من خلال فتح خصائص هذا الزر وادراج الصورة كما يلى ,

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

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

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

فى الحالة الثانية والثالثة بفضل حفظ الصور بامتداد jpg لانها اقل الامتدادات حجما.

هذا كل ما فى الامر , ومرفق مثال على هذا الكلام

وبالتوفيق ان شاء الله,,,

Buttons.rar

استاذنا عماد حمدي

بارك الله فيك ونفع بك وادخلك جنات التعيم .

هل من الممكن تكمل جميل شرحك بالتطرق لوضع الاكواد في الاحداث التالية

1. عند الضغط على الماوس

2. عند تحريك الماوس

3. عند رفع زر الماوس

حتى لا يعتقد من يقرأ الموضوع انها مجرد صوره يتم وضعها وهي تقوم بهذه المؤثرات الجمالية فلابد ان بصاحبها احداث معينه

اختكم

زهره

الاخ الفاضل عماد بارك الله لك في علمك ونفعك به في الدنيا والاخرة

ونرجو ان تكون مشرف المستقبل مع بقية الاخوة والاخت زهرة إن شاء الله

السلام عليكم ورحمة الله

الاخت الكريمة استاذتنا زهــــــرة

بارك الله فيكى على اهتمامك الدائم بمصلحة الاعضاء , وكمان متشكر جدا على دعوات حضرتك , ولكى منى مثلها ان شاء الله.

الأخ الفاضل ابو عمرو1

بارك الله فيك اخى الكريم وتقبل الله منا ومنك صالح الاعمال , وشكرا جزيلا على مجاملتك الرقيقه.

أختى واستاذتى زهـــرة

رغم انى وضحت فعليا فى اخر مشاركة ان المفروض مصمم البرنامج يضيف بعض الاكواد للتحكم فى حركة الزر , والعملية مش مجرد وضع مجموعة صور وهى هتتغير لوحدها

اقتباس

وهنا ايضا لك حرية اختيار ان تضع صورة واحده فقط وبدون مؤثرات , او صورتين (واحده قبل الضغط علي الزر والثانية بعد الضغط على الزر) مع عمل بعض الاكواد البسيطة لتنظيم حركة وعمل هذه الصور

اقتباس

يمكنك ايضا اخى الكريم اضافة صور الازرار داخل النموذج وعمل زر عادى جدا يقوم بالوظيفة الاساسية ولكن تجعل هذا الزر مخفى (Transparent), وتجعل الصور تحته , وتقوم بتركيب الاكواد التى تتحكم فى حركة الصور على الزر الرئيسى (المخفى)

والاكواد دى موجوده فعليا داخل البرنامج المرفق , والبرنامج مفتوح يعنى يمكن الاطلاع بمنتهى السهوله على هذه الاكواد.

ولكن تلبية لطلب حضرتك , فهى لى وبلا مجاملات تمثل اوامر واجبة التنفيذ , وكمان لتعم الفائدة المرجوة ان شاء الله , سأقوم بشرح بسيط لبعض هذه الاكواد

أولا: بالنسبة للحالة الاولى ( زر عادى وعلية الصوره ) لا نحتاج الى اكواد اضافية لحركة الزر , اذ يكفى وضع كود الوظيفة الاساسية داخل حدث (عند النقر OnClick) للزر الموجود .

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

1) بالنسبة للمثال الاول (صورة واحده فقط)

ايضا كما فى اولا , لا نحتاج الى وضع اكواد خاصة بالمؤثرات على الصور (لاننا اصلا ماعندناش مؤثرات على صورة واحده ) هنا لا نحتاج الا لوضع كود الوظيفة الاساسية على حدث (عندالنقر OnClick) كما فى الحالة الاولى تماما , لكن الاختلاف هنا اننا نضع الكود على الصورة وليس الزر. (على فكرة يمكن عمل مؤثر على الصورة الواحده مثل اظهار اطار الزر عند الضغط واخفاءه عند الرفع)

2) بالنسبة للمثال الثانى (وجود صورتين)

المطلوب هو وضع اكواد بحيث عند ضغط الماوس تختفى الصورة الاولى وتظهر الثانية , وعند رفع اليد من على الماس تختفى الثانية وتعود الاولى (لكى تعطى ايحاء بان الزر يتحرك) وهنا يمكن عمل ذلك كالتالى , بفرض الصورة الاولى (العليا او الاصليه) اسمها Image1 والثانية (السفلى او الاحتياطية) Image2 , اولا يجب ترتيب الصور على النموذج بحيث يكون فوق بعض بالضبط , وتكون Image1 باعلى .

هنا Image2 لن يكون لها اى دور , وسنضع الاكواد على Image1 فقط كالتالى

فى حدث ( الماوس للأسفل On Mouse Down) سنضع الكود

Me.Image1.Visible = False

وبكده نكون اخفينا الصورة الاصلية عند الضغط لاسفل (وطبعا هتظهر الصورة البديله)

وفى حدث ( الماوس للأعلى On Mouse Up) سنضع الكود

Me.Image1.Visible = True

واخيرا فى حدث (عند النقر OnClick) سنضع كود الوظيفة الرئيسية للزر , وانتهت القضية.

3)( وجود ثلاث صور )

اما الحالة الاكثر اثارة وجاذبيه (بالنسبة لى على الاقل) طبعا ستطلب ثمن اكثر , وعدد اكثر من الاكواد بالتاكيد.

بفرض الثلاث صور موضوعة ومرتبة فوق بعضها البعض كالتالى, Image3 (عند الضغط) فى الاسفل , فوقها Image2 (الزر مضئ عند تحريك الماوس على الزر) وفوقهما Image1 (الاصلية)

وهنا سنضع كود اخفاء Image1 وظهور الصورة Image2 فى حدث (عند تحريك الماوس On Mouse Move) للصورة Image1 كالتالى

Me.Image1.Visible = False

ثم سنضع كود اخفاء Image2 وظهور Image3 فى حدث ( الماوس للأسفل On Mouse Down) للصورة Image2,

Me.Image2.Visible = False

وسنضع كود اخفاء Image3 وظهور Image2 فى حدث ( الماوس للأعلى On Mouse Up) للصورة Image2 ايضا

Me.Image2.Visible = True

واخيرا المفروض عند خروج الماوس من اطار الزر يجب ان تعود الصورة الاولى للزر Image1 مرة اخرى , ولذلك سنضع الكود التالى فى حدث (عند تحريك الماوس On Mouse Move) فى تفصيل (Detail) النموذج

If Me.Image1.Visible = False Then
Me.Image1.Visible = True
End If

وهنا وضعنا جملة شرطية , حتى لا تظل الصورة Image1 تظهر وترتعش كلما تحركنا بالماوس على النموذج . (سؤال : ليه ما وضعناش نفس الجمله الشرطية فى حدث عند تحريك الماوس للصورة Image1؟) وبهذا اخوانى تنتهى الحالة الثانية بالثلاث امثله اللى فيها.

ثالثا : عند وجود زر مخفى وتحته الصور , سنقوم بعمل نفس الاكواد السابقة فى الحالة الثانية بالنص , الا اننا سنضع جميع الاكواد فى احداث الزر نفسه ( عند الماوس للأسفل , وعند الماوس للأعلى , وعند تحريك الماس , وعند النقر) وكلها على احداث الزر نفسه كما قلنا لاننا اصلا لن نستطيع الوصول للصور فى هذه الحالة ( ليه؟ )

واخيرا اخوانى الكرام , عارف انى اطلت عليكم , لكن اتمنى اكون وضحت الخطوات , واكون افدتكم ولو بالقليل.

هذا والله المستعان,,,

ألف شكر وألف تحية وتحية ربي العافية

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

الأخ الكريم المعلم الأستاذ عماد

الأخت الفاضلة (الأمبراطورة) زهرة المنتدى

مجهود وشرح رائع تشكر عليه أخى العزيز وفعلاً أعضاء كثيرون من محبى الأكسيس كان ينقصهم هذا البرنامج وبالشروح الوافية جعلها الله فى ميزان حسناتك ........... ولى سؤال من فضلك وأرجو الأجابة عليه سواء حضرتك أو أختنا الفاضلة وهو :-

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

___________.rar

لقد أعطيت الحياة لنوافذ الأكسس

يعطيك العافية

اخي مازن

هل ترى اشرطة ادوات برنامج الكريستال الجانبية التي على اليسار

ستجد في الاسفل

القلم - خاص بالتحرير والكتابه

صوره - لإضافة صوره لزر الأمر

خلفيه - لإختيار خلفيه لزر الأمر ( طبعا بكل تأكيد هذا هو الذي يهمنا كل ما علينا هو اختيار الخلفية المناسبة لما هو موجود لدينا في برنامج الاكسيس فالخلفية الإفتراضيه لبرنامج الكريستال هي البيضاء لهذا حاول تختار لون مناسب غير الأبيض من اجل ان يطابق او يشابه لون الخلفية لديك في برنامج الأكسيس

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

الأخت الفاضلة (لأمبراطورة) زهرة المنتدى

أشكرك أختى الفاضلة على الرد والشرح فعندما أجد ردك أشعر وكأننى أتنفس الرحيق من زهراك جعلك الله دائماً فواحه لرعاياكى

ألف ومليون شكر وتحيه

جزاك الله خيرا اخى الكريم وجعله فى ميزان حسناتك

ما أجمل أناملكم تزرع البسمة على قارعة انتظارنا وبحثنا عن هذا الجمال كموسم مطر

رحلة ماتعة وربي

شكرا من قلوبنا

لكن من أين نأخذ هذه الأزرار الجميلة ؟