Java GUI Unit 7

Java GUI Unit 7

Events of Components

#. ສະຫຼັບຂຽນໂຄດ - ອອກແບບ

ເປັນຂັ້ນຕອນໃນການສະຫຼັບ tap ຂອງ Workspace ຈາກພາກສ່ວນ ອອກແບບ Design ມາເປັນ ພາກສ່ວນ ຂຽນໂຄດ Code ນອກຈາກນີ້ຍັງມີພາກສ່ວນ ປະຫວັດ History ສິ່ງທີ່ເຮົາໄດ້ເຮັດໄປ ເຊິ່ງໂປຣແກຣມ NetBeans ຈະບັນທຶກໄວ້ໃຫ້ເຮົາ

Multiple Choice

ຂໍ້ໃດ ບໍ່ແມ່ນ Workspace tap ຂອງ ໂປຣແກຣມ NetBeans

• Design

• Code

• History

• Properties

1. ຊື່ຕົວປ່ຽນຂອງ Components

ເປັນຂັ້ນຕອນໃນການກຳນົດຊື່ຕົວປ່ຽນຂອງ Components ເພື່ອຊ່ວຍໃຫ້ເຮົາເຂົ້າໃຈ ແລະ ງ່າຍຕໍ່ການຂຽນໂຄດ

1. ເລືອກ Components ທີ່ຕ້ອງການ

2. ຄິກຂວາ

3. ເລືອກ Change Variable Name

1. ຊື່ຕົວປ່ຽນຂອງ Components

4. ປ້ອນຊື່ຕົວປ່ຽນ

5. OK

ໝາຍເຫດ: ເວລາຕັ້ງຊື່ຕ້ອງຂຽນຊື່ຫຍໍ້ຂອງ Controls ນັ້ນໆ ກ່ອນທຸກຄັ້ງ

ເຄັດລັບ: ເຮົາສາມາດປ່ຽນໄດ້ແບບງ່າຍໆ ທີ່ພາກ ສ່ວນ Navigator ດ້ວຍການກົດ F2

Multiple Choice

ເປັນຫຍັງຕ້ອງ ກຳນົດຊື່ຕົວປ່ຽນໃຫ້ກັບ Component

• ເພື່ອຊ່ວຍໃຫ້ອອກແບບ

• ງ່າຍຕໍ່ການອອກແບບ

• ງ່າຍຕໍ່ການຈັດການ

• ໃຫ້ເຮົາເຂົ້າໃຈ ງ່າຍຕໍ່ການຂຽນໂຄດ

2. ຊື່ຫຍໍ້ຂອງ Controls

1. JButton : btn_

2. JLabel: lbl_

3. JCheckBox : ck_

4. JRadio Button: rd_

5. JComboBox: cb_

6. JTextField: txt_

7. JTextArea: txta_

8. JPasswordField: txtp_

9. JTable: tb_

10. JProgressBar: prb_

3. ເຫດການ Events

ເປັນການກຳນົດເຫດການໃຫ້ກັບ Controls ຕ່າງເພື່ອໃຫ້ຕອບສະໜອງກັບການເຮັດວຽກຂອງຂອງຜູ້ໃຊ້ງານ

1. ເລືອກເອົາ Component > ຄິກຂວາ

2. ເລືອກ Events > ປະເພດຂອງເຫດການ

ໝາຍເຫດ: ກຸ່ມຂອງເຫດການທີ່ມັກໃຊ້ມີນຳກັນ 6 ກຸ່ມນຳກັນ

3.1. ກຸ່ມ Action

ເປັນເຫດການໃນການ ໃຊ້ເມົາໄປກົດໃສ່ປຸ່ມ ໃນກຸ່ມຂອງ Action ມີ 1 ເຫດການຄື:

1. Actionperformed: ການກົດປຸ່ມ

ໝາຍເຫດ: ບາງ Controls ຈະບໍ່ມີເຫດ ການນີ້ຢູ່ເຊິ່ງເຮົາຈະໃຊ້ເຫດການອື່ນແທນ ເຊັ່ນ ເຫດການ Mouse Click ເປັນຕົ້ນ

Multiple Choice

ເຫດການໃດເຮົາໃຊ້ແທນ ເຫດການ Actionperformed

• Action Click

• Click

• Mouse Click

• Double Click

3.2 ກຸ່ມ Focus

