تطبيق وصل wassll لمتابعة مخصصات المحروقات

إنشاء مربع إختيار CheckBox

مربع الإختيار ( CheckBox ) في Java هو عبارة عن أداة تمكِّن المستخدم من إختيار بعض الخيارات أو كلها من مجموعة من الخيارات. يعني عندما نتصفح موقع أو تنصيب برنامج سوف نصادف إختيار مجموعة من الخيارات و يطلب إختيار منها أو كلها ....الخ.

في البداية نقوم بإستدعاء مكتبة swing كما تعرّفنا في الدروس السابقة و هي حزمة تمدُّنا بالعديد من الأدوات و من ضمنها CheckBox.

مثال 1

package cheeeeek;
import javax.swing.*;
public class Cheeeeek{
     public static void main(String []args){
        JFrame f=new JFrame("مربع الاختيار");
        JCheckBox j=new JCheckBox("sajo");
        j.setBounds(100, 100, 50, 100);
        f.add(j);
        f.setSize(500, 500);
        f.setLayout(null);
        f.setVisible(true);
     }
}

قمنا بإستدعاء المكتبة المطلوبة swing و دخلنا ضمن البرنامج الرئيسي أنشأنا كلاس الواجهة. و هو JFrame f=new. وقمنا بإنشاء كلاس JCheckBox j=new وكان النص الذي يظهر على مربع الإختيار هو sajo. ومن ثم بدأنا بتحديد إحداثيات موقع وأحجام مربع الإختيار و إضافته إلى الواجهة عبر الأمر f.add. وبعدها قُمنا بتحديد حجم الواجهة مربعة بعرض 400 و طول 400 و قمنا بملائمة الواجهة مع العناصر المضافة لها. واظهرنا الواجهة وعناصرها عبر setVisible و أخذ القيمة true أي أظهر العناصر.

و عند تشغيل هذا البرنامج سوف يكون بالشكل الآتي.

كما نلاحظ من الواجهة السابقة قد اظهر لنا مربع إختيار صغير و به إشارة صح و بجانبه الإسم الذي وضعناه ضمن البرنامج.

 

إنشاء قائمة إختيار ComboBox

قائمة الإختيار ( ComboBox ) يكثر إستخدام ComboBox في البرامج وفي مواقع الإنترنت بشكل كبير جداً نظراً لسهولتها و سهولة تعاملها مع المستخدم. يُمكننا من إختيار قيمة واحدة من بين عدة قيم و سنتعلم كيفية إنشاء ComboBox و كيفية تعبئته بالقيم. هو أحد ادوات java swing لهذا في البداية نستدعي المكتبة swing.

مثال 2

package java_lesson;
import java.awt.event.*;
import javax.swing.*;
public class Java_Lesson{
     public static void main(String []args){
        JFrame f=new JFrame("مربعات الاختيار");
        String a[]={"Kaissar","DatabaseHK","SajaCS"};
        JComboBox co=new JComboBox(a);
        co.setBounds(200, 100, 100, 20);
        f.setSize(500, 500);
        f.add(co);
        f.setLayout(null);
        f.setVisible(true);
     }
}

قمنا بإستدعاء مكتبة swing و مكتبة الأحداث ثم دخلنا للبرنامج الرئيسي و أنشانا كلاس إسم الواجهة. وثم عرّفنا مصفوفة نصية a و كانت تمتلك ثلاث قيم نصية وقمنا بإنشاء كلاس ComboBox و حددنا إحداثياته. ثم حددنا عرض و طول الواجهة و قُمنا بإضافتهم للواجهة عبر add و من ثم قمنا بملائمة الواجهة مع العناصر المُضافة. و أظهرنا الواجهة عبر setVisible.

و عند تشغيل هذا البرنامج سوف تكون النتيجة بالشكل.

كما نلاحظ في الصورة السابقة لقد قُمنا بإنشاء قائمة مربعات إختيار و يمكننا إختيار فقط خيار واحد من الخيارات المتاحة.

 

إنشاء حدث مع قائمة إختيار ComboBox

سوف نتعلم في هذه الفقرة على كيفية إضافة حَدَث عند إختيار قيمة على ComboBox مثلاً عندما نختار. قيمة أو عنصر من ComboBox سوف تظهر لنا القيمة التي إخترناها على الواجهة.

مثال 3

package java_lesson;
import java.awt.event.*;
import javax.swing.*;
public class Java_Lesson{
     public static void main(String []args){
        JFrame f=new JFrame();
        String a[]={"Kaissar","DatabaseHK","SajaCS"};
        JLabel l1=new JLabel();
        final JComboBox co=new JComboBox(a);
        co.setBounds(200, 100, 100, 20);
        l1.setHorizontalAlignment(0);
        l1.setSize(200, 200);
        f.setSize(500, 500);
        f.add(co);
        f.add(l1);
        f.setLayout(null);
        f.setVisible(true);
        co.addActionListener((ActionEvent e)->{
            String txt="الأدمن الأكثر نشاط هو " + co.getItemAt(co.getSelectedIndex())
            l1.setText(txt);
        });
     }
}

إستدعينا مكتبة swing و مكتبة الأحداث awt وضمننا كلاس إسم الواجهة JFrame و هو f=new. و أنشانا متغير نصي هو a و كان به ثلاث قيم نصية و هي أسماء اصحاب هذا الموقع. و من ثم قُمنا بإنشاء أداة إظهار العناوين و الجمل عبر الكلاس JLabel. ثم حددنا إحداثيات عبر co.setBounds و جعلنا احجام الإحداثيات في الوسط عبر setHorizontalAlignment. و بعدها حددنا الحجم لمربع الإختيار 200*200 و احجام الواجهة 500*500 و اضفنا العناصر للواجهة و ملائمتها و إظهار العناصر في الواجهة. ثم قُمنا بإنشاء الحَدَث عبر الدالة co.addActionListener و بداخل هذا الحدث أنشانا متغير نصي إسمه txt و كتبنا به عبارة لكي تظهر عند إختيار أي شيئ من القائمة. و إستخدمنا الدالة getItemAt التي تمكننا من الحصول على القيمة ويجب أن تحتاج. هذه الدالة لتحديد الإندكس و إستخدمنا دالة getSelectedIndex لتحديد الإندكس. و في النهاية قُمنا بوضع القيمة في الـ txt عبر l1.setText و عند تشغيل البرنامج و إختيار إحدى القيم ستظهر بالشكل.

و إذا اخترنا قيمة غيرها ستظهر ايضاً بالشكل

لمشاهدة تنفيذ الأكواد بشكل افضل من خلال فيديو يمكنكم الضغط هنا.