Java GUI Unit 4

Java GUI Unit 4

ຄຸນສົມບັດ Properties

# ຄວາມໝາຍ

ເປັນການກຳນົດຮູບແບບຂອງ Jframe ຫຼື Component ເພື່ອໃຫ້ມີການອອກແບບທີ່ສວຍງາມ ແລະ ເໝາະສົມໃຫ້ການຕິຕໍ່ກັບຜູ້ໃຊ້ງານມີຄວາມໝ້າສົນໃຈ ແລະ ໃຊ້ງານງ່າຍຂື້ນ

ໝາຍເຫດ: Properties ຈະມີ tap ໃຫ້ເຮົາໄດ້ກຳນົດຄ່ານຳກັນ 3 ຮູບແບບ ຄື: Properties, Event ແລະ Code

#. ວິທີການກຳນົດຄຸນສົມບັດ

ຖ້າເຮົາຢາກກຳໜົດຄຸນສົມບັດເຮົາປະຕິບັດຕາມຂັ້ນຕອນດັ່ງຕໍ່ໄປນີ້

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

2. ເລືອກເອົາ Properties

ເຄັດລັບ: ເຮົາສາມາດກຳນົດຄຸນສົມບັດໄດ້ງ່າຍໆ ຢູ່ກ້ອງ Swing Container

ໝາຍເຫດ: ກ່ອນທີ່ຈະກຳນົດຄຸນສົມບັດໃຫ້ເຮົາ ເລືອກເອົາ Component ກ່ອນການກຳນົດທຸກຄັ້ງ!

# ອົງປະກອບຂອງຄຸນສົມບັດ

ເຮົາຈະສັງເກດເຫັນໄດ້ວ່າມີ 5 ພາກສ່ວນທີ່ເຮົາຄວນຮູ້ ແລະ ເຂົ້າໃຈ

1. Properties Tap: ປະເພດການກຳນົດຄຸນສົມບັດ

2. Selector: ແມ່ນເຄື່ອງມືທີ່ເຮົາໄດ້ເລືອກເອົາໄວ້

3. Category: ແມ່ນໝວດໝູ່ຂອງຄຸນສົມບັດ

4. Property name: ຊື່ຂອງຄຸນສົມບັດແຕ່ລະປະເພດ

5. Values: ຮູບແບບການກຳນົດຄ່າໃຫ້ກັບຄຸນສົມບັດ

ໝາຍເຫດ: ຖ້າເຮົາເລືອກເອົາ Component ຫຼາຍຕົວເຮົາຈະເຫັນໄດ້ທີ່ພາກສ່ວນ Selector

Multiple Choice

ອົງປະກອບ ສະແດງການເລືອກComponents ແມ່ນຂໍ້ໃດ

• Properties Tap

• Selector

• Property name

• Values

• Category

1. ຄຸນສົມບັດຂອງ Jframe Form

ຄຸນສົມບັດພື້ນຖານທີ່ເຮົາຄວນຈະຮູ້ກ່ຽວກັບ Jframe ນັ້ນກໍ່ຄື:

1. defaultCloseOperation

2. title

3. undecorated

4.type

1.1 defaultCloseOperation

ແມ່ນຄຸນສົມບັດໃນການກຳນົດຮູບແບບການປິດຂອງ Jframe ວ່າໃຫ້ມີຜົນແບບໃດ

ຈະມີວິທີການປັບນຳກັນຢູ່ 4 ຮູບແບບ

1. EXIT_ON_CLOSE : ອອກເມື່ອປິດ

2.HIDE : ເຊື່ອງ

3.DISPOSE : ປິດຕົວເອງ

4.DO_NOTHING: ບໍ່ເກີດຫຍັງຂື້ນ

ໝາຍເຫດ: ເວລາໃຊ້ DO_NOTHING ເຮົາບໍ່ສາມາດປິດແບບທຳມາດາໄດ້ ຖ້າຕ້ອງການປິດໃຫ້ປິດຜ່ານ Close Process

Multiple Choice

ເວລາເຮົາກຳນົດ defaultCloseOperation ເປັນ DO_NOTHING ເຮົາຄວນຈະປິດ Jframe ໄດ້ຈາກພາກສ່ວນໃດ

• Window bar

• Taskbar

• Close Process

1.2. title

ແມ່ນການກຳນົດຫົວຂໍ້ໃຫ້ກັບ Jframe ເພື່ອບອກວ່າ Jframe ນີ້ຊື່ຫຍັງ ຫຼື ເຮັດວຽກແບບໃດເປັນຕົ້ນ

