Javafx Là Gì

     
*

e(fx)clipse là một bộ công cụ và các thư viện cần thiết để bạn lập trình JavaFX, hãy đảm bảo rằng bạn đã cài đặt nó như làm một Plugin cho eclipse. Nếu chưa cài đặt e(fx)clipse bạn có thể xem hướng dẫn tại:
JavaFX Scene Builder là một công cụ thiết kế trực quan, cho phép bạn tạo ra giao diện ứng dụng một cách nhanh chóng bằng cách kéo thả. Và code được tạo ra dưới dạng XML. Đây là một tùy chọn để lập trình JavaFX, bạn nên cài đặt nó.

Bạn đang xem: Javafx là gì


*

*

*

Trước hết đảm bảo rằng bạn chạy thành công ví dụ Hello World này. Nhấn phải chuột vào lớp Main chọn:
Hình minh họa dưới đây minh họa mối liên hệ giữa Stage, Scene, Container (bộ chứa), Layout (cách bố trí) và các Control:
Trong JavaFX, Stage (sân khấu) chính là cửa sổ ứng dụng, nó chứa một khoảng không gian, khoảng không gian đó được gọi là Scene (bối cảnh), Scene sẽ chứa các thành phần của giao diện như Button, Text, ... hoặc chứa các bộ chứa (container) khác.
Để tạo một giao diện ứng dụng JavaFX bạn có thể viết code hoàn toàn Java. Tuy nhiên làm điều đó sẽ mất rất nhiều thời gian, JavaFX Scene Builder là một công cụ trực quan cho phép bạn thiết kế giao diện của Scene (Bối cảnh). Mã tạo ra là mã XML được lưu trên file có đuôi fxml.
Đây là một ví dụ nhỏ, tôi sử dụng Scene Builder để thiết kế giao diện ứng dụng. Mô hình MVC được áp dụng cho ví dụ này bạn có thể xem như hình minh họa dưới đây:
Sau khi nhìn thấy trên VIEWNgười dùng sử dụng CONTROLLERVận dụng dữ liệu (Cập nhập, sửa đổi, xóa,..), dữ liệu trên MODEL đã thay đổiHiển thị dữ liệu của MODEL trên VIEW.

Xem thêm: Trình Bày Quan Niệm Về Thời Trang Học Đường Hay Nhất, Nghị Luận Về Vấn Đề Trang Phục Học Đường


Đặt ID cho Button "myButton", bạn có thể truy cập vào Button này từ mã Java thông qua ID của nó. Sét đặt phương thức sẽ được gọi khi nút này bị click.
Kéo thả đối tượng TextField vào AnchorPane. Đặt ID cho TextField vừa được kéo thả vào AnchorPane "myTextField", bạn có thể truy cập được vào đối tượng TextField này trên code Java dựa vào ID của nó.
Chọn File/Save để lưu các thay đổi. Và chọn Preview/Show Preview in Window để xem trước thiết kế của bạn.

Xem thêm: Giải Toán Lớp 4 Trang 117 - Toán Lớp 4 Trang 117, 118 Luyện Tập


Đóng cửa sổ Scene Builder và refresh lại Project trên Eclipse. Bạn có thể thấy code được tạo ra trên file MyScene.fxml:
Thêm vào thuộc tính fx:controller cho , Controller (bộ điều khiển) này sẽ có tác dụng với các Control nằm bên trong AnchorPane, cụ thể ở đây là myButton myTextField.