Bài 12: Sử dụng JavaFX Event Handling trong JavaFx

Trong JavaFx cung cấp một loạt các sự kiện giúp người dùng tương tác với các thành phần giao diện, sử dụng lớp Event trong gói javafx.event giúp xử lý sự kiện khi người dùng tương tác. Tiếp sau đây là phần hướng dẫn chi tiết hơn về việc sử dụng JavaFX Event Handling trong JavaFx.

Sử dụng JavaFX Event Handling trong JavaFx

1. Events trong JavaFX

STTThể loạiMô tả
1Mouse Event– Mouse Event trong JavaFx là sự kiện xảy ra khi người dùng nhấp chuột vào một thành phần nào đó trên giao diện.

– Mouse Event trong JavaFx bao gồm nhấp chuột, thả chuột, di chuyển chuột…

– Nó thuộc lớp MouseEvent.

2Key Event– Key Event trong JavaFx là sự kiện xảy ra chẳng hạn như người dùng nhập dữ liệu từ bàn phím.

– Bao gồm các hoạt động như phím nhấn, gõ phím…

– Nó thuộc lớp KeyEvent.

3Drag Event– Drag Event trong JavaFx là sự kiện xảy ra

– Bao gồm kéo thả, kéo mục tiêu đã nhập, kéo mục tiêu đã thoát, kéo qua…

– Nó thuộc lớp DragEvent.

4Window Event– Window Event trong JavaFx là sự kiện liên quan đến việc hiển thị hoặc ẩn các cửa sổ.

– Nó thuộc lớp WindowEvent.

2. Event Handling trong JavaFx

Trong JavaFX cung cấp xử lý và các bộ lọc để xử lý các sự kiện:

STTThể loạiMô tả
1Target– Node (nút) mà một sự kiện xảy ra
2Source– Nguồn gốc của sự kiện xảy ra.
3Type– Loại sự kiện sẽ xảy ra.

3. Ví dụ sử dụng JavaFX Event Handling trong JavaFx:

Sau đây, mình sẽ làm một ví dụ nhỏ cho phần xử lý sự kiện trong JavaFx.

Bước 1: Bạn có thể sử dụng phần mềm JavaFX Scene Builder 2.0 và thiết kế giao diện như trên hoặc thiên biến vạn hóa như thế nào đó tùy vào mục đích sử dụng của bạn, còn đây là phần mình thiết kế bằng phần mềm JavaFX Scene Builder 2.0.

Sử dụng JavaFX Event Handling trong JavaFx

Như ở hình phía dưới thì mình sẽ có một nút nhấn (Button) để chọn hình ảnh, bên phải là các RadioButton để lựa chọn những hiệu ứng hình ảnh như bài hôm trước mình có trình bày về sử dụng JavaFX Effects trong JavaFx thì khi người dùng chọn hiệu ứng tương ứng phần mềm sẽ xử lý và cho ra kết quả hiển thị ở bức ảnh ở giữa.

Sử dụng JavaFX Event Handling trong JavaFx

Hoặc có thể sử dụng đoạn mã sau đây như phần thiết kế của mình:

Bước 2: Bạn tạo lớp Main.java để load giao diện lên

Bước 3: Phần cuối là cần xây dựng lớp xử lý

– Bạn cần chuẩn bị một tấm ảnh sau đó copy vào thư mục trong project, sau đó trong phương thức initialize() bạn sẽ load tấm ảnh lên và thiết lập một số thông số cài đặt.

– Xử lý sự kiện khi nhấn nút chọn hình ảnh:

– Xử lý sự kiện khi chọn loại hiệu ứng:

– Sau đây là một số hiệu ứng trong JavaFx mình sử dụng bạn có thể tham khảo:

– Vậy là xong rồi bây giờ hãy chạy xem kết quả như thế nào, xem qua ví dụ của mình thử sao nhé:

Hoặc nếu bạn làm nhưng gặp rắc rối vì chưa chạy được thì có thể tải toàn bộ mã nguồn đầy đủ cho phần hướng dẫn sử dụng hiệu ứng JavaFX Effects Drop Shadow ở đường dẫn bên dưới.

Sử dụng JavaFX Event Handling trong JavaFx

Lời kết: Như vậy toàn bộ nội dung bài viết này hướng dẫn các bạn sử dụng JavaFX Event Handling trong JavaFx. Ngoài ra, bạn có thể xem thêm nội dung các bài viết khác tại chuyên mục JavaFx để bổ sung thêm kiến thức về ngôn ngữ này.

(Tác giả: Tùng Dương)

Bình luận

Loading...