ໝາຍເຫດ: ເຮົາຈະເຫັນຄຸນສົມບັດນີ້ໄດ້ ກໍ່ຕໍ່ເມື່ອເຮົາໄດ້ມີການ Run JFrame

Multiple Choice

ເຮົາຈະເຫັນຄຸນສົມບັດ Title ຂອງ Jframe ນີ້ໄດ້ຈາກວິທີການໃດຕໍ່ໄປນີ້

• ການ Preview Design

• ການອອກແບບ

• ການ Run Jframe

• ສະແດງຄຸນສົມບັດ

1.3. undecorated

ແມ່ນຄຸນສົມບັດໃນການ ນຳເອົາພາກສ່ວນຂອງ Window bar ອອກຈາກ Jframe

ໝາຍເຫດ: ເວລາປິດໃຫ້ເຮົາໃຊ້ ຂັ້ນຕອນທີ່ 3 ໃນການປິດ Jframe ວິທີການນີ້ເຮົາມັກໃຊ້ໄວ້ເພື່ອອອກແບບ Window bar ເອງ ຫຼື ເຮັດເປັນ popup ໄວ້ສະແດງຂໍ້ມູນເປັນຕົ້ນ

Multiple Choice

ຖ້າເຮົາ ບໍ່ ເລືອກເອົາ undecorated ພາກສ່ວນໃດຈະຫາຍໄປ

• Menu bar

• Window bar

• Title Bar

• ບໍ່ມີສ່ວນໃດຫາຍໄປ

1.4.type

ແມ່ນການກຳນົດລັກສະນະການສະແດງຜົນຂອງ Jframe ໃຫ້ມີຄວາມເໝາະສົມສະແດງຜົນ

#ລາຍການໃຫ້ເຮົາໃຊ້ມີ 4 ປະເພດ

1. NORMAL: ປົກກະຕິດ

2.UTILITY : ສະແດງຜົນ

3.POPUP : ແຈງເຕືອນ

4.null : ບໍ່ກຳນົດ

ໝາຍເຫດ: ສ່ວນຫຼາຍແລ້ວເຮົາໃຊ້ແຕ່ 1-3 ຕົວ

Multiple Choice

ລາຍການຂອງຄຸນສົມບັດ Type ທີ່ ໃຊ້ໄວສະແດງຜົນ ຢ່າງດຽວ

• NORMAL

• UTILITY

• POPUP

• null

2.ຄຸນສົມບັດພື້ນຖານຂອງ Component

ເປັນຄຸນສົມບັດທີ່ໃຊ້ໃນການອອກແບບ ໃນສ່ວນການສະແດງຜົນ ຫຼື ອາດຈະເປັນການຄວບຄຸມການເຮັດວຽກກໍ່ໄດ້ ເຮົາຈະແປ່ງຄຸນສົມບັດອອກເປັນ 3 ກຸ່ມໃຫ່ຍຄື

1. Properties

2. Other Properties

3. Layout

2.1 ກຸ່ມຂອງ Properties

ເປັນຄຸນສົມບັດທີ່ມັກໃຊ້ກັນຫຼາຍທີ່ສຸດ ຂອງການອອກແບບ ມີຢູ່ນຳກັນດັ່ງນີ້

1. background

2. font

3. foreground

4. horizontal Alignment

5. vertical Alignment

6. icon

7. text

8. tooltipText

2.1.1 ສີພື້ນຫຼັງ Background

ເປັນຄຸນສົມບັດທີ່ໃຊ້ໃນການກຳນົດສີພື້ນຫຼັງໃຫ້ກັບ Components ເພື່ອໃຫ້ມີສີເໝາະສົມ

ໝາຍເຫດ: ເຮົາສາມາປ້ອນຄ່າຂອງສີ 3 ຄ່າໃສ່ໄດ້ເລີຍ ຄື: R,G,B ເວລາປ້ອນຄ່າສີທັງສາມແມ່ນ ຫາມລົບຈຸດອອກ ເພາະຈະເຮັດໃຫ້ເກີດຂໍ້ຜິດພາດ (ຄ່າສູງສຸດທີ່ກຳນົດໄດ້ແມ່ນ 255)

2.1.2. ຕົວອັກສອນ font

ກຳນົດຕົວອັກສອນໃຫ້ມີຄວາມເໝາະສົມ ແລະ ງົດງາມ ເຊັ່ນ: ການປັບຂະໜາດ, ປະເພດຕົວອັກສອນ, ຮູບແບບຕົວອັກສອນ ເປັນຕົ້ນ

