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,027

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



Clound SSD Virtual Server

Eclipse : สร้าง Java GUI Application ด้วยโปรแกรม Eclipse IDE แบบง่าย ๆ

Eclipse : สร้าง Java GUI Application ด้วยโปรแกรม Eclipse IDE แบบง่าย ๆ หลังจากที่เราได้ติดตั้ง WindowBuilder บน Eclipse เรียบร้อยแล้ว บทความนี้เราจะมาเริ่มการสร้างโปรเจคของ Java และการสร้าง GUI Form แบบง่าย ๆ และในขั้นตอนนี้ผมจะยังไม่พูดถึงการเขียน Code ว่าจะใช้ Class ตัวไหน หรืออย่างไร แต่ให้จำไว้ว่าตัว WindowBuilder เมื่อเรามีการสร้างพวก Object หรือ Control ต่าง ๆ ลงใน Form จะมีการ Generate ตัว Code ที่เป็น Java ให้อัตโนมัติ และหลัก ๆ แล้ว Class ที่ถูกเรียกใช้จะมีอยู่ 2 ตัวคือ AWT (java.awt) และ Swing (javax.swing) โดยทั้ง 2 ตัวสามารถทำงานควบคุู่กันได้

Eclipse Java GUI Application

เปิดโปรแกรม Eclipse

Eclipse Java GUI Application

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

Eclipse Java GUI Application

เลือก WindowBuilder -> SWT/JFace Java Project

Eclipse Java GUI Application

ใส่ชื่อ Project และเลือก Finish

Eclipse Java GUI Application

ตอนนี้เราได้ Project ของ Java บน Eclipse เรียบร้อยแล้ว

Eclipse Java GUI Application

ให้สร้าง Package คลิกที่ Project -> New -> Package

Eclipse Java GUI Application

ตั้งชื่อเป็น com.java.myapp (หรืออื่น ๆ ก็ได้)

Eclipse Java GUI Application

หลังจากได้ Package แล้วต่อไปสร้างไฟล์ Class ของ Java โดยเลือก New -> Others (คลิกขวาที่ Package)

Eclipse Java GUI Application

ให้เลือก Swing Designer ซึ่งจะเห็นว่ามีให้เลือกอยู่หลายตัว ให้เราเลือกเป็น Application Windows (สำหรับตัวอื่น ๆ จะได้เขียนไว้ในบทความอื่น ๆ ว่าแต่ล่ตัวมันแตกต่างกันอย่างไร แต่ปกติแล้ว แตกต่างกันแค่ค่า Default ที่สร้างมาให้ แต่การเขียนไม่ต่างกัน)








Eclipse Java GUI Application

กำหนดชื่อ Class

Eclipse Java GUI Application

ตอนนี้ได้ไฟล์ .java มาเรียบร้อยแล้ว

Eclipse Java GUI Application

เมื่อ View ส่วนของ Code จะเห็นว่ามีการ import ตัว Class ของ javax.swing ขึ้นมาให้อัตโนมัติ และค่าพื้นฐานอื่น ๆ ที่ใช้สำหรับการสร้าง Form

Eclipse Java GUI Application

การสลับมุมมองระหว่าง Source (Java) และ Design คลิกได้จากตรงนี้

Eclipse Java GUI Application

มาแล้ว หน้าจอ Form ที่เป็น GUI และเครื่องมือต่าง ๆ มากมาย ตอนนี้ก็สนุกเลยสำหรับการออกแบบและเขียน

Eclipse Java GUI Application

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








Eclipse Java GUI Application

ทดสอบสร้าง Label ด้วยการลากมาไว้บน Form หรือจะลากพวกอื่น ๆ เพื่อทดสอบก็ได้เช่นเดียวกัน

Eclipse Java GUI Application

จะเห็นว่าใน Object ของ Label จะมี Properties ซึ่งเราจะคุ้นเคยกันอยู่แล้ว

Eclipse Java GUI Application

การรัน Project ให้คลิกที่ Run

Eclipse Java GUI Application

เลือกไฟล์ Class ของ java

Eclipse Java GUI Application

จะเห็นว่าเราจะได้ Form ขึ้นมาเป็นผลลัพธ์ตามที่เราได้ออกแบบไว้ โดยที่ยังไม่ต้องมาเขียน Code แม้แต่บรรทัดเดียว แต่เมื่อเราเปลี่ยนมุมมองไปเป็น Code ของ Java จะมีการสร้าง Code ต่าง ๆ ขึ้นมาให้อัตโนมัติ ซึ่งเราจะใช้ตอนที่ต้องการเขียนคำสั่งต่าง ๆ ที่ต้องการ

MyWindowsForm.java
package com.java.myapp;

import java.awt.EventQueue;

import javax.swing.JFrame;
import javax.swing.JLabel;

public class MyWindowsForm {

	private JFrame frame;

	/**
	 * Launch the application.
	 */
	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					MyWindowsForm window = new MyWindowsForm();
					window.frame.setVisible(true);
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}

	/**
	 * Create the application.
	 */
	public MyWindowsForm() {
		initialize();
	}

	/**
	 * Initialize the contents of the frame.
	 */
	private void initialize() {
		frame = new JFrame();
		frame.setBounds(100, 100, 450, 300);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		frame.getContentPane().setLayout(null);
		
		JLabel lblWelcomeToThaicreatecom = new JLabel("Welcome to ThaiCreate.Com");
		lblWelcomeToThaicreatecom.setBounds(152, 72, 189, 14);
		frame.getContentPane().add(lblWelcomeToThaicreatecom);
	}
}




สรุป
การใช้ Plugin ของ WindowBuilder สำหรับโปรแกรม Eclipse จะช่วยให้การเขียนโปรแกรม Java แบบ GUI นั้นสะดวกและง่ายมาก และเราสามารถจิรตนาการออกแบบโปรแกรมได้ตรงตามวัตถุประสงค์ และ ในกรณีที่เราต้องการสร้าง Event เพื่อให้ Form ทำงานต่าง ๆ ตามที่ต้องการ ก็สามารถสร้างพวก Event และเขียน Code Java เพื่มเติมได้ ลองดูบทความต่อไป จะเป็นการสร้าง Event และ Dialog โต้ตอบแบบง่าย ๆ

การสร้าง Java GUI ด้วย User Interface สร้าง Event / Dialog โต้ตอบแบบง่าย ๆ


   
Share


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


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


   


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

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

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

 
เขียน Java GUI ใช้ Tools อะไรดีระหว่าง Eclipse IDE กับ Netbeans IDE ??
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 อัตราราคา คลิกที่นี่