首页
学习
活动
专区
工具
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的行来改变按钮图标。根据实际需求,你可以根据这个示例进行扩展和修改。

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

相关·内容

  • 根据大脑活动重建大脑所感知图像

    多伦多大学斯卡伯勒分校(University of Toronto Scarborough)神经科学家开发了一项新技术,可以根据脑电图(EEG)收集大脑活动,重建人们所感知图像。...当前方法是由 Nestor 开创,他在过去成功地从功能磁共振成像 (fMRI) 数据中重建了面部图像,但这是首次使用 EEG做这方面任务。...虽然像 fMRI 这样技术——通过检测血流变化测量大脑活动——可以捕捉大脑特定区域发生事情详细细节,但 EEG 具有更大实用潜力,因为它更常见、便携且价格低廉。...A,在两个不同时间脸部刺激及其相应重建例子(左上角数字表明基于图像重建精度估计)。B、重建精度时间过程。...“真正令人兴奋是,我们重建不是正方形和三角形,而是人脸真实图像,这涉及许多细粒度视觉细节。” “事实上,我们可以根据人们大脑活动重建他们视觉体验,这为很多可能性打开了大门。

    65240

    JavaFX-TableView详解

    先看看TableView中有些什么 在IDEA中,按住Ctrl然后点中TableView关键字会自动跟进到它定义地方,我们可以先看看这里面到底都有些什么东西。.../blog/2015/04/doc03_tableview/ 官方文档:http://docs.oracle.com/javafx/2/ui_controls/table-view.htm TableView...@Override public void handle(TableColumn.CellEditEvent t) { System.out.println("检测到改变..."); // 这里修改维护对应设置进TableViewObservableList集合 } }); 添加行删除也是同样操作,可以直接修改TableView维护集合完成。...增加列,删除列 这就不仅仅要删除集合中数据,还要从表格里面的Columns集合中删除相应数据才可以,或许你还会在删除和增加中加入一定判断保证操作正确性: table.getColumns().

    3.4K60

    电视剧情将根据心情发展

    明年夏天,你将能观看到恐怖得恰如你想要恐怖系列电视剧。人工智能创业公司Affectiva研发软件将提供众多视频供选择,当你注视着iPad屏幕时候,它摄像头也在注视着你。...Affectiva使得技术可以通过追踪使用者面部表情解读其感受。从麻省理工实验室出来科学家Roz Picard和Rana el Kaliouby从2009年开始运营Waltham技术创业公司。...哥伦比亚广播公司(CBS)使用了这款软件收集观众反馈,从而决定新节目是否继续播出。在2012年总统大选期间,Kaliouby团队也试用这款软件记录了选民在一场辩论中反馈。...这款软件基于所谓面部动作编码系统,系统将人类46种面部动作进行分类,进行不同排列组合,从而识别人类情感。20世纪70年代这个系统出世时,人们还是用眼睛观察面部肌肉评估情感状态。...软件需要通过训练辨认不同表情,比如两个人傻笑起来应该不太一样,整个过程“就像训练一个孩子认识什么是苹果”。 你敢随便露出表情吗? 五年过去了,这项技术终于也发展到足够实用地步了。

    38150

    边缘计算:需要改变什么增加它使用

    解决方案是可行,但是认识到边缘计算挑战是规划真正有效边缘策略第一步。 成本 首先是在边缘部署应用程序成本。 在传统云数据中心托管应用程序或数据相对便宜。...公共云供应商正在努力通过提供AWSSnowball等服务应对这一挑战,这些服务旨在让客户更轻松地将云工作负载迁移到本地站点。但是这些解决方案仍然需要花费大量资金,并且不一定适合小型组织预算。...随着边缘越来越流行并且解决方案变得更便宜,这种情况可能会改变,但就目前而言,不可否认是,边缘计算可能很昂贵。 边缘计算编排 您如何管理分布在由远程服务器组成分布式边缘网络中工作负载?...但是边缘编排不是Kubernetes主要用例,您需要投入一些时间和精力设置它完成这项工作。 简而言之,仍然没有简单、快速解决方案协调边缘工作负载。...他们可能必须根据位于这些地区用户数量,战略性地考虑哪些地区将从边缘部署中受益最大,哪些地区将不得不适应传统架构。 结论 转向边缘架构可能比所有关于边缘计算令人兴奋讨论所暗示要困难。

    39120

    【R语言】根据映射关系替换数据框中内容

    前面给大家介绍过☞R中替换函数gsub,还给大家举了一个临床样本分类具体例子。今天我们接着分享一下如何根据已有的映射关系对数据框中数据进行替换。...假设我们手上有这个一个转录本ID和基因名字之间对应关系,第一列是转录本ID,第二列是基因名字 然后我们手上还有一个这样bed文件,里面是对应5个基因CDs区域在基因组上坐标信息。...接下来我们要做就是将第四列中注释信息,从转录本ID替换成相应基因名字。我们给大家分享三种不同方法。...head(result1) 可以发现第四列注释信息中,转录本ID已经全部转换成了基因名字 方法二、使用stringi函数 #如果没有安装过stringi这个包,先运行下一命令进行安装 #BiocManager...#如果没有安装过mgsub这个包,先运行下一命令进行安装 #BiocManager::install("mgsub") library(mgsub) #先将bed文件中内容存放在result3中

    3.9K10

    我是如何根据豆瓣api理解Restful API设计

    REST本身没有创造新技术、组件或服务,它理念就是在现有的技术之上,更好使用现有的 web规范。用REST规范web服务器,能够更好展现资源,客户端能够更好使用资源。...REST本身跟http无关,但是目前http是与它相关唯一实例。REST有着优雅、简洁特性,本文是根据豆瓣api谈谈自己对restful一些理解。.../v2/book/1220562 表述了豆瓣api,version2下图书仓库下编号为1220562图书。...把动作转换成资源 比如,上述接口中,用户收藏某本书对外暴露接口是”/v2/book/:id/collection”,收藏动作通过post方法展现,而不直接写着api中,collection “收藏...如果对外公开api,api文档质量直接反应了一个公司技术水平,甚至一个公司文化气质。

    1.8K50

    使用kettle根据时间戳或者批次号批量导入数据,达到增量效果。

    安装部署模式这里不说了,自己可以根据自己需求安装为单机模式或者集群模式。    ...,所以具体操作不再叙述,具体使用自己可以根据需求来使用。...3、作业项名称,自己填自己,数据库连接,自己新建和编辑即可。 SQL脚本,自己填上自己sql脚本。 这个主要是批次量导入数据,所以使用时间戳实现批次量导入数据。...自己根据自己字段和类型进行填写。 change步骤: 第一步。在数据源库表里面查询出这批数据最大时间或者最大批次号。 第二步。...然后将这一步查询数据传递到Switch/Case。 第四步。Switch/Case。将上一步数据根据Switch/Case。进行传递。 第五步。

    3.2K11
    领券