ໝາຍເຫດ: ຖ້າຫາກວ່າ Phetsarath OT ບໍ່ເຫັນໃຫ້ເຮົາຕິດຕັ້ງໃໝ່ແບບ Install all user

2.1.3. ສີຕົວອັກສອນ foreground

ເປັນຄຸນສົມບັດທີ່ໃຊ້ໃນການກຳນົດສີພື້ນຫຼັງໃຫ້ກັບ Components ເພື່ອໃຫ້ມີສີເໝາະສົມ

ໝາຍເຫດ: ເວລາໃສ່ສີໃຫ້ເຮົາເລືອກເອົາສີທີ່ຕ່າງຈາກ ສີຂອງພື້ນຫຼັງເພື່ອ ຄວາມແຕກຕ່າງ

2.1.4 ຕຳແໜ່ງຕົວອັກສອນ horizontal Alignment

ແມ່ນການຈັດລຽງຕົວອັກສອນ ຕາມລວງນອນ ເພື່ອໃຫ້ຕົວອັກສອນຢູ່ຕໍາແໜ່ງທີ່ຕ້ອງການ ມີນຳກັນ 5 ລາຍການ

1. LEADING: ເລີ່ມຕົ້ນຊ້າຍ

2. LEFT : ຊ້າຍ

3. CENTER : ເຄິ່ງກາງ

4. TRAILING: ເລີ່ມຕົ້ນຂວາ

5. RIGHT : ຂວາ

2.1.5. ຕຳແໜ່ງຕົວອັກສອນ vertical Alignment

ແມ່ນການຈັດລຽງຕົວອັກສອນ ຕາມລວງຕັ້ງ ເພື່ອໃຫ້ຕົວອັກສອນຢູ່ຕໍາແໜ່ງທີ່ຕ້ອງການ ມີນຳກັນ 3 ລາຍການ

1. TOP : ເທິ່ງ

2. CENTER : ເຄິ່ງກາງ

3. BOTTOM : ລຸ່ມ

2.1.6 ໃສ່ຮູບພາບ icon

ແມ່ນການກຳນົດຮູບພາບໃຫ້ສະແດງໃນ Component ສິ່ງທີ່ເຮົາຕ້ອງກຳນົດຄື

1. Package: ບ່ອນຈັດເກັບຮູບ

2. File: ຊື່ຂອງຮູບພາບ

ໝາຍເຫດ: ຮູບທີ່ນຳມາສະແດງຕ້ອງມີນາມສະກຸນ png, jpg ແລະ gif ( ເຮົາຕ້ອງນຳຮູບມາໄວ້ທີ່ package ກ່ອນຈື່ງຈະສາມາດກຳນົດ icon ໄດ້ ) ຂະໜາດຂອງຮູບຕ້ອງພໍດີກັບ Components

Multiple Choice

ນາມສະກຸນຮູບຕົວໃດ ທີ່ເຮົາໃຊ້ກຳນົດຮູບພາບໃຫ້ Component

• npg

• pnj

• gib

• gif

2.1.7 ຂໍ້ຄວາມ text

ແມ່ນການໃສ່ຂໍ້ຄວາມໃຫ້ກັບ Components ເພື່ອອອກ ຫຼື ສະແດງຄຳເວົ້າ, ອະທິບາຍ ເປັນຕົ້ນ

2.1.8. ຄຳແນະນຳ tooltipText

ແມ່ນການກຳນົດຄຳແນະນຳໃຫ້ກັບ Components ເພື່ອແນະນຳ ຫຼື ອະທິບາຍວ່າ ເຄື່ອງມື ໃຊ້ໄວ້ເຮັດຫຍັງ

ໝາຍເຫດ: ສຳລັບພາສາລາວຕ້ອງໄດ້ຂຽນໂຄດເພີ່ມເຕີມ

ໂດຍໃຊ້ໂຄດຕໍ່ໄປນີ້:

UIManager.put("ToolTip.font", new FontUIResource("Phetsarath ot", 1, 16));

2.2. ກຸ່ມຂອງ Other Properties

ແມ່ນກຸ່ມຂອງຄຸນສົມບັດອື່ນໆ ທີ່ສຳຄັນ ແລະ ມັກໃຊ້ງານຫຼາຍ

1. border

2. cursor

3. enabled

4. icon Text Gap

5. opaque

2.2.1 ເສັ້ນຂອບ border

