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:
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:
Đặt ID cho Button là “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 là “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:
Đó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 và myTextField.
là một bộ công cụ và các thư viện cần thiết để bạn lập trình, 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 đặtbạn có thể xem hướng dẫn tại: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. Đây là một tùy chọn để lập trình, 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ụnày. Nhấn phải chuột vào lớpchọn:Hình minh họa dưới đây minh họa mối liên hệ giữa(bộ chứa),(cách bố trí) và cácTrong(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à(bối cảnh),sẽ chứa các thành phần của giao diện như, … hoặc chứa các bộ chứa (container) khác.Để tạo một giao diện ứng dụngbạn có thể viết code hoàn toàn. Tuy nhiên làm điều đó sẽ mất rất nhiều thời gian,là một công cụ trực quan cho phép bạn thiết kế giao diện của(Bối cảnh). Mã tạo ra là mãđược lưu trên file có đuôiĐây là một ví dụ nhỏ, tôi sử dụngđể thiết kế giao diện ứng dụng. Mô hìnhđượ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ênNgười dùng sử dụngVận dụng dữ liệu (Cập nhập, sửa đổi, xóa,..), dữ liệu trênđã thay đổiHiển thị dữ liệu củatrênXem 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 Đặtcholà, bạn có thể truy cập vào Button này từ mãthông quacủ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ượngvào. Đặtchovừa được kéo thả vàolà, bạn có thể truy cập được vào đối tượngnày trên codedựa vàocủa nó.Chọnđể lưu các thay đổi. Và chọnđể 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ổvà refresh lại Project trên. Bạn có thể thấy code được tạo ra trên fileThêm vào thuộc tínhcho, Controller (bộ điều khiển) này sẽ có tác dụng với cácnằm bên trong, cụ thể ở đây làvà
