Java GUI Unit 6

Java GUI Unit 6

Design From

#. ອອກແບບໜ້າ Login

ວິທີການອອກແບບໜ້າຕ່າງ Jframe ກ່ອນອື່ນໝົດສິ່ງທີ່ເຮົາຕ້ອງເຂົ້າໃຈກໍ່ຄື Swing ທີ່ຈະນຳມາອອກແບບ ວ່າຄວນໃຊ້ຕົວໃດ ການຈັດ ວາງ Layout ຮູບແບບໃດຈະເໜາະສົມ.

1. ອອກແບບ Jframe

ກ່ອນອື່ນຕ້ອງມີ Jframe ເພື່ອເປັນໜ້າຕ່າງອອກແບບ

1. defaultCloseOperation: EXIT_ON_CLOSE

2. title: My title Name

----------------- Tap Code ------------------

3. Form Size Policy: Generate Resize Code

4. Generate Size: True

5. Generate Center: True

6. Designer Size: [700, 400]

-----------------------------------------------

#. Layout: Border Layout

2. ອອກແບບ JPanel background

ຕໍ່ມານຳ JPanel ມາວາງລົງໄປໃນ Jframe ເວລາວາງໃຫ່້ວາງລົງໄປໃນສ່ວນ Center ຂອງ Border Layout

1. background [15,50,120]

---------------------------------------------

# Layout: Absolute Layout

3.ອອກແບບ Panel 2

ນຳ JPanel ມາວາງລົງໄປເພື່ອແບ່ງສ່ວນໃນການອອກແບບ

1. background [242,242,242]

2. X 0

3. Y 0

4. Width 340

5. Height 400

------------------------------------

#. Layout: Absolute Layout

4. ອອກແບບ JLabel 1

ນຳ JLabel ມາວ່າງລົງໄປເພື່ອຂຽນຂໍ້ຄວາມ Welcome to my Program

1. font Phetsarath OT 24 Bold

2. foreground [15,50,120]

3. horizontal Alignment CENTER

4. text Welcome to My Program

5. X 20

6. Y 20

7. Width 300

8. Height 40

5. ອອກແບບ JLabel logo

ຕໍ່ມາເປັນການໃສ່ຮູບພາບ Icon ຫຼື Logo ຂອງໂປຣແກຣມຕາຕ້ອງການ ຂະໜາດ 128 x 128

1. horizontal Alignment CENTER

2. icon password.png

3. X 60

4. Y 130

5. Width 220

6. Height 150

ໝາຍເຫດ: ຮູບຂອງເຮົາຕ້ອງມີຂະໜາດທີ່ເໝາະສົມ ຈາກນັ້ນຈຶ່ງນຳຮູບມາໄວ້ທີ່ Java package Image

6. ອອກແບບ JLabel version

ເຮົາຄວນຂຽນບອກວ່າໂປຣແກຣມຂອງເຮົາຖືກພັດທະນາຢູ່ທີ່ ຮຸ່ນ ທີ່ເທົາໃດ: version: 0.0.1

1. font Phetsarath OT 12 Plain

2. foreground [15,50,120]

3. horizontal Alignment RIGHT

4. text Version: 0.0.1

5. X 220

6. Y 370

7. Width 110

8. Height 20

7. ອອກແບບ JLabel login

ເຮົາຂຽນຂໍ້ຄວາມ ເຂົ້າສູ່ລະບົບ ເພື່ອເປັນການບອກວ່າແມ່ນໜ້າຕ່າງຫຍັງ

1. font Phetsarath OT 24 Bold

2. foreground [255,255,255]

3. horizontal Alignment CENTER

4. text ເຂົ້າສູ່ລະບົບ

5. X 380

6. Y 20

7. Width 290

8. Height 40

8. ອອກແບບ JLabel ຜູ້ໃຊ້

ເຮົາຈະໃຊ້ JLabel ເພື່ອບອກຜູ້ໃຊ້ງານວ່າບ່ອນນີ້ໃຊ້ໄວ້ເຮັດຫຍັງເປັນຕົ້ນ

1. font Phetsarath OT 16 Plain

2. foreground [255,255,255]

3. text ຜູ້ໃຊ້ງານ

4. X 380

5. Y 90

6. Width 60

7. Height 30

9. ອອກແບບ JTextField ຜູ້ໃຊ້

ເຮົາໃຊ້ JTextField ເພື່ອໃຫ້ຜູ້ໃຊ້ງານປ້ອນຂໍ້ມູນຜູ້ໃຊ້ງານໃນການເຂົ້າລະບົບ

1. font Phetsarath OT 14 Plain

2. X 380

3. Y 120

4. Width 290

5. Height 40

10. ອອກແບບ JLabel ລະຫັດ

ເຮົາໃຊ້ JLabel ເພື່ອອອກປ້ອນລະຫັດຜ່ານ

1. font Phetsarath OT 16 Plain

2. foreground [255,255,255]

3. text ລະຫັດຜ່ານ

4. X 380

5. Y 185

6. Width 70

7. Height 30

11. ອອກແບບ JPasswordField

ເຮົາໃຊ້ JPasswordField ເພື່ອໃຊ້ຜູ້ໃຊ້ປ້ອນລະຫັດຜ່ານຂໍ້ແຕກຕ່າງກັບ Textfield ທຳມະດາຄື ເວລາປ້ອນລະຫັດຜ່ານຈະເປັນ *

1. font Phetsarath OT 14 Plain

2. X 380

3. Y 220

4. Width 290

5. Height 40

12. ອອກແບບ JButton Login

ເຮົາໃຊ້ JButton ເພື່ອໃຫ້ຜູ້ໃຊ້ງານກົດປຸ່ມເພື່ອເຂົ້າສູ່ລະບົບ

1. background [0,102,102]

2. font Phetsarath OT 18 Plain

3. foreground [255,255,255]

4. text ເຂົ້າລະບົບ

5. cursor Hand Cursor

5. X 380

6. Y 300

7. Width 130

8. Height 50

13.ອອກແບບJButton Cancel

ເຮົາໃຊ້ JButton ເພື່ອໃຫ້ຜູ້ໃຊ້ກົດປູ່ມຍົກເລີກ ເພື່ອ ລ້າງຂໍ້ມູນ ຈາກ Textfield ແລະ PasswordField

1. background [255,51,51]

2. font Phetsarath OT 18 Plain

3. foreground [255,255,255]

4. text ຍົກເລີກ

5. cursor Hand Cursor

6. X 540

7. Y 300

8. Width 130

9. Height 50

ອອກແບບສຳເລັດ

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

• 1. ອອກແບບ Jframe

• 2. ອອກແບບ JPanel background

• 3.ອອກແບບ Panel 2

• 4. ອອກແບບ JLabel 1

• 5. ອອກແບບ JLabel logo

• 6. ອອກແບບ JLabel version

• 7. ອອກແບບ JLabel login

• 8. ອອກແບບ JLabel ຜູ້ໃຊ້

• 9. ອອກແບບ JTextField ຜູ້ໃຊ້

• 10. ອອກແບບ JLabel ລະຫັດ

• 11. ອອກແບບ JPasswordField

• 12. ອອກແບບ JButton Login

• 13.ອອກແບບJButton Cancel

Open Ended

ສິ່ງໃດຄວນເພີ່ມ ຫຼື ຫຼຸດໃນບົດນີ້ ຈຸດດີຈຸດອ່ອນ