วันอาทิตย์ที่ 16 ตุลาคม พ.ศ. 2559

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 โต้ตอบแบบง่าย ๆ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

Set MongoDB in the windows path environment

  Let’s set MongoDB in the windows environment in just a few steps. Step 1: First download a suitable MongoDB version according to your mach...