สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com

Tutorial JAVA

01 install Eclipse 02 intro to programming Eclipse 03 condition 04.loop 05.array 05 2 array cont 06 01 function 06 02 function cont 07 object 08 string 09 constructor 10 01 oop 10 02 oop2 11 exception 12 reading file 13 thread 14 generic 15 01 GUI 15 02 GUI2 15 03.GUI3 16 using WindowBuilder 17 event 18 database management system 19 ER diagram 20 Relational 21 Xampp 22 JDBC 23 MVC 24 SQL

Graphic User Interface (GUI) 3

หลังจากเข้าใจเรื่อง GUI และการใช้งานเบื้องต้นและการจัดหน้าเฟรมแล้ว ก็จะต่อที่การใช้คอมโพเนนท์ต่างๆซึ่งก็จะไม่ได้พูดถึงทุกตัวแต่จะพูดตัวหลักๆเท่าที่จำเป็นก่อนซึ่งตัวอื่นๆก็สามารถศึกษาเพิ่มเติมได้ภายหลัง การดูโค๊ดจะเป็นไปตามหัวข้อ Graphic User Interface (GUI) 2 ดังนั้นบทนี้จะไม่ได้แสดงโค๊ดของหน้า source ให้ดูแล้ว(สามารถคลิ๊กไปดูได้เอง)

Components

            คือส่วนคอมโพเนนท์ต่างๆสำหรับการใช้งาน เช่น ปุ่ม ช่องกรอกตัวหนังสือ การทำตัวเลือกและอื่นๆซึ่งจะแนะนำตามหัวข้อข้างล่าง 10 รายการ

JLabel

Label แปลว่าฉลาก ก็คือฉลากที่ปิดไว้เพื่อบอกว่าสิ่งนี้คืออะไรหรือก็คือที่เอาไว้สำหรับเขียนชื่อนั้นเอง ซึ่ง JLabel จะอยูในช่องของ Coponents

 


15-3-1

เมื่อลาก JLabel มาวางก็จะได้Label มาและสามารถเปลี่ยนชื่อได้ตามความต้องการ

 


15-3-2

 


15-3-3

การปรับเปลี่ยนคอมโพเนนท์ในช่อง Properties ที่สำคัญ

เริ่มจากวงกลมข้างบนคือการเปลี่ยนให้ตัวแปรไปประเป็นตัวแปรของคลาส(จะได้ใช้งานง่ายๆ)

1.      Variable คือตัวแปรของคอมโพเนนท์ ชื่ออ็อปเจ็คที่จะทำการ new Label ขึ้นมา ควรตั้งชื่อให้มีความหมายจะได้จำได้ง่ายๆ เช่น สมมติเป็น Label สำหรับกรอกชื่อ Label ตัวนี้ก็น่าจะมีตัวแปรชื่อ lblName เป็นต้น เพราะถ้าเป็น lblNewLabel1, lblNewLabel2, lblNewLabel3 ไปเรื่อยๆก็จะงงได้ ใช้หลักการนี้กับทุกคอมโพเนนท์

2.      เป็นสีของพื้นหลังส่วน foreground เป็นสีของตัวหนังสือ

3.      ทำให้มองเห็นได้

4.      คือชื่อของ Jlabel ตัวนี้ที่จะให้ทำคนอื่นมองเห็น หลักการตั้งชื่อควรมีความหมาย เช่นเดียวกับข้อ1

JTextField

คือที่สำหรับการกรอกข้อมูลตัวหนังสือ เช่นต้องการให้ผู้ใช้หรอกข้อมูลชื่อ เบอร์โทร ที่อยู่เป็นต้น

 


รูป15-3-4

 


รูป15-3-5

JBotton

เป็นปุ่มสำหรับกดเพื่อให้กระทำบางอย่างเช่น บันทึกข้อมูลเป็นต้น

 


รูป 15-3-6

 


รูป15-3-7

JComboBox

ไว้หรับเป็นช่องสำหรับให้ผู้ใช้เลือกตัวเลือก เช่น เพศ ระดับการศึกษาที่จบเป็นต้น

 


รูป15-3-8

ได้ ComboBox ถ้ากดตรงสามเหลี่ยมหัวทิ่มลงก็จะขึ้นตัวเลือกมาแต่นี่ยังเลือกไม่ได้ต้องอ่านเรื่องการจัดการอีเวนท์ก่อน

 


รูป15-3-9

 

JRadioButton

ก็เป็นช่องสำหรับเลือกแบบเดียวกับ ComboBox จะพบเห็นตามตัวเลือกเช่น จะยอมรับข้อตกลงการดาวน์โหลดหรือไม่ เป็นต้น

 


รูป15-3-10

ตัวอย่าง

 


รูป15-3-11

JTextArea

เป็นที่สำหรับแสดงข้อความออกมาเช่นในข้อความของโปรแกรมแชทเป็นต้น

 


รูป15-3-12

 


รูป15-3-13

JPasswordFiled

เป็นช่องสำหรับพิมพ์ข้อความคล้ายกับ JTextField แต่ข้อความที่หรอกใน JPasswordFiled จะไม่ปรากฏให้เห็น พูดง่ายๆก็คือเป็นช่องสำหรับกรอกพาสเวิร์ดโดยเฉพาะ

 

 


รูป15-3-14

รูปร่างคล้าย JTextField

 


รูป15-3-15

 

 

           

JTable

ไว้สำหรับการแสดงผลเป็นตางราง น่าจะใช้คู้กับ JScrollPane หากตารางมีขนาดใหญ่

 


รูป15-3-16

ใช้ร่วมกับ JScrollPane  จะปรากฏในหน้า Structure

 


รูป15-3-17

JDialog

คือกล่องข้อความ สำหรับบอกข้อความบางอย่างแก่ผู้ใช้ JDialog สามารถใช้งานได้จากคลาส OptionPane (javax.swing.JOptionPane) มาดูว่ามีไดอะล็อกแบบใดบ้าง(ให้พิมพ์ตามนี้)

ข้อความเตือน

 


รูป15-3-18

 


รูป 15-3-19

ข้อความเตือนพร้อมรูป1

ให้ JOptionPane เรียก WARNING_MESSAGE

 


รูป 15-3-20

 


รูป15-3-21

ข้อความเตือนพร้อมรูป2

 


รูป 15-3-22

 


รูป 15-3-23

ข้อความให้เลือก

 


รูป 15-3-24

 


รูป 15-3-25

ตัวอย่างของ GUI

 


รูป 15-3-26



บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

C Article


C++ Article


Java Article


C#.NET Article


VB.NET Article


Python Article


Golang Article


JavaScript Article


Perl Article


Lua Article


Rust Article


Article


Python


Python Numpy


Python Machine Learning



แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

Allow sites to save and read cookie data.
Cookies are small pieces of data created by sites you visit. They make your online experience easier by saving browsing information. We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.

Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com

ติดต่อเราได้ที่

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
แผนที่ ที่ตั้งของอาคารของเรา