ແມ່ນການໃສ່ເສັ້ນຂອບໃຫ້ກັບ Component ລວມເຖິງກຳນົດປະເພດຂອງເສັ້ນຂອບ ເຊິ່ງຈະມີນຳກັນຢູ່ 9 ຮູບແບບ ແຕ່ຮູບແບບທີ່ນິຍົມໃຊ້ມີພຽງ 4 ຮູບແບບ

1. (No Border) : ບໍ່ມີເສັ້ນຂອບ

2. Line Border : ມາດຕະຖານ

3. Matte Border : ກຳນົດເສັ້ນ

4. Titled Border: ຫົວຂໍ້

-. No Border

ບໍ່ໃສເສັ້ນຂອບໃຫ້ກັບ Component

ໝາຍເຫດ: ເມື່ອເຮົາເລືອກຄຸນສົມບັດ no border ເຮົາຈະກຳນົດຄ່າຂອງ ເສັ້ນຂອບໄດ້

-. Line Border

ໃສເສັ້ນຂອບໃຫ້ກັບ Component ແລະ ເຮົາຍັງສາມາດກຳນົດຄຸນສົມບັດຂອງເສັ້ນຂອບໄດ້

1. Color : ສີ

2. Rounded Corners : ຄວາມໂຄງມົນ

3. Thickness: ຄວາມໜາ

ໝາຍເຫດ: ຄຸນສົມປັບຂອງເສັ້ນຂອບຈະແຕກຕ່າງກັນໄປ ຕາມຮູບແບບຂອງເສັ້ນຂອບ

-. Matte Border

ໃສເສັ້ນຂອບໃຫ້ກັບ Component ທີ່ສຳຄັນແມ່ນເຮົາສາມາດກຳນົດການສະແດງຂອງເສັ້ນຂອບແຕ່ງມຸມໄດ້ ຄຸນສົມບັດ Insets

- top : ເທິງ

- left : ຊ້າຍ

- bottom : ລຸ່ມ

- right : ຂວາ

ໝາຍເຫດ: ຄ່າທີ່ເຮົາກຳລົດລົງໄປແມ່ນຂະໜາດຂອງເສັ້ນຂອບ ຖ້າບໍ່ຍາກໃຫ້ມີເສັ້ນຂອບແມ່ນໃສ່ເລກ 0 ຕົວຢ່າງ: [0, 2, 3, 1]

-. Titled Border

ແມ່ນເຮົາກຳນົດຫົວຂໍ້ໃຫ້ກັບ Component ຂໍ້ດີເຮົາສາມາດກຳນົດປະເພດເສັ້ນຂອບ ແລະ ຕຳແໜ່ງຂອງຫົວຂໍ້ເປັນຕົ້ນ ຄຸນສົມບັດມີດັ່ງນີ້:

1. Border : ຮູບແບບເສັ້ນຂອບ

2. Title: ຫົວຂໍ້

3. Color: ສີຫົວຂໍ້

3. Font: ຮູບແບບຕົວອັກສອນ

4. Justification: ຕຳແໜ່ງລວງນອນ

5. Position : ຕຳແໜ່ງລວງຕັ້ງ

# Titled Border

ເສັ້ນຂອບແມ່ນຂື້ນກັບຮູບແບບທີ່ເຮົາກຳນົດ ຖ້າເຮົາບໍ່ກຳນົດ ຈະສະແດງພຽງແຕ່ຫົວຂໍ້ຂອງເສັ້ນຂອບເທົ່ານັ້ນ

Multiple Choice

Matte Border ແມ່ນການກຳນົດເສັ້ນຂອບແບບໃດ

• ກຳນົດການສະແດງຂອງເສັ້ນຂອບ

• ສະແດງຂອງເສັ້ນຂອບ

• ກຳນົດຫົວຂໍ້ໃຫ້ກັບເສັ້ນຂອບ

• ບໍ່ເອົາເສັ້ນຂອບ

2.2.2 ຕົວຊີ້ເມົ້າ cursor

ແມ່ນການກຳນົດຮູບແບບຂອງຕົວຊີ້ເມົ້າ ເມືອເຮົາເລືອກ ຕົວຊີ້ເມົ້າໃສທີ່ Component

ໝາຍເຫດ: ຕົວຊີ້ເມົ້າຈະສະແດງກໍ່ຕໍ່ເມື່ອ ເຮົາມີການ Run Jframe ເທົ່ານັ້ນ ຖ້າເຮົາ Preview Design ຕົວຊີ້ເມົ້າຈະບໍ່ສະແດງ

