* Bài hướng dẫn sẽ giúp bạn bắt đầu từ bước thiết lập đầu tiên đến xây dựng một chương trình đơn giản. [Nếu bạn muốn học nâng cao hơn thì xem tại đây]
Lập trình giao diện trong Java với JavaFx
1. JavaFx là gì?
Trước tiên để học cái gì đó thì chúng ta cần biết và bắt buộc phải biết nó là gì?
JavaFX là một tập hợp các gói đồ họa và phương tiện tiện lợi cho phép các nhà phát triển thiết kế, tạo, kiểm tra, khắc phục lỗi và phát triển các ứng dụng khách ứng dụng, hoạt động quán nhất trên các nền tảng khác nhau
JavaFX project replace Swing làm thư viện tiêu chuẩn GUI cho Java SE. JavaFX có hỗ trợ máy tính để bàn và trình duyệt Web trên Microsoft Windows, Linux và macOS
JavaFX mạnh mẽ hơn Swing, nó cung cấp những công cụ mạnh mẽ hơn, và nó còn chạy nhẹ hơn và nhanh hơn so với Swing
Tóm tắt lại là JavaFX ngon hơn. . D
Thôi đừng nói luyên thuyên nữa vào chủ đề chính nào
2. Hướng dẫn thiết lập môi trường để thiết lập giao diện Java với JavaFX
Để lập trình JavaFX, chúng ta cần thiết lập môi trường để nó chạy và để mình phát triển phần mềm
Điều kiện đầu tiên cần thiết là máy tính của bạn cần cài đặt JDK và Eclipse IDE. Nếu chưa có cái thứ 2 thì tải và cài đặt nó nhé
Xong rồi mình vào Eclipse để thiết lập môi trường phát triển JavaFX nào
> Tham khảo. Lập trình Java bằng Eclipse [Nếu bạn chưa từng sử dụng Eclipse]
Còn lại nếu bạn đã từng sử dụng Eclipse, hãy tiếp tục
Ở bài hướng dẫn này mình sẽ sử dụng JavaFX Scene Builder
Bạn nhấp vào Tải xuống JavaFX Scene Builder hãy tải về nhé
Các bạn nhớ chọn phiên bản phù hợp với hệ điều hành của mình đang sử dụng. Ở đây mình sẽ tải bản Windows 32/64
Nếu máy bạn là Mac hay Linux thì chọn đúng nhé
Lập trình giao diện với JavaFX. Tải JavaFX Scene Builder
Tải xong vào thư mục chứa nó và nhấn đúp chuột vào cài đặt nhé
Nhấp vào tệp cài đặt và nhấn vào
Next
nha, nhấn vào Next
nó mới cài đặt đóTiếp theo lựa chọn vị trí để lưu nó, bạn sẽ nhớ vị trí này để còn sử dụng về sau
Ở đây mình sử dụng mặc định là
C:\Program Files [x86]\Oracle\JavaFX Scene Builder 2.0\
Wait for it run any public, will fast stopped
Đến bước này thì đã cài đặt thành công JavaFX Scene Builder rồi nhé
Code JavaFX chưa được đâu. Còn vài bước nữa Vấn đề. Continue any
Configure JavaFX Scene in Eclipse rồi mới sử dụng được nha. Ai cùng làm theo mình
You install e[fx]clipse in Eclipse maketplace nhé
- Search with keyword. javafx
- Nhấn vào
Install
nhé
Tích chọn
I accept...
và nhấn vào Finish
để nó cài đặt thôiKhi cài đặt xong e[fx]eclipse, hãy khởi động lại Eclipse và làm theo các bước sau
Trong Eclipse bạn chọn
Chọn vào
JavaFX
[ở phần này nếu Eclipse bạn chưa cài đặt e[fx]eclipse thì nó sẽ không có phần JavaFX]Và chọn đến đường dẫn khi bạn cài đặt JavaFX Scene
Tiếp theo JavaFX 11 + JDK, bạn chọn tiếp đến thư mục cài đặt JRE nhé
This is being setting setting on the field. Chúng ta sẽ viết một chương trình đơn giản bằng JavaFX ở phần sau nào
Ví dụ đơn giản tạo GUI ứng dụng với JavaFx
Để tạo GUI ứng dụng với JavaFX, bạn làm theo hình bên dưới
New → Other → JavaFX → JavaFX Project
The you set name for Project. Ở đây mình đặt là
DemoJavaFX
. Sau đó nhấn vào Finish
nhéKhi bạn hoàn thành chương trình, chương trình sẽ tự động tạo ra đoạn mã như sau, nó có tác dụng tạo ra màn hình trắng xóa
Khi bạn nhấn chạy, chương trình không có gì sẽ có màn hình trắng như sau
Ok, giờ mình sẽ code một chương trình đơn giản nhất
Các bạn code như mình nhé
nhập javafx. ứng dụng. Ứng dụng;
nhập javafx. sân khấu. Sân khấu;
nhập javafx. bối cảnh. Bối cảnh;
nhập javafx. bối cảnh. cách trình bày. Khung viền;
nhập javafx. bối cảnh. cách trình bày. ngăn xếp;
nhập javafx. bối cảnh. điều khiển. *;
public class Main extends Application {
public void start[Giai đoạn primaryStage] {
giai đoạn chính. setTitle["DemoJavaFX"];
javafx. bối cảnh. điều khiển. Nút btn = javafx mới. bối cảnh. điều khiển. Cái nút[];
btn. setText["DemoJavaFX"];
Bố cục StackPane = StackPane mới[];
cách trình bày. getTrẻ em []. thêm [btn];
Cảnh cảnh = cảnh mới[bố cục, 300, 400];
giai đoạn chính. setScene[cảnh];
public static void main[String[] args] {
Giải thích một chút về codeNext
0. used to set title for application. You can change any name if you want
Next
1. Sở dĩ mình gọi như vậy là vì nếu gọi Button bình thường thì nó sẽ sử dụng Button mặc định của AWT. Mà ở đây mình muốn sử dụng JavaFX của thư viện nên mình sẽ gọi thẳng như vậy luôn
Next
2. là một bộ chứa, nó có thể chứa các thành phần giao diện khác nhau, các thành phần con được xếp chồng lên nhau, tại một thời điểm bạn chỉ có thể nhìn thấy thành phần con nằm trên cùng ngăn xếp. Ở đây mình gọi làNext
3 là để thêm thành phần con vào bố cục
Khi nhấn chạy sẽ hiển thị nút màn hình có giá trị là
DemoJavaFX
Chúc mừng bạn đã lập sơ đồ GUI với JavaFX
Vì vậy, chính mình đã hướng dẫn các bạn thiết lập môi trường để thiết lập giao diện trong Java với JavaFX và viết một chương trình JavaFX đơn giản
Đây sẽ là nền tảng để bạn tiếp tục học JavaFX chuyên sâu hơn. Vì nó cũng là một mảng lớn nên mình không thể hướng dẫn hết được trong bài này
Bạn có thể tiếp tục tìm hiểu thêm về mảng này qua các Tài liệu Lập trình GUI tốt nhất hoặc học thông qua Hướng dẫn JavaFX chính chủ Oracle luôn nhé
Chỉ cần bạn có nền tảng Java Core tốt thì học JavaFX cũng không phải là quá khó đâu.
> Chú ý. Nếu bạn không muốn đi theo hướng Desktop App thì có thể tham khảo KHÓA HỌC JAVA WEB để đi theo hướng WEB. Hướng Web thì có nhiều công việc hơn cho bạn lựa chọn
Tuy nhiên, nếu bạn tìm hiểu sâu về Desktop App là một điểm cộng rất lớn nếu bạn muốn làm việc trong các công ty phần mềm lớn
Chúc các bạn thành công
HỌC VIỆN ĐẠO TẠO CNTT NIIT - ICT HÀ NỘI
Học lập trình chất lượng cao [Từ năm 2002]. Học thực tế + Tuyển dụng ngay
Đc. Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT. 02435574074 - 0383. 180086
E-mail. xin chào@niithanoi. giáo dục. vn
Trang mạng. https. //niithanoi. giáo dục. vn
trang chủ. https. //Facebook. com/NIIT. CNTT-TT/
#niit #niithanoi #icthanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python