delphi4arab منتديات دلفي للعرب
كيفية تخصيص واجهتك و جعلها متجاوبة مع الشاشات باستخدام GridPanel - نسخة قابلة للطباعة

+- delphi4arab منتديات دلفي للعرب (https://delphi4arab.net/forum)
+-- قسم : منتديات دلفي للعرب التعليمية (https://delphi4arab.net/forum/forumdisplay.php?fid=3)
+--- قسم : دروس دلفي للمبتدئين (https://delphi4arab.net/forum/forumdisplay.php?fid=13)
+--- الموضوع : كيفية تخصيص واجهتك و جعلها متجاوبة مع الشاشات باستخدام GridPanel (/showthread.php?tid=7128)



كيفية تخصيص واجهتك و جعلها متجاوبة مع الشاشات باستخدام GridPanel - rahiche - 04-08-2015

اولا اتنمى ان لا اكون مخطأ في العنوان
مقدمة
في هذا الدرس سنتعرف على مكون GridPanel هذا المكون يتيح لك تخصيخ الواجهة و المكونات و منذ تعرفت عليه اصبحت استعمه في جميع مشاريعي
فائدة المكون
بهذا المكون تستطيع تخصيص الواجهة و جعلها متجاوبة مع الشاشات الاخرى حيث اذا قام المستخدم بعملية التميدي يمينا و شمالا لن تختفي المكونات و لكن سستمدد معه حسب خريطة تحددها له انت
خطوات العمل
اعمل مشروع جديد و ضع فيه مكون gridpanel ثم اذهب للخاصية align , غيرها نحو alclient لجعله يحتيو النموذج كاملا ثم قم بوضع المكونات button / checkbook / radiobutton / listbix على التولي
[صورة: Fc3Iv6.png]
ستلاحظ انها لا توضع في المكان الذي تضعها فيه فحيث ما سحبتها لا تتحرق لانها تتحرك بالارقام مثلا اذا اردنا وضع الزر مكان listbox
ماذا نفعل اولا يجب ان نعرف ان الخلايا الموجودة في المكون و هي افضتريضيا 4 لديها عنوان مثلا الخلية التي تحتوي على مكون button1 عنوانها هو 0.0 اما الشيك بوكس عنوانها هو 1.0 و الردايو عنوانه هو ؟ 0.1 هذه الارقام تعني
الاسطر و الحقول فالحقول على الاعمدة العمودية و الاسطر هي الافقية
اذا كيف تغير مكان الزر للليست بوكس توجه للخصائص و ستجد خصائص جديدة اما الخاصيتان الاساسيتان فهما تحت اسمي
row اي سطر و column اي حقل او عمود و ستجدهما في الوضع 0.0 و هذاهو عنوان الخلية اذن نريده ان يكون مكان الليست بوكس ما علينا الا القيا بوضع احدثيات او بالاخرى عنوان الخلية المرادة وا لتي هي 1.1 اي السطر الاول في الحقل الاول
و الان ماذا نستفيد الان يمكنك وضع الكثير من المكونات في هذا المكون حيث ستسفيد من
مكان دقيق و عدم وجود اخطاء في الحساب او القياس المناسب يمكن لمكون ان يملأ اكثر من خلية مثلا الزر يملأ كل الخليا اي 4 كيف ظ
اعطي كلا من السطر و الحقل القيم 0 و 0 ثم توجه للخاصية الاخرى و التي هي للتحكم في تمديد المكون
rowspan
columnspan
اعطهما ابعد الحدود مثلا تريد ان تضع الزر على كل المستطيل الاول اي الخليتين في السطر الاول اعطه فقط القيمة القيمة 2 في خاصية columnspan الان يمكنك جعله يملأ كل الخليتين من خلال الاخصية align بسكل عادي اما الان فيمكنك اياض جعل برنامجك متناسق مع الشاشات فمثلا اذا ارد المستخدم الذي جائته شاشة البرنامج كبيرة جدا على شاشته ان يقوم بتصغيره مع تقليص فقط عرض او طول المكوناات اتمنى وصول الفكرة و ان الدرس اعجبكم