ເປັນເຫດ ການກວດສອບການເຮັດວຽກ ຂອງ Controls ວ່າເຮົາກຳລັງໃຊ້ງານຢູ່ ຫຼື ບໍ່ຖືກໃຊ້ງານເປັນຕົ້ນ ມີຢູ່ 2 ເຫດການຄື:

1. focusGained: ຖືກໃຊ້ງານ

2. focusLose: ບໍ່ຖືກໃຊ້ງານ

ໝາຍເຫດ: ເຫດການທັງສອງຈະເກິດຂື້ນໄດ້ກໍ່ຕໍ່ເມື່ອເຮົາໄດ້ນຳເອົາຕົວຊີ້ເມົາໄປຄິດ ຫຼື ປ້ອນຂໍ້ມູນ ເຫດການນີ້ຈຶ່ງຈະເຮັດວຽກ

3.3 ກຸ່ມ Item

ເປັນເຫດ ການປ່ຽນແປງ ລາຍການ ຫຼື ຄ່າຂອງ Controls ມີຢູ່ 1 ເຫດການຄື:

1. itemStateChanged

ໝາຍເຫດ: ເປັນເຫດການທີ່ໃຊ້ງານຮ່ວມກັບ Control JComboBox ເມື່ອມີການເລືອກລາຍການເຫດການນີ້ຈະຖືກເອີ້ນໃຊ້ງານ

3.4 ກຸ່ມ Key

ເປັນກຸ່ມ ເຫດການປ້ອນຂໍ້ມູນຢູ່ໃນ Text ມີຢູ່ 3 ເຫດການຄື

1. keyPresses: ເມື່ອກົດປຸ່ມ

2.keyReleased: ເມື່ອປ່ອຍປຸ່ມ

3.keyTyped: ເມື່ອມີການພີມ

ເຄັດລັບ: ເຮົາມັກໃຊ້ເຫດການ keyReleased ໃນການກຳນົດເຫດການ ຄົ້ນຫາຂໍ້ມູນ

Multiple Choice

ກຸ່ມເຫດການ Key ເປັນເຫດການທີ່ເກີດຂື້ນຢູ່ Component ໃດ

• JTextField

• JButton

• JLabel

• JTable

3.5 ກຸ່ມ Mouse

ເປັນເຫດການ ນຳເອົາຕົວຊີ້ເມົາມາໃສ່ ຫຼື ອອກຈາກ controls ມີຢູ່ 5 ເຫດການຄື:

1. mouseClicked : ການຄິກເມົ້າ

2. mouseEntered: ນຳຕົວຊີໄປໃສ່

3. mouseExited: ນຳຕົວຊີອອກ

4. mousePressed: ຄິກເມົ້າລົງ

5. mouseReleased: ປ່ອຍນິ້ວຄິກຂື້ນ

Multiple Choice

Mouse ເປັນເຫດການແບບໃດ

• ເມື່ອເຮົາປ່ຽນແປງຂໍ້ມຂອງ Controls

• ເມື່ອເຮົາກົດປຸ່ມແປ້ມພິມ

• ເມື່ອເຂົາຂຽນໃສ່ Text

• ເມື່ອນຳເອົາຕົວຊີ້ເມົາມາໃສ່ ຫຼື ອອກຈາກ controls

3.6 ກຸ່ມ MouseMotion

ແມ່ນເຫດການ ໃຊ້ເມົ້າລາກ Controls ຫຼື ລາກ Jframe ກໍ່ໄດ້ ມີຢູ່ 2 ເຫດການຄື:

1. mousDragged: ເມື່ອລາກ

2.mouseMoved: ເມື່ອລາກແລ້ວ

ໝາຍເຫດ: ເຮົາມັກໃຊ້ໃນການກຳນົດການຍ້າຍ Jframe ເມື່ອເຮົາອອກແບບ Window bar ດ້ວຍຕົວເອງ

Multiple Choice

MouseMotion ເປັນເຫດການແບບໃດ

• ເຫດການນຳເມົ້າໄປຄິກໃສ່ Controls ຫຼື ລາກ Jframe

• ເຫດການໃນການໃຊ້ເມົ້າລາກ Controls ຫຼື ລາກ Jframe

• ເຫດການກົດປູ່ມທີ່ Controls ຫຼື ລາກ Jframe

• ເຫດການພິມທີ່ Controls ຫຼື ລາກ Jframe

4. ໂຄງສ້າງຂອງ Method ຂອງ Event

1. private: ການກຳນົດການເຂົ້າຖຶງ

