JavaFX - 带有图像按钮的ListView项

Question

我想知道是否可以在每个ListView项后添加一个图像按钮.例如:

那些红色方块应该有一个按钮.如果可能,我该如何处理项目按钮的点击事件？

编辑:如果有另一个控件可以做到,请告诉我.我正在测试TableView.

提前致谢!

Answer 1

我最近在测试这个.我的解决方案

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.util.Callback;

public class SO extends Application {
    static class XCell extends ListCell<String> {
        HBox hbox = new HBox();
        Label label = new Label("(empty)");
        Pane pane = new Pane();
        Button button = new Button("(>)");
        String lastItem;

        public XCell() {
            super();
            hbox.getChildren().addAll(label, pane, button);
            HBox.setHgrow(pane, Priority.ALWAYS);
            button.setOnAction(new EventHandler<ActionEvent>() {
                @Override
                public void handle(ActionEvent event) {
                    System.out.println(lastItem + " : " + event);
                }
            });
        }

        @Override
        protected void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);
            setText(null);  // No text in label of super class
            if (empty) {
                lastItem = null;
                setGraphic(null);
            } else {
                lastItem = item;
                label.setText(item!=null ? item : "<null>");
                setGraphic(hbox);
            }
        }
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        StackPane pane = new StackPane();
        Scene scene = new Scene(pane, 300, 150);
        primaryStage.setScene(scene);
        ObservableList<String> list = FXCollections.observableArrayList(
                "Item 1", "Item 2", "Item 3", "Item 4");
        ListView<String> lv = new ListView<>(list);
        lv.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
            @Override
            public ListCell<String> call(ListView<String> param) {
                return new XCell();
            }
        });
        pane.getChildren().add(lv);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

单元格如下所示:

相关部分是XCell.updateItem方法和setGraphic呼叫.与setGraphic()通常的图标应的标签设置,但它同样适用于设置了复杂的节点-在这种情况下,与HBox中标签和按钮.

您需要确保Button的事件处理程序引用列表中的正确项.在下面的第一个链接中,提到当前所选项目可能已足够.因此,在处理按钮事件时,请在列表中获取当前选定的索引.

你可能想看看这些:

• http://fxexperience.com/2012/05/listview-custom-cell-factories-and-context-menus/
• http://docs.oracle.com/javafx/2/ui_controls/list-view.htm