Search Header Logo
Java GUI Unit 11

Java GUI Unit 11

Assessment

Presentation

Computers

University

Hard

Created by

Kittisay SENGTHONG

FREE Resource

32 Slides • 1 Question

1

Java GUI Unit 11

ໂປຣແກຣມຈັດການຂໍ້ມູນພະນັກງານ

Slide image

2

ສິ່ງທີ່ຈະໄດ້ຮຽນ

1. ການໃຊ້ງານ JFileChoose

2. ກຳນົດຮູບພາບ & ຂະໜາດຂອງຮູບພາບ

3. ການໃຊ້ງານ Redio button

4. ການໃຊ້ງານ Combobox

5. ການກຳນົດຄວາມຖືກຕ້ອງຂອງຂໍ້ມູນ

Slide image

3

I. ການໃຊ້ງານ JFileChoose

ແມ່ນໜ້າຕ່າງ Dialog ທີ່ຊ່ວຍໃຫ້ເຮົາເຂົ້າເຖິງເອກະສານ ຫຼື ໄຟລ໌ທີ່ຢູ່ໃນຄອມພິວເຕີ ໂດຍເຮົາສາມາດກຳນົດທີ່ຢູ່ໃນການເລືອກເອກະສານ ຫຼື ກຳນົດປະເພດຂອງເອກະສານໄດ້

Slide image

4

1.1 ວິທີ່ໃຊ້ JFileChoose

ຄຳສັ່ງທີ່ຕ້ອງຮູ້:

1 ການເອີ້ນໃຊ້ JFileChooser

JFileChooser chooser = new JFileChooser();

2 ການກຳນົດປະເພດຂອງໄຟລ໌

FileNameExtensionFilter filter = new FileNameExtensionFilter(

        "JPG,GIF & PNG Images", "jpg", "gif", "png");

chooser.setFileFilter(filter);

3 ສັ່ງໃຫ້ JFileChooser ສະແດງຜົນ

int show = chooser.showOpenDialog(this);

4. ກວດສອບຂໍ້ມູນເມື່ອກົດປຸ່ມທີ່ Dialog

if (show == JFileChooser.APPROVE_OPTION) {

 chooser.getSelectedFile().getPath();

}

5

1.2 ວິທີ່ໃຊ້ JFileChoose

ການໃຊ້ງານ JFileChoose ເພື່ອໄປເລືອກຮູບຂອງພະນັກງານເພື່ອນຳມາສະແດງທີ່ Label

Slide image

6

II. ກຳນົດຮູບພາບ & ຂະໜາດຂອງຮູບພາບ

ເຮົາຈະໃຊ້ຄຸນສົມບັດ Icon ໃນການກຳນົດຮູບພາບໃຫ້ກັບ Lable ເພື່ອສະແດງຮູບພາບຂອງພະນັກງານທີ່ເຮົາໄດ້ເລືອກໄວ້

Slide image

7

2.1 ວິທີກຳນົດຮູບພາບ ແລະ ຂະໜາດ

ຄຳສັ່ງທີ່ຕ້ອງຮູ້

- ເອີ້ນໃຊ້ງານ ImageIcon ເພື່ອເກັບຮູບພາບເອົາໄວ້

ImageIcon icon = new ImageIcon(txt_Image.getText());

- ກຳນົດຂະໜາດຮູບພາບ

Image scaleImage = icon.getImage().getScaledInstance(150, 150, Image.SCALE_DEFAULT);

- ກຳນົດ Icon ໃຫ້ Lable ຮູບພາບ

lbl_Image.setIcon(new ImageIcon(scaleImage));

8

2.2 ສະແດງຮູບພາບ

ເຮົາຈະຂຽນຢູ່ໃນຂອງຂຽດຂອງ FileChooser ເມື່ອກົດ open ໃຫ້ຮູບສະແດງທັນທີ

Slide image

9

Slide image

10

III. ການໃຊ້ງານ Redio button

ເຮົາໃຊ້ Redio ເມື່ອເຮົາຕ້ອງການໃຫ້ເລືອກຂໍ້ມູນທີ່ຕ້ອງການແຕ່ຕົວດຽວ ເຊັ່່ນ ເລືອກເພດ, ເລືອກແຂວງ ຫຼື ເລືອກພາກວິຊາຮຽນເປັນຕົ້ນ

Slide image

11

3,1 ການໃຊ້ງານ Redio Button

ຄຳສັ່ງທີ່ຕ້ອງຮູ້

- ຄຳສັ່ງດຶງຄຸນສົມບັດ Text

Rediobutton.getText();

- ຄຸນສົມບັດກວດສອບການເລືອກ Redio

Rediobutton.isSelected()

- ເງື່ອນໄຂມັກໃຊ້ງານກັບ Redio

    if (Rediobutton.isSelected()) {

      //ເລືອກ

    }else{

      //ບໍ່ເລືອກ

    }


12

3.2 ການໃຊ້ງານ Redio

ເມື່ອເຮົາກົດປຸ່ມບັນທຶກໃຫ້ຊື່ຂອງພະນັກງານສະແດງຂື້ນຕົນດ້ວຍ ທ້າວ ຫຼື ນາງ ຖ້າເລືອກເພດຊາຍ ຈະສະແດງທ້າວ

Slide image

13

Slide image

14

IV. ການໃຊ້ງານ Combobox

ແມ່ນການສະແດງຜົນລາຍການເປັນລຳດັບ

Slide image

15

4.1 ການໃຊ້ງານ Combobox

ຄຳສັ່ງທີ່ຕ້ອງຮູ້

- ຄຳສັ່ງດຶງຂໍ້ມູນລາຍການທີ່ເລືອກ

combobox.getSelectedItem();

- ຄຳສັ່ງແປງລາຍການໃຫ້ເປັນຕົວໜັງສື

toString()

16

4.2 ການໃຊ້ງານ Combobox

ເມື່ອເຮົາກົດປຸ່ມບັນທຶກໃຫ້ຂໍ້ມູນລາຍການທີ່ເຮົາເລືອກໄປສະແດງທີ່ label ໜ້າທີ່ຮັບຜິດຊອບ

Slide image

17

Slide image


18

V. ກຳນົດຄວາມຖືກຕ້ອງຂອງຂໍ້ມູນ

ເປັນວິທີການກວດສອບຂໍ້ມູນກ່ອນທີ່ຈະນຳມາໃຊ້ງານວ່າມີຄວາມຖືກຕ້ອງ ຫຼື ບໍ່ ເພື່ອບໍ່ໃຫ້ຂໍ້ມູນທີ່ໄດ້ມາ ຫຼື ມີຂໍ້ຜິດພາດທີ່ເກີດຂື້ນໄດ້ ເຊັ່ນ: ກວດສອບຄ່າວ່າງເປົ່າ, ກວດສອບຕົວເລກ, ວັນທີ່ ວ່າຜູ້ໃຊ້ງານປ້ອນຂໍ້ມູນຖືກຕ້ອງ ຫຼື ບໍ່

Slide image

19

# ຄຳສັ່ງທີ່ໃຊ້ກວດສອບຂໍ້ມູນ

ຄຳສັ່ງທີ່ຕ້ອງຮູ້

1. ກວດສອບຄ່າວ່າງເປົ່າ

- equals("") ຫຼື == null

2. ປ້ອນໄດ້ແຕ່ຕົວເລກ ເຫດການ keyTyped

if (!Character.isDigit(evt.getKeyChar())) {

  evt.consume();

}

20

# ຄຳສັ່ງທີ່ໃຊ້ກວດສອບຂໍ້ມູນ

ຄຳສັ່ງທີ່ຕ້ອງຮູ້

3. ກຳນົດຈຳນວນການພິມ ເຫດການ keyTyped

if (textFieldName.getText().length() >= 3) {

   evt.consume();

}

4. ກວດສອບຖ້າບໍ່ເລືອກ Combobox

Combobox.getSelectedIndex() == -1;

21

5.1. ກວດສອບຄ່າວ່າງເປົ່າ

ນິຍົມໃຊ້ໃນການກວດສອບຂໍ້ມູນທີ່ບໍ່ມີການປ້ອນ ຫຼື ຂໍ້ມູນທີ່ວ່າງເປົ່າ ເພື່ອກັນບໍ່ໃຫ້ມີການນຳຂໍ້ມູນເປົ່າໄປໃຊ້ງານນັ້ນເອງ

Slide image

22

Slide image

1. ກວດສອບຄ່າວ່າງເປົ່າ

23

5.2. ປ້ອນໄດ້ແຕ່ຕົວເລກ

ເຮົາຈະກຳນົດໃຫ້ Textfield ສາມາດປ້ອນໄດ້ແຕ່ຕົວເລກເທົ່ານັ້ນ ເຊັ່ນ: ການປ້ອນຂໍ້ມູນອາຍຸ, ເບີໂທ ແລະ ຈຳນວນເງິນເປັນຕົ້ນ

ໝາຍເຫດ: ຂຽນໂຄດໃນເຫດການ KeyTyped

Slide image

24

5.3. ກຳນົດຈຳນວນການພິມ

ເຮົາຈະກຳນົດໃຫ້ຜູ້ໃຊ້ງານປ້ອນຂໍ້ມູນຕົວເອກສອນຕາມຈຳນວນທີ່ໄດ້ກຳນົດໄວ້ເທົ່ານັ້ນເຊັ່ນ: ອາຍຸປ້ອນໄດ້ແຕ່ 2 ຕົວ ຫຼື ເບີໂທປ້ອນໄດ້ບໍ່ເກີນ 8 ຕົວເປັນຕົ້ນ

ໝາຍເຫດ: ຂຽນໂຄດໃນເຫດການ KeyTyped

Slide image

25

5.4. ກວດສອບ Combobox

ເວລາທີ່ເຮົາເລືອກຂໍ້ມູນທີ່ຢູ່ໃນ Combox ບາງຄັ້ງເຮົາອາດຈະນຳນົດຄ່າເລີ່ມຕົ້ນເປັນຂໍ້ມູນຕົວໜັງສື ຫຼື ບໍ່ມີຂໍ້ມູນສະແດງຂື້ນມາເຮົາສາມາດກວດສອບໄດ້ຈາກ index ທີ່ຢູ່ໃຊ້ເລືອກ

ໝາຍເຫດ: ຄ່າເລີ່ມຕົ້ນຂອງ Combox ແມ່ນ 0

Slide image

26

Slide image

27

Slide image

28

Poll

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

ງ່າຍ

ປານກາງ

ຍາກ

ຍາກຫຼາຍ

29

I. ການໃຊ້ງານ JFileChoose

  • 1 ການເອີ້ນໃຊ້ JFileChooser

  • 2 ການກຳນົດປະເພດຂອງໄຟລ໌

  • 3 ສັ່ງໃຫ້ JFileChooser ສະແດງຜົນ

  • 4. ກວດສອບຂໍ້ມູນເມື່ອກົດປຸ່ມທີ່ Dialog

Slide image

30

II. ກຳນົດຮູບພາບ & ຂະໜາດຂອງຮູບພາບ

  • ເອີ້ນໃຊ້ງານ ImageIcon

  • ກຳນົດຂະໜາດຮູບພາບ

  • ກຳນົດ Icon ໃຫ້ Lable ຮູບພາບ

Slide image

31

III. ການໃຊ້ງານ Redio button

  • ຄຳສັ່ງດຶງຄຸນສົມບັດ Text

  • ຄຸນສົມບັດກວດສອບການເລືອກ Redio

  • ເງື່ອນໄຂມັກໃຊ້ງານກັບ Redio

Slide image

32

IV. ການໃຊ້ງານ Combobox

  • ຄຳສັ່ງດຶງຂໍ້ມູນລາຍການທີ່ເລືອກ

  • ຄຳສັ່ງແປງລາຍການໃຫ້ເປັນຕົວໜັງສື

Slide image

33

V. ກຳນົດຄວາມຖືກຕ້ອງຂອງຂໍ້ມູນ

  • 1. ກວດສອບຄ່າວ່າງເປົ່າ

  • 2. ປ້ອນໄດ້ແຕ່ຕົວເລກ

  • 3. ກຳນົດຈຳນວນການພິມ

  • 4. ກວດສອບຖ້າບໍ່ເລືອກ Combobox

Slide image

Java GUI Unit 11

ໂປຣແກຣມຈັດການຂໍ້ມູນພະນັກງານ

Slide image

Show answer

Auto Play

Slide 1 / 33

SLIDE