2. void: ເຮັດວຽກພາຍໃນຕົວເອງ

3. btn_okActionPerformed : btn_ok ແມ່ນຊື່ຂອງຕົວປ່ຽນ Action ແມ່ນກຸ່ມເຫດການ Performed ແມ່ນເຫດການກົດປຸ່ມ

4. ໂຄງສ້າງຂອງ Method ຂອງ Event

4. ( java.awt.event.ActionEvent evt ) ແມ່ນທີ່ຢູ່ຂອງ java package ທີ່ເກັບ class performed ຢູ້ນຳມາໃຊ້ງານ

5.{ } ແມ່ນຂອບເຂດການເຮັດວຽກຂອງເຫດການ

6. // TODO add your handling code here: ແມ່ນການອະທິບາຍ ເຊີ່ງເຮົາຈະລົບອອກໄປ

Multiple Choice

// TODO add your handling code here: ທີ່ຢູ່ໃນໂຄງສ້າງຂອງເຫດການແມ່ນຫຍັງ

• ແມ່ນການກຳນົດການເຂົ້າເຖິງ

• ແມ່ນການກຳນົດກຸ່ມຂອງເຫດການ

• ແມ່ນການອະທິບາຍ ເຊີ່ງເຮົາຈະລົບອອກ

• ແມ່ນຊື່ຂອງເຫດການ

5. ເຂົ້າຫາ Events

ເວລາທີ່ເຮົາກຳນົດເຫດການຈາກພາກສ່່ວນ Design ບາງຄັ້ງໂປຣແກຣມ NetBeans ຈະບໍ່ໄດ້ພາເຮົາໄປທີ່ໂຄງສ້າງຂອງເຫດການໂດຍກົງ ດັ່ງນັ້ນເຮົາຕ້ອງເຂົ້າໄປຫາເຫດການເອົາເອງ

1. ໄປທີ່ສ່ວນຂອງ Navigator

2. ເລືອກຊື່ເຫດການ

3. Double Click ໃສ່ເຫດການ

ເຄັດລັບ: ວິທີ່ງ່າຍ ແລະ ໄວຄື ຫຼັງຈາກເຮົາກຳນົດເຫດການສໍາເລັດໃຫ້ກົດປຸ່ມ Spacebar

6. ວິທີການລົບ Events

ການລົບ Event ແມ່ນເພື່ອໃຫ້ການຂຽນໂປຣແກຣມບໍ່ສັບສົນ ແລະ ເປັນການລົບ Event ທີ່ບໍ່ໄດ້ເຮັດວຽກອອກຈາກໂປຣແກຣມຂອງເຮົາ.

1. ເລືອກ Component > ຄິກຂວາ

2. ເລືອກ Properties

3. ເລືອກ tap > Event

ໝາຍເຫດ: ຖ້າ Component ໃດມີຊື່ຂຽນຢູ່ສະແດງວ່າໄດ້ມີການກຳນົດເຫດການແລ້ວ ຖ້າຂື້ນວ່າ <none> ແມ່ນຍັງບໍ່ກຳນົດເຫດການ

6. ວິທີການລົບ Events

4. ກົດປູ່ມ [...]

5. ເລືອກ Remove

6. OK

ໝາຍເຫດ: ໃຫ້ເຮົາອ່ານຊື່ຂອງເຫດການ Event ກ່ອນທີ່ຈະລົບທຸກຄັ້ງ

#. ສະຫຼຸບບົດຮຽນ

• #. ສະຫຼັບຂຽນໂຄດ - ອອກແບບ

• 1. ກຳນົດ ຊື່ຕົວປ່ຽນຂອງ Components

• 2. ຊື່ຫຍໍ້ຂອງ Controls

• 3. ເຫດການ Events

• 3.1. ກຸ່ມ Action

• 3.2 ກຸ່ມ Focus

• 3.3 ກຸ່ມ Item

#. ສະຫຼຸບບົດຮຽນ

• 3.4 ກຸ່ມ Key

• 3.5 ກຸ່ມ Mouse

• 3.6 ກຸ່ມ MouseMotion

• 4. ໂຄງສ້າງຂອງ Event

• 5. ເຂົ້າຫາ Events

• 6. ວິທີການລົບ Events

Poll

ໃຫ້ຄະແນນຫົວບົດ

• ງ່າຍ

• ປານກາງ

• ຍາກ

• ຍາກຫຼາຍ