Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,036

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



Clound SSD Virtual Server

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

Java GUI Netbeans

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 เปล่า ๆ ที่โปรแกรมสร้างมาให้








Java GUI Netbeans

จะเห็นว่ามี 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 โต้ตอบแบบง่าย ๆ


   
Share


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


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


   


Bookmark.   
       
  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 :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
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
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่