Bằng cách sử dụng Giao diện AnchorPane trong JavaFX - núm vú

Một cửa sổ neo trong JavaFX tương tự như một cửa khẩu trong đó nó cho phép bạn đặt các nút tương đối với một trong các cạnh của panel. Tuy nhiên, đây là một số khác biệt chính:

• Trong một khung cửa khẩu, khu vực bố trí được chia thành năm vùng riêng biệt: trên cùng, phải, dưới cùng, bên trái và ở giữa. Một khung neo không chia bố trí thành các khu vực khác biệt. Thay vào đó, mỗi nút trong bố cục có thể được buộc hoặc neo - với một hoặc nhiều bốn cạnh của vùng bố trí. Khi một nút được neo vào một cạnh, ô neo sẽ đặt nút gần càng tốt với cạnh đó sau khi cho phép các nút khác.

• Một nút có thể được neo đến nhiều hơn một cạnh. Ví dụ, một nút có thể được neo với các cạnh trên và bên phải, nơi sẽ đặt nút ở góc trên bên phải của bố cục.

• Nếu nút được neo với các cạnh đối diện (trên cùng và dưới cùng hoặc trái và phải), nút sẽ được kéo về cả hai cạnh của bố cục. Điều này dẫn đến nút được kéo dài khi kích thước của bố cục tăng lên.

• Nhiều nút có thể được neo vào mỗi cạnh. Trong trường hợp đó, các nút sẽ chồng chéo lên nhau như trong ngăn xếp.

Bảng dưới đây cho thấy các nhà xây dựng và các phương pháp của lớp AnchorPane, mà bạn sử dụng để tạo ra một khung neo.

Constructor	Mô tả
AnchorPane ()	Tạo một ô neo trống.
AnchorPane (Node … children)	Tạo một khung neo với các nút con được chỉ định.
Phương thức	Mô tả
ObservableList getChildren ()	Trả về bộ sưu tập của tất cả các nút con đã được thêm vào khung neo. Bộ sưu tập được trả về dưới dạng một loại ObservableList, bao gồm các phương pháp add và addAll, cho phép bạn thêm một hoặc nhiều nút vào danh sách.
static void setTopAnchor (Node node, Double value)	Gắn nút xác định vào cạnh trên cùng. Giá trị cho biết độ lệch từ cạnh.
static void setRightAnchor (Node node, Double value)	Chèn nút xác định vào cạnh bên phải. Giá trị cho biết độ lệch từ cạnh.
static void setBottomAnchor (nút nút, giá trị gấp đôi)	Gắn nút xác định vào cạnh dưới cùng. Giá trị cho biết độ lệch từ cạnh.
static void setLeftAnchor (Node node, Double value)	Chèn nút xác định vào cạnh bên trái. Giá trị cho biết độ lệch từ cạnh.
void setMinHeight (giá trị gấp đôi)	Thiết lập chiều cao tối thiểu của ngăn neo.
void setMaxHeight (giá trị gấp đôi)	Thiết lập chiều cao tối đa của ngăn neo.
void setPrefHeight (giá trị gấp đôi)	Thiết lập chiều cao ưa thích của ngăn neo.
void setMinWidth (giá trị gấp đôi)	Thiết lập chiều rộng tối thiểu của ngăn neo.
void setMaxWidth (giá trị gấp đôi)	Thiết lập chiều rộng tối đa của ô neo.
void setPrefWidth (giá trị gấp đôi)	Thiết lập chiều rộng ưa thích của ngăn neo.
void setPadding (Nhập giá trị)	Thiết lập khoảng đệm xung quanh các cạnh bên trong ngăn xếp .

Để tạo một bảng neo, gọi constructor AnchorPane và truyền các nút bạn muốn thêm. Ví dụ:

Hình chữ nhật r1 = Hình chữ nhật mới (400, 200); r1. setFill (Màu sắc Ánh sáng); Hình chữ nhật r2 = Hình chữ nhật mới (200, 400); r2. setFill (Màu ĐỨA TRƯỚC); AnchorPane anchor = AnchorPane mới (r1, r2);

Ở đây, một hình chữ nhật, một 400 × 200, còn lại là 200 × 400, được tạo ra. Một là đầy màu xám nhạt, màu xám tối khác. Sau đó, một khung neo được tạo ra và hai hình chữ nhật được thêm vào.

Sau đó bạn sử dụng setTopAnchor, setRightAnchor, setBottomAnchor, và setLeftAnchor để neo các nút tới các cạnh của ô neo. Mỗi phương pháp này chấp nhận hai tham số: nút bạn muốn neo và một giá trị bù đắp cho phép bạn neo nút một khoảng cách nhất định từ cạnh.

Ví dụ: để neo hình chữ nhật r1 sang cạnh trên cùng và bên trái và hình chữ nhật r2 tới cạnh trên cùng và bên phải, hãy sử dụng các dòng sau:

neo. setTopAnchor (r1, 0. 0); mỏ neo. setLeftAnchor (r1, 0. 0); mỏ neo. setTopAnchor (r2, 0. 0); mỏ neo. setRightAnchor (r2, 0. 0);

Sau đây cho thấy cửa sổ neo này sẽ xuất hiện như thế nào khi được hiển thị trong một cảnh.

Hai hình chữ nhật được hiển thị trong ngăn neo.

Cửa sổ ở phần đầu của Hình 1 cho biết cửa sổ này xuất hiện khi nó được hiển thị ban đầu. Ở đây, bạn có thể thấy hình chữ nhật màu xám nhạt nằm ở góc trên cùng bên trái của bố cục và hình chữ nhật màu xám đậm được neo vào góc trên cùng bên phải.

Khung neo ban đầu có kích thước sao cho nội dung của nó vừa vặn. Kết quả là hình chữ nhật màu xám đậm chồng lên hình chữ nhật màu xám nhạt. Cửa sổ ở phần dưới cùng của hình thể hiển thị cách trình bày xuất hiện khi người dùng kéo dài cửa sổ, cho phép ô bố trí neo phát triển. Khi khung neo mở rộng, hình chữ nhật màu xám nhạt nằm ở góc trên cùng bên trái của bố cục, trong khi hình chữ nhật màu xám đậm đi theo góc trên cùng bên phải của ngăn. Vì vậy, các hình chữ nhật riêng biệt.