Video: Học lập trình Web A-Z - jQuery UI - Bài 10 - Accordion, Autocomplete và Menu 2025
Một accordion trong JavaFX là một ngăn xếp của panes có tiêu đề. Chỉ có một trong những ô có tiêu đề ở đàn accordion mới có thể được mở bất kỳ lúc nào. Vì vậy, nếu một trong những ô có tiêu đề ở đàn accordion mở và bạn mở một cái khác, cái hộp được mở tự động đóng lại.
Hình này cho thấy một khung accordion có chứa ba khung tiêu đề; cùng một khung accordion được hiển thị ba lần trong hình, mỗi lần với một cái khác nhau của tấm tiêu đề mở ra.
Để tạo một bộ điều khiển đàn accordion, trước tiên bạn tạo ra các khung có tiêu đề riêng biệt sẽ tạo thành bộ accordion. Sau đó, bạn tạo accordion bằng cách sử dụng constructor mặc định và thêm panel có tiêu đề bằng getPanes (). addAll phương pháp. Mẫu mã sau đây cho biết làm thế nào để tạo ra đàn accordion thể hiện trong hình:
// Tạo kích thước thay đổi cửa sổ RadioButton rbSmall = new RadioButton ("Small"); RadioButton rbMedium = new RadioButton ("Phương tiện"); RadioButton rbLarge = new RadioButton ("Lớn"); ToggleGroup sizeGroup = new ToggleGroup (); sizeGroup. getToggles (). addAll (rbSmall, rbMedium, rbLarge); rbMedium. setSelected (đúng); VBox sizeBox = new VBox (10); sizeBox. setPadding (mới Insets (10)); sizeBox. getChildren (). addAll (rbSmall, rbMedium, rbLarge); TựaPane sizeTpane = mới TitledPane ("Kích thước", sizeBox); / / Tạo khung chuyển đổi phong cách RadioButton rbThin = new RadioButton ("vỏ mỏng"); RadioButton rbThick = new RadioButton ("lớp vỏ dày"); ToggleGroup styleGroup = new ToggleGroup (); styleGroup. getToggles (). addAll (rbThin, rbThick); rbThin. setSelected (đúng); VBox styleBox = new VBox (10); styleBox. setPadding (mới Insets (10)); styleBox. getChildren (). addAll (rbThin, rbThick); TựaPane styleTpane = mới TitledPane ("Style", styleBox); / / Tạo bảng điều khiển bật lửa CheckBox cbPepperoni = CheckBox mới ("Pepperoni"); CheckBox cbSausage = new CheckBox ("Xúc xích"); CheckBox cbOlives = hộp kiểm mới ("Ô-liu"); CheckBox cbMushrooms = new CheckBox ("Nấm"); CheckBox cbAnchovies = new CheckBox ("Cá cơm"); VBox toppingsBox = new VBox (10); toppingsBox. setPadding (mới Insets (10)); toppingsBox. getChildren (). addAll (cbPepperoni, cbSausage, cbOlives, cbMushrooms, cbAnchovies); Tiêu đềPane toppingsTpane = new TitledPane ("Toppings", toppingsBox); // Tạo Accion Accordion acc = Accordion mới (); acc. getPanes (). addAll (sizeTpane, styleTpane, toppingsTpane);