• 0
عماد حمدي احمد

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

سؤال

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

اخوانى واحبابى أعضاء منتدى الأكسس

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

كيف اصنع ازرار جميله واضع مؤثرات جذابه للمستخدم , رغم افتقار برنامج الأكسس لهذه الخاصية؟

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

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

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

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

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

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

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

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

هذا وبالله التوفيق,,,

Buttons.rar

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

14 إجابة على هذا السؤال .

  • 1

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

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

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

الأخ الفاضل ابو عمرو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؟) وبهذا اخوانى تنتهى الحالة الثانية بالثلاث امثله اللى فيها.

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

28_02_06_02_02_27_1141164147pro1.JPG

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

اختكم

زهره

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

ونفع بكما

تم تعديل بواسطه ايهاب عثمان
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

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

Buttons.rar

تم تعديل بواسطه عماد حمدي احمد
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

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

27_02_06_06_17_10_1141093030Crystal_Button.JPG

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

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

27_02_06_06_19_27_1141093167pro.JPG

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

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

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

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

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

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

Buttons.rar

تم تعديل بواسطه عماد حمدي احمد
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

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

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

اختكم

زهره

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

___________.rar

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

اخي مازن

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

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

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

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

تم تعديل بواسطه جرير الصغير
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
زوار
This topic is now closed to further replies.

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .