Java GUI Unit 5

Java GUI Unit 5

Layout of Jframe & JPanel

#. ຄວາມໝາຍ

ໃນການຂຽນ Java GUI ສິ່ງທີ່ຕ້ອງຮູ້ອັນທຳອິດນັ້ນກໍ່ຄື Jframe ແລະ Layout ເຊິ່ງວ່າ Layout ເປັນຮູບແບບການຈັດວາງ Component Controls ຕ່າງໆ ເຊັ່ນການຈັດວາງຕາຕຳແໜ່ງແກນ X, Y ຫຼື ການຈັດວາງຕາມລວງຕັ້ງລວງນອນ ນອກຈາກນີ້ຍັງມີ Layout ແບບອື່ນໆ ໃຫ້ເຮົາໄດ້ໃຊ້ງານ.

#. ການກຳນົດ Layout

ເຮົາສາມາດກຳນົດ Layout ໃຫ້ກັບ Jframe ແລະ Swing Containers ໄດ້ເທົ່ານັ້ນສ່ວນ Swing Controls ແມ່ນເຮົາຈະບໍ່ສາມາດກຳນົດ Layout

1. ເລືອກ Jframe ຫຼື JPanel

2. ຄິກຂວາ > Set Layout

3. ເລືອກຮູບແບບ Layout

ໝາຍເຫດ: AbsoluteLayout ເປັນທີ່ນິຍົມໃຊ້ກັນຫຼາຍທີ່ສຸດເພາະໃຊ້ງານງາຍ

1. ປະເພດຂອງ Layout

ແມ່ນປະເພດຂອງການຈັດວາງວ່າເຮົາຈະຈັດວາງ Component Controls ໃນຮູບແບບໃດ ເຊິ່ງຈະມີນຳກັນທັງໝົດ: 8 ຮູບແບບທີ່ນິຍົມໃຊ້ກັນ

1.1 Absolute Layout

ເປັນການຈັດວາງ Layout ໃນຮູບແບບຂອງແກນ X, Y ໂດຍອາງອີງຈາກ Controls ຈາກຕໍາແໜ່ງຕ່າງໆ ທີ່ຢູ່ໃນ Jframe ມາອາອ້າງອີງ

ໝາຍເຫດ: ຄ່າຂອງແກນ X, Y ຈະຖືກກຳນົດອັດຕະໂນມັດເມື່ອເຮົາວາງ Controls ລົງໃນ Jframe ເຮົາກວດສອບໄດ້ຈາກ ຄຸນສົມບັດ

ເຄັດລັບ: ຖ້າຕໍາແໜ່ງບໍ່ເໝາະສົມເຮົາສາມາດກຳນົດຄ່າ x, y ທີ່ຄຸນສົມບັດ # Layout

1.2 Free Design

ເປັນຮູບແບບການວາງ Layout ເລີ່ມຕົ້ນຂອງ JFrame ທີ່ໄດ້ກຳນົດໄວ້ໃຫ້ເຮົາ ເປັນການຈັດວາງຕາມລວງ ຕັ້ງ ແລະ ລວງນອນ ຂໍ້ດີຄືຂະໜາດຂອງ Swing ຈະປ່ຽນແປງຕາມ ຂະໜາດຂອງ Jframe

ໝາຍເຫດ: ເຮົາສາມາດກຳນົດຄ່າຂອງ ລວງຕັ້ງ-ລວງນອນ ໄດ້ຈາກການ Double Click ໃສ່ເສັ້ນ ແລ້ວປ້ອນຂະໜາດຕາມໃຈ.

# ຮູບແບບເສັ້ນ Free Design

ເຮົາສັງເກດໄດ້ຈາກ ເສັ້ນຊື່ ແລະ ເສັ້ນຊິກແຊກ

- ເສັ້ນຊື່: ຄົງທີ່ບໍ່ປ່ຽນແປງ

- ເສັ້ນຊິກແຊກ: ປ່ຽນແປງການຂະໜາດໄດ້

ເຄັດລັບ: ເວລາເຮົາ Double Click ໃສ່ເສັ້ນ ຖ້າເລືອກເອົາ ຕິກ Resizable ແມ່ນປ່ຽນແປງໄດ້ ບໍ່ຕິດແມ່ນ ຄົງທີ່ບໍ່ປ່ຽນແປງ

Multiple Choice

ຮູບແບບ ເສັ້ນຊື່ ຂອງ Free Design ໝາຍເຖິງຫຍັງ?

• ປ່ຽນແປງໄປໄດ້

• ຄົງທີ່ບໍ່ປ່ຽນແປງ

• ຂະຫຍາຍຂະໜາດ

• ລົບຂະໜາດ

1.3 Border Layout