2.2.3 ເປີດໃຊ້ງານ enabled

ແມ່ນການກຳນົດຄວາມສາມາດໃນການນຳໃຊ້ ຫຼື ການໃຊ້ງານ Component ເອົາໄວ້ເຊິ່ງເຮົາ ສາມາດກຳນົດການ ເປີດ-ປິດ ໄດ້ ຫຼື ຂຽນໂຄດຄວບຄຸມກໍ່ໄດ້ເຊັ່ນດຽວກັນ

2.2.4 ຄວາມຮ່າງ icon Text Gap

ແມ່ນການກຳນົດໄລຍະຮ່າງລະຫ່ວາງ ຮູບກັບຂໍ້ຄວາມ ວ່າຕ້ອງການຄວາມຮ່າງຫຼາຍໜ້ອຍປານໃດ

2.2.5 ພື້ນຫຼັງ opaque

ແມ່ນການກຳນົດວ່າຕ້ອງການຍາກໃຫ້ Component ຂອງເຮົາມີພື້ນຫຼັງ ຫຼື ບໍ່

2.3. Layout

ຄຸນສົມບັດການຈັດວາງ ຕໍາແໜ່ງ, ຂະໜາດ ແລະ ຮູບແບບການວາງໃຫ້ກັບ Component

ໝາຍເຫດ: ຄຸນສົມບັດຂອງ Layout ຈະປ່ຽນໄປຕາມປະເພດຂອງ ການຈັດວາງ Layout ທີ່ເຮົາໄດ້ກຳນົດໄວ້ ເຊິ່ງ Layout ເລີ່ມຕົ້ນແມ່ນ Free Design

2.3.1 ຄຸນສົມບັດ Layout

1. X : ຕໍາແໜ່ງຕາມລວງນອນ

2. Y : ຕໍາແໜ່ງຕາມລວງຕັ້ງ

3. Width : ຂະໜາດຄວາມກ້ວາງ

4. Height : ຂະໜາດຄວາມສູງ

5. Horizontal Size : ຂະໜາດລວງນອນ

6. Vertical Size : ຂະໜາດລວງຕັ້ງ

7. Horizontal Resizable: ຂະຫຍາຍລວງນອນ

8. Vertical Resizable: ຂະຫຍາຍລລວງຕັ້ງ

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

• #. ວິທີການກຳນົດຄຸນສົມບັດ

• # ອົງປະກອບຂອງຄຸນສົມບັດ

• 1. ຄຸນສົມບັດຂອງ Jframe Form

• 1.1 defaultCloseOperation

• 1.2. title

• 1.3. undecorated

• 1.4.type

2.ຄຸນສົມບັດພື້ນຖານຂອງ Component

• 2.1 ກຸ່ມຂອງ Properties

• 2.1.1 ສີພື້ນຫຼັງ Background

• 2.1.2. ຕົວອັກສອນ font

• 2.1.3. ສີຕົວອັກສອນ foreground

• 2.1.4 ນອນ horizontal Alignment

• 2.1.5. ລວງຕັ້ງ vertical Alignment

• 2.1.6 ໃສ່ຮູບພາບ icon

2.ຄຸນສົມບັດພື້ນຖານຂອງ Component

• 2.1.7 ຂໍ້ຄວາມ text

• 2.1.8. ຄຳແນະນຳ tooltipText

2.2. ກຸ່ມຂອງ Other Properties

• 2.2.1 ເສັ້ນຂອບ border

• -. No Border

• -. Line Border

• -. Matte Border

• -. Titled Border

2.2. ກຸ່ມຂອງ Other Properties

• 2.2.2 ຕົວຊີ້ເມົ້າ cursor

• 2.2.3 ເປີດໃຊ້ງານ enabled

• 2.2.4 ຄວາມຮ່າງ icon Text Gap

• 2.2.5 ພື້ນຫຼັງ opaque

2.3. Layout

• X ,Y

• Width, Height

• Horizontal Size, Vertical Size 

• Horizontal & Vertical Resizable

Open Ended

ຄຳຄິດເຫັນກ່ຽວກັບບົດຮຽນ ຄວນເພີ່ມ ຫຼື ຫຼຸດຈຸດໃດ ເພື່ອໃຫ້ເຂົ້າໃຈໄດ້ຫຼາຍຂື້ນ

Poll

ປະເມີນບົດຮຽນ

• ງ່າຍ

• ປານກາງ

• ຍາກ

• ຍາກຫຼາຍ