首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

根据TableView javafx的行来改变的按钮图标

根据TableView JavaFX的行来改变按钮图标是一种动态修改按钮图标的需求。在JavaFX中,可以通过以下步骤实现:

  1. 创建一个TableView控件,并添加所需的列和数据。
  2. 在每一行的最后一列中添加一个按钮。
  3. 为按钮添加一个图标,并设置初始图标。
  4. 为按钮添加一个事件监听器,以便在按钮点击时动态改变图标。
  5. 在事件监听器中,获取当前按钮所在行的数据,并根据数据的状态来决定要显示的图标。
  6. 使用JavaFX的CSS样式或者图标库来设置按钮的图标。

下面是一个示例代码:

代码语言:txt
复制
import javafx.application.Application;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TableViewExample extends Application {

    public static class Item {
        private final SimpleStringProperty name;
        private final SimpleBooleanProperty status;

        public Item(String name, boolean status) {
            this.name = new SimpleStringProperty(name);
            this.status = new SimpleBooleanProperty(status);
        }

        public String getName() {
            return name.get();
        }

        public SimpleStringProperty nameProperty() {
            return name;
        }

        public void setName(String name) {
            this.name.set(name);
        }

        public boolean isStatus() {
            return status.get();
        }

        public SimpleBooleanProperty statusProperty() {
            return status;
        }

        public void setStatus(boolean status) {
            this.status.set(status);
        }
    }

    @Override
    public void start(Stage primaryStage) {
        TableView<Item> tableView = new TableView<>();
        TableColumn<Item, String> nameColumn = new TableColumn<>("Name");
        TableColumn<Item, Boolean> statusColumn = new TableColumn<>("Status");
        TableColumn<Item, Button> actionColumn = new TableColumn<>("Action");

        nameColumn.setCellValueFactory(new PropertyValueFactory<>("name"));
        statusColumn.setCellValueFactory(new PropertyValueFactory<>("status"));
        actionColumn.setCellValueFactory(new PropertyValueFactory<>("button"));

        tableView.getColumns().addAll(nameColumn, statusColumn, actionColumn);

        ObservableList<Item> items = FXCollections.observableArrayList(
                new Item("Item 1", true),
                new Item("Item 2", false),
                new Item("Item 3", true)
        );

        for (Item item : items) {
            Button button = new Button();
            button.getStyleClass().add("icon-button");
            button.setOnAction(event -> {
                item.setStatus(!item.isStatus());
                updateButtonIcon(button, item.isStatus());
            });
            updateButtonIcon(button, item.isStatus());
            item.statusProperty().addListener((observable, oldValue, newValue) -> {
                updateButtonIcon(button, newValue);
            });
            item.setButton(button);
        }

        tableView.setItems(items);

        VBox root = new VBox(tableView);
        Scene scene = new Scene(root, 400, 300);
        scene.getStylesheets().add("styles.css"); // 添加CSS样式文件

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void updateButtonIcon(Button button, boolean status) {
        if (status) {
            button.getStyleClass().remove("icon-off");
            button.getStyleClass().add("icon-on");
        } else {
            button.getStyleClass().remove("icon-on");
            button.getStyleClass().add("icon-off");
        }
    }

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

在上述示例中,我们创建了一个TableView,并添加了三列:Name、Status和Action。其中Action列中的按钮图标会根据Status的值来动态改变。点击按钮时,会切换Status的值,并更新按钮的图标。

为了设置按钮的图标,我们可以使用CSS样式来定义按钮的背景图片或者使用图标库来设置按钮的图标。在示例中,我们使用了CSS样式来设置按钮的图标,需要在项目中创建一个名为styles.css的CSS文件,并在其中定义按钮的样式和图标。

代码语言:txt
复制
.icon-button {
    -fx-background-color: transparent;
    -fx-background-image: url("button_icon_off.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 16px;
}

.icon-on {
    -fx-background-image: url("button_icon_on.png");
}

.icon-off {
    -fx-background-image: url("button_icon_off.png");
}

在上述CSS样式中,我们定义了.icon-button类来设置按钮的样式和初始图标。.icon-on和.icon-off类分别用于设置按钮在不同状态下的图标。

请注意,示例中的图标文件需要根据实际情况进行替换,可以使用任何合适的图标文件。

这是一个简单的示例,展示了如何根据TableView JavaFX的行来改变按钮图标。根据实际需求,你可以根据这个示例进行扩展和修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券