Css trong trình tạo cảnh

* 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ôi

Khi 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ề code

• Next0. used to set title for application. You can change any name if you want

• Next1. 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

• Next2. 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à Next3 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