ເປັນການກຳນົດຮູບແບບ Layout ທີ່ກຳນົດຕຳແໜ່ງທີ່ແນ່ອນຄືຈະປະກອບດ້ວຍ NORTH : ເທິງ, SOUTH: ລຸ່ມ, EAST: ຂວາ, WEST: ຊ້າຍ, CENTER : ເຄິ່ງກາງ

ໝາຍເຫດ: ຖ້າເຮົານຳເອົາ Component ມາວ່າງໃສ່ໃນສ່ວນຂອງ Center Component ນັ້ນຈະຂະຫຍາຍເຕັມ Layout ທັນທີ ສັງເກດຈາກຂອບສີສົ້ມ ຈະສະແດງບອກຕໍາແໜ່ງ

Multiple Choice

Border Layout ມີຈັກພາກສ່ວນ ?

• 2

• 5

• 6

• 8

1.4 Box Layout

ເປັນການຈັດວາງ Layout ແລະ Controls ແບບກ່ອງ ຄືຈະລຽງຕໍ່ກັນຕາມແກນ X, Y ລວງນອນ, ລວງຕັ້ງ ຂື້ນກັບການກຳນົດ

1.5 Card Layout

ເປັນການຈັດວາງແບບ Stack Layer ຊ້ອນທັບກັນ ແລະ ສາມາດສະຫຼັບ Layer ໃນການສະແດງໂດຍການໃຊ້ JPanel ເປັນຕົວຄວບຄຸມ

ໝາຍເຫດ: ການສະແດງ Layer ແຕ່ລະຕົວຕ້ອງຂຽນຄຳສັ່ງໃນການສະແດງຜົນເອງ

1.6 Flow Layout

ເປັນການຈັດວາງແບບເປັນລຳດັບ 1,2,3,4..ແຕ່ເຮົາສາມາດຄວບຄຸມລຳດັບ ໃຫ້ສະຫຼັບກັນໄດ້ ຈາກຊ້າຍໄປຂວາ ຫຼື ຈາກຂວາໄປຊ້າຍ

1.7 Grid Layout

ເປັນການຈັດວາງແບບຕາຕະລາງເຮົາສາມາດນຳເອົາ Controls ຕ່າງໆໄປວາງ ລົງໄປໃນແຕ່ລະ Cell ໄດ້ ເຊິ່ງ Controls ແຕ່ລະໂຕຂະຖືກປັບຂະໜາດໃຫ້ເທົ່າກັນ

1.8 Grid Bag Layout

ເປັນການຈັດວາງຄ້າຍຄືກັນກັບ Grid Layout ຕ່າງກັນທີ່ວ່າ ເຮົາສາມາດກຳນົດຂະໜາດຄວາມກ້ວາງຄວາມສູງຕາໃຈ ແລະ ແຕ່ລະ Cell ຈະຖືກປັບຂະໜາດໄປຕາມ Controls ທີ່ຢູ່ທາງໃນ

2. ໃຊ້ JPanel ເປັນ Layout

ເປັນການໃຊ້ JPanel ເພື່ອເປັນ Layout ແລະ ເປັນພື້ນຫຼັງແທນ Jframe ສະເໝີ ເພາະວ່າເຮົາອອກແບບ JPanel ໄດ້ງ່າຍກ່ວາ Jframe ຫຼາຍຢ່າງ.

1. ເລືອກ Jframe > set Layout

2. ເລືອກ Border Layout

3. ນຳ JPanel ມາວາງທີ່ສ່ວນ Center ຂອງ Border Layout

ໝາຍເຫດ: ເມື່ອເຮົາປະຕິບັດຕາມຂັ້ນຕອນສຳ ເລັດແລ້ວເຮົາຈຶ່ງກຳນົດ Layout ທີ່ JPanel ຕາຕ້ອງການໄດ້ເລີຍ

Multiple Choice

ເປັນຫຍັງຕ້ອງ ການໃຊ້ JPanel ເປັນ Layout ແທນ Jframe

• ອອກແບບໂຄດງ່າຍ

• ອອກແບບ JPanel ໄດ້ງ່າຍກ່ວາ Jframe

• Jframe ອອກແບບ Layout ບໍ່ໄດ້

• ຖືກໝົດ

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

#. ການກຳນົດ Layout

1. ປະເພດຂອງ Layout

1.1 Absolute Layout

1.2 Free Design

# ຮູບແບບເສັ້ນ

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

1.3 Border Layout

1.4 Box Layout

1.5 Card Layout

1.6 Flow Layout

1.7 Grid Layout

1.8 Grid Bag Layout

2. ໃຊ້ JPanel ເປັນ Layout

Poll

ຄະແນນຫົວບົດ

• ງ່າຍ

• ປານກາງ

• ຍາກ

• ຍາກຫຼາຍ