Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Java Programming > Java GUI สอน Java GUI เขียนโปรแกรม GUI ด้วย Java(Swing/AWT/JFC) > Netbeans : สร้าง Java GUI ด้วย Netbeans สร้าง Application แบบ Graphic แบบง่าย ๆ

Netbeans : สร้าง Java GUI ด้วย Netbeans สร้าง Application แบบ Graphic แบบง่าย ๆ

Netbeans : สร้าง Java GUI ด้วย Netbeans สร้าง Application แบบ Graphic แบบง่าย ๆ ในกรณีที่ติดตั้ง Netbeans เราสามารถที่จะสร้าง Project แบบ GUI เพื่อเรียกใช้งานพวก Class ของ AWT และ Swing ได้ทันที โดยที่เราไม่ต้องทำการติดตั้งพวก Plugin ของ WindowBuilder เหมือนกับโปรแกรม Eclipse และการใช้งาน Netbeans สร้าง GUI ก็จะใช้หลักการเช่นเดียวกับโปรแกรม Eclipse ที่ติดตั้ง WindowBuilder คือเราจะใช้การสร้าง Form ผ่าน Toolbox ต่าง ๆ ที่ Netbeans มีให้ เช่นพวก Label , TextField , Button และอื่น ๆ อีกมากมาย จากนั้นเราสามารถที่จะสร้าง Event หรือเหตุการณ์ต่าง ๆ ให้กับ Object ที่เราสร้างขึ้น และเมื่อต้องการเขียนให้โปรแกรมทำงานในสิ่งที่ต้องการ ก็จะใช้การเขียนเพิ่มในส่วนของ Code ของภาษา Java

Netbeans IDE Tools

ถ้าจะให้เปรียบเทียบระหว่าง Netbeans และ Eclipse ว่าตัวไหนดีกว่ากัน ส่วนตัวผมเองนั้นจะเลือกใช้ Eclipse เพราะสามารถทำงานได้เร็วว่า และมี Tools อย่าง Quick Fixed ที่ช่วยให้การเขียนโปรแกรมได้ง่ายยิ่งขึ้น

เริ่มต้นการสร้าง Project บน Netbeans

Java GUI Netbeans

เลือกเมนู File -> New Project

Java GUI Netbeans

เลือก Java -> Java Application

Java GUI Netbeans

กำหนดชื่อ Project ในส่วนของ Create Main Class ให้ติ๊กออก จากนั้นเลือก Finish

Java GUI Netbeans

ตอนนี้ได้โปรเจคเปล่า ๆ ยังไม่มีไฟล์ .java

Java GUI Netbeans

สร้าง Package โดยการคลิกขวา Project -> New -> Java Package...

Java GUI Netbeans

ใส่ชื่อ Package เช่น com.java.myapp

Java GUI Netbeans

ได้ Package เช่น com.java.myapp เรียบร้อยแล้ว

สร้างไฟล์ Class ของ Java

Java GUI Netbeans

คลิกขวาที่ Package เลือก New -> Others...

การสร้าง GUI ในการสร้างไฟล์ .java แบบ GUI สามารถเลือก Class ได้หลายตัวมาก เช่น

Java GUI Netbeans

Swing GUI Forms และภายใน Swing ก็มี Class แยกย่อยอีกหลายตัว เช่นเดียวกัน

Java GUI Netbeans

หรือจะเลือกใช้ AWT GUI Forms ซึ่งจะแยกย่อย Class ได้อีก 4-5 ตัว

หลายคนจะยังสงสัยว่าจะเลือกตัวไหนดี ซึ่งปกติแล้วพวกการเลือกพวก GUI ต่าง ๆ เป็เพียงค่า Default เริ่มต้นตอนที่สร้างไฟล์ Class เท่านั้น แต่หลังจากที่สร้างแล้ว เราสามารถทำการแก้ไข Code ต่าง ๆ และเรียกใช่้งาน Class ต่าง ๆ เพิ่มได้ทีหลัง และสามารถใช้ได้ทั้ง Swing และ AWT หรืออื่น ๆ ในการออกแบบและสร้าง Form ได้

Java GUI Netbeans

ในขั้นตอนนี้ให้เลือก Swing GUI Forms -> JFrame Form

Java GUI Netbeans

กำหนดชื่อ Class

Java GUI Netbeans

ตอนนี้ได้เราได้ Class ที่มี .java เรียบร้อยแล้ว พร้อมทั้ง Form เปล่า ๆ ที่โปรแกรมสร้างมาให้

จะเห็นว่ามี Toolbox ที่ประกอบด้วย Controls และ Object ต่าง ๆ มากมาย ที่ไว้ออกแบบ Form

Java GUI Netbeans

ก่อนอื่นให้เราเข้าใจเกี่ยวกับ Layout ของ Form ซะก่อน ซึ่งปกติแล้วเวลาเราเขียนบน VB.Net หรือ Visual Studio จะมีการจัดพวก Control ต่าง ๆ ตามตำแหน่ง X , Y ของ Form แต่ในภาษา Java เราสามารถเลือกที่จะจัดรูปแบบของ Control และ Object ต่าง ๆ ได้ เช่น จะเป็นแบบ GridLayout (ให้นึกถึง HTML แบบ Table) และอื่น ๆ อีกหลายรูปแบบ แต่ในค่าพื้นฐานแนะนำให้ปรับเป็น Null layout คือจัดวางตำแหน่งแบบ X , Y เหมือนกับ VB.Net ที่เราคุ้นเคย

Java GUI Netbeans

ทดสอบการสร้าง Label , TextField และ Button ด้วย (JLabel, jTextField และ jButton) อาศัยการลากวาง ๆ

Java GUI Netbeans

ปรับแต่ Properties ของ Form ซะหน่อยด้วยการคลิกที่ Form แล้วไปที่

Properties -> Code -> Form Size Policy -> Generate Resize Code

หรือจะปรรับแต่งพวก Size ได้ตามขนาดที่ต้องการ

Java GUI Netbeans

ทดสอบการรันโปรแกรม

Java GUI Netbeans

เลือก Class ที่เราได้สร้างไว้เพื่อทำการ Run

Java GUI Netbeans

ได้ผลลัพธ์ดังรูป

สรุป จากผลลัพธ์จะเห็นว่า Netbeans ช่วยให้เราสร้าง Form GUI ด้วย Java แบบง่ายมาก ๆ โดยที่เรายังไม่ได้เขียน Code เลยซะบรรทัด ก็สามารถสร้าง GUI ได้แล้ว และขั้นตอนถัดไป หลังจากได้ GUI แล้ว เราจะต้องสร้าง Event เหตุการณ์ต่าง ๆ กับ User เช่นการรับค่าผ่าน Input และแสดง Dialog โต้ตอบแบบง่าย ๆ

อ่านต่อ : Netbeans : สร้าง Java GUI และการสร้าง Event Action และ Dialog โต้ตอบแบบง่าย ๆ

https://www.thaicreate.com/java/java-gui-netbeans-event-action.html

ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2013-08-06 16:44:39 / 2017-03-27 17:16:30
	Download :	No files

Sponsored Links / Related

รู้จักกับ Java GUI วิธีการสร้าง GUI ทำความรู้จัก Swing GUI และ AWT GUI (JFC)
Rating :

Eclipse : สร้าง Java GUI ด้วย WindowBuilder Designer ช่วยสร้าง GUI ได้ง่ายสุด ๆ
Rating :

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว