AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 79062231
Accepted
tretonis
tretonis
Asked: 2024-10-07 21:52:20 +0800 CST2024-10-07 21:52:20 +0800 CST 2024-10-07 21:52:20 +0800 CST

JavaFX TreeTableView,失去焦点后选择栏显示默认颜色

  • 772

当自定义 TreeTableView 内的单元格然后选择任意行时,条形图的颜色采用默认的 modena 样式,到目前为止它是正确的。

失去焦点后选择栏的文本不再是默认的黑色

如何在 JavaFX 中解决这个问题,有没有优雅的解决方案?

我试过

tableRowProperty().flatMap(TreeTableRow::focusedProperty).addListener((obs, wasSelected, isNowSelected) -> updateTextFill());

但失去焦点时它也无法正常工作

在此处输入图片描述

符合预期

在此处输入图片描述

import javafx.application.Application;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TreeItem;
import javafx.scene.control.TreeTableCell;
import javafx.scene.control.TreeTableColumn;
import javafx.scene.control.TreeTableRow;
import javafx.scene.control.TreeTableView; 
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.util.Callback;

public class SelectionBarColorFocus extends Application {

    BorderPane bp = new BorderPane();
    
    @Override
    public void start(Stage primaryStage) {
         TreeTableView<Person> treeTableView = new TreeTableView<>();

        // Criar colunas
        TreeTableColumn<Person, String> nameColumn = new TreeTableColumn<>("Name");
        nameColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().nameProperty());
         
        
        nameColumn.setCellFactory((TreeTableColumn<Person, String> param) -> {

            TreeTableCell<Person, String> cell = new TreeTableCell<Person, String>() {
        
                   final ImageView imv = new ImageView();
                   final Text text = new Text("");
                   
                   HBox hbox = new HBox(imv, text);
                    
                   {
                      tableRowProperty().flatMap(TreeTableRow::selectedProperty).addListener((obs, wasSelected, isNowSelected) -> updateTextFill());                       
                      // tableRowProperty().flatMap(TreeTableRow::focusedProperty).addListener((obs, wasSelected, isNowSelected) -> updateTextFill());                       
                   }
                  
                    
                    @Override
                    public void updateItem(String item, boolean empty) {
                        
                        super.updateItem(item, empty);
                        if (item != null) {
                            text.setFill(Color.ORANGE);
                            text.setText(item);
                            setGraphic(hbox);
                            
                        }else {                            
                            text.setText("");
                            setGraphic(null);
                        }
                    }
                    
                    private void updateTextFill() {
                         text.setFill(getTableRow().isSelected() ? Color.WHITE: Color.ORANGE);
                    }   
                };

                return cell;
            }
        );

        
        
        TreeTableColumn<Person, String> addressColumn = new TreeTableColumn<>("Address");
        addressColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().addressProperty());



        
        TreeTableColumn<Person, Number> ageColumn = new TreeTableColumn<>("Age");
        ageColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().ageProperty());
        
        ageColumn.setCellFactory((TreeTableColumn<Person, Number> param) -> {
            TreeTableCell<Person, Number> cell = new TreeTableCell<Person, Number>() {
                
                boolean flat = false;
                final Text text = new Text("");
                
                {
                  focusedProperty().addListener((obs, wasFocused, isNowFocused) -> {
                          System.out.println("jorge focused="+isNowFocused);
                      }
                  );   
                }
                
                @Override
                public void updateItem(Number item, boolean empty) {
                    super.updateItem(item, empty);
                    
                    if(flat == false) {                         
                        tableRowProperty().flatMap(TreeTableRow::selectedProperty).addListener((obs, wasSelected, isNowSelected) -> updateTextFill(item, empty));                        
                        flat = true;
                    }                    
                    updateTextFill(item, empty);
                }
                
            
                private void updateTextFill(Number item, boolean empty) {                    
                    if(item != null && item.intValue() != -1) {
                            text.setFill(Color.BLUE);                          
                            text.setText(item.toString());
                            setGraphic(text);
                        
                    }else {
                        text.setText("");
                        setText("");
                        setGraphic(null);
                    }
                    text.setFill(getTableRow().isSelected() ? Color.WHITE: Color.BLUE);
                }    
                
            };
            
            return cell;
         });
        
        nameColumn.setPrefWidth(150);
        addressColumn.setPrefWidth(200);
        ageColumn.setPrefWidth(100);
    
        treeTableView.getColumns().addAll(nameColumn, addressColumn, ageColumn);

        TreeItem<Person> rootItem = new TreeItem<>(new Person("Persons", "", -1));
        rootItem.getChildren().addAll(
                new TreeItem<>(new Person("Alice", "456 Park Ave", 25)),
                new TreeItem<>(new Person("Bob", "789 Broadway", 35)),
                new TreeItem<>(new Person("Carol", "987 Elm St", 40)),
                new TreeItem<>(new Person("John", "123 Main St", 40))
        );

        rootItem.setExpanded(true);
        treeTableView.setRoot(rootItem);
        
        
        Button b = new Button("Row Lost Focus");
        
        StackPane st = new StackPane();
        st.getChildren().add(b);
        
        bp.setCenter(treeTableView);
        bp.setBottom(st);

        Scene scene = new Scene(bp, 500, 300);
        primaryStage.setScene(scene);
        primaryStage.setTitle("JavaFX TreeTableView SelectionBar Lost Focus");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
    
    
    
    public static class Person {
        private StringProperty name;
        private StringProperty address;
        private IntegerProperty age;

        public Person(String name, String address, int age) {
            this.name = new SimpleStringProperty(name);
            this.address = new SimpleStringProperty(address);
            this.age = new SimpleIntegerProperty(age);
        }

        public StringProperty nameProperty() {
            return name;
        }

        public StringProperty addressProperty() {
            return address;
        }

        public IntegerProperty ageProperty() {
            return age;
        }
    }
}
javafx
  • 1 1 个回答
  • 43 Views

1 个回答

  • Voted
  1. Best Answer
    James_D
    2024-10-07T23:26:14+08:002024-10-07T23:26:14+08:00

    单元格(和其他控件)中的默认颜色在 modena CSS 文件中定义,其源代码可在此处查看。对于单元格,文本填充具有以下定义:

        -fx-text-background-color: ladder(
            -fx-background,
            -fx-light-text-color 45%,
            -fx-dark-text-color  46%,
            -fx-dark-text-color  59%,
            -fx-mid-text-color   60%
        );
    

    其中各个颜色定义为

        -fx-dark-text-color: black;
        -fx-mid-text-color: #333;
        -fx-light-text-color: white;
    

    然后将其应用于各种控件中的文本,在本例中为

    .tree-table-row-cell {
        /* Other CSS properties omitted */
        -fx-text-fill: -fx-text-background-color;
    }
    

    这意味着,如果文本绘制在深色物体fx-background(强度低于 45%)上,文本将为白色 ( -fx-light-text-color);如果背景为“中等”(强度在 46% 到 59% 之间),文本将为黑色 ( ) -fx-dark-text-color,如果文本绘制在浅色背景(强度高于 60%)上,文本将为深灰色 ( -fx-mid-text-color: #333;)。

    默认情况下,背景为浅灰色,因此文本显示为深灰色。当行被选中并聚焦时,背景为强调色,强度小于 45%,因此文本自动变为白色。当行被选中但未聚焦时,背景为浅灰色(不像未选中的背景那样浅),文本再次变为深灰色(“中间文本颜色”)。

    修改样式的推荐方法是提供您自己的样式表。由于您使用的是文本对象,因此默认情况下这些对象没有样式,因此您需要为它们指定样式类(或 ID,但由于同一列中会有多个文本对象,我建议使用 CSS 类)。

    据我了解,您的要求是,您希望姓名列的文本为橙色,年龄列的文本为蓝色,但仅限于未选择行时。选择行后,您需要默认颜色(无论是选择+聚焦还是选择+未聚焦的默认颜色)。

    您可以通过以下方式实现此目的:

    import javafx.application.Application;
    import javafx.beans.property.IntegerProperty;
    import javafx.beans.property.SimpleIntegerProperty;
    import javafx.beans.property.SimpleStringProperty;
    import javafx.beans.property.StringProperty;
    import javafx.scene.Scene;
    import javafx.scene.control.*;
    import javafx.scene.image.ImageView;
    import javafx.scene.layout.BorderPane;
    import javafx.scene.layout.HBox;
    import javafx.scene.layout.StackPane;
    import javafx.scene.text.Text;
    import javafx.stage.Stage;
    
    public class SelectionBarColorFocus extends Application {
    
        BorderPane bp = new BorderPane();
    
        @Override
        public void start(Stage primaryStage) {
            TreeTableView<Person> treeTableView = new TreeTableView<>();
    
            // Criar colunas
            TreeTableColumn<Person, String> nameColumn = new TreeTableColumn<>("Name");
            nameColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().nameProperty());
    
    
            nameColumn.setCellFactory((TreeTableColumn<Person, String> param) -> {
    
                        TreeTableCell<Person, String> cell = new TreeTableCell<Person, String>() {
    
                            final ImageView imv = new ImageView();
                            final Text text = new Text("");
    
                            HBox hbox = new HBox(imv, text);
    
                            {
                                text.getStyleClass().add("name-cell-text");
                            }
    
    
                            @Override
                            public void updateItem(String item, boolean empty) {
    
                                super.updateItem(item, empty);
                                if (item != null) {
                                    text.setText(item);
                                    setGraphic(hbox);
    
                                }else {
                                    text.setText("");
                                    setGraphic(null);
                                }
                            }
    
                        };
    
                        return cell;
                    }
            );
    
    
    
            TreeTableColumn<Person, String> addressColumn = new TreeTableColumn<>("Address");
            addressColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().addressProperty());
    
    
    
    
            TreeTableColumn<Person, Number> ageColumn = new TreeTableColumn<>("Age");
            ageColumn.setCellValueFactory(cellData -> cellData.getValue().getValue().ageProperty());
    
            ageColumn.setCellFactory((TreeTableColumn<Person, Number> param) -> {
                TreeTableCell<Person, Number> cell = new TreeTableCell<Person, Number>() {
    
                    final Text text = new Text("");
    
                    {
                        text.getStyleClass().add("age-cell-text");
                    }
    
                    @Override
                    public void updateItem(Number item, boolean empty) {
                        super.updateItem(item, empty);
                        if (item != null && item.intValue() != -1) {
                            text.setText(item.toString());
                            setGraphic(text);
                        } else {
                            setGraphic(null);
                        }
                    }
    
                };
    
                return cell;
            });
    
            nameColumn.setPrefWidth(150);
            addressColumn.setPrefWidth(200);
            ageColumn.setPrefWidth(100);
    
            treeTableView.getColumns().addAll(nameColumn, addressColumn, ageColumn);
    
            TreeItem<Person> rootItem = new TreeItem<>(new Person("Persons", "", -1));
            rootItem.getChildren().addAll(
                    new TreeItem<>(new Person("Alice", "456 Park Ave", 25)),
                    new TreeItem<>(new Person("Bob", "789 Broadway", 35)),
                    new TreeItem<>(new Person("Carol", "987 Elm St", 40)),
                    new TreeItem<>(new Person("John", "123 Main St", 40))
            );
    
            rootItem.setExpanded(true);
            treeTableView.setRoot(rootItem);
    
    
            Button b = new Button("Row Lost Focus");
    
            StackPane st = new StackPane();
            st.getChildren().add(b);
    
            bp.setCenter(treeTableView);
            bp.setBottom(st);
    
            Scene scene = new Scene(bp, 500, 300);
            scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.setTitle("JavaFX TreeTableView SelectionBar Lost Focus");
            primaryStage.show();
        }
    
        public static void main(String[] args) {
            launch(args);
        }
    
    
    
        public static class Person {
            private StringProperty name;
            private StringProperty address;
            private IntegerProperty age;
    
            public Person(String name, String address, int age) {
                this.name = new SimpleStringProperty(name);
                this.address = new SimpleStringProperty(address);
                this.age = new SimpleIntegerProperty(age);
            }
    
            public StringProperty nameProperty() {
                return name;
            }
    
            public StringProperty addressProperty() {
                return address;
            }
    
            public IntegerProperty ageProperty() {
                return age;
            }
        }
    }
    

    和样式表

    .tree-table-row-cell .name-cell-text {
        -fx-fill: -fx-text-background-color;
        -fx-text-background-color: orange;
    }
    
    .tree-table-row-cell .age-cell-text {
        -fx-fill: -fx-text-background-color;
        -fx-text-background-color: blue;
    }
    
    .tree-table-row-cell:selected .name-cell-text, .tree-table-row-cell:selected .age-cell-text {
        /* restore default */
        -fx-text-background-color: ladder(
            -fx-background,
            -fx-light-text-color 45%,
            -fx-dark-text-color  46%,
            -fx-dark-text-color  59%,
            -fx-mid-text-color   60%
        );
    }
    

    通过将 明确设置-fx-text-background-color为橙色或蓝色,然后恢复所选行中的默认梯子,即可实现此目的。这里还有其他解决方案:例如

    .tree-table-row-cell .name-cell-text {
        -fx-fill: orange;
    }
    
    .tree-table-row-cell .age-cell-text {
        -fx-fill: blue;
    }
    
    .tree-table-row-cell:selected .name-cell-text, .tree-table-row-cell:selected .age-cell-text {
        /* restore default */
        -fx-fill: -fx-text-background-color;
    }
    

    请注意,没有监听器并且单元实现非常基础。

    只需使用单元格的文本属性而不是显式文本对象即可简化此操作。目前尚不清楚您是否出于某些未指明的原因在实际应用中需要这些属性,但以下是我在此特定示例中实现单元格的方法:

            nameColumn.setCellFactory((TreeTableColumn<Person, String> _) -> {
    
                        TreeTableCell<Person, String> cell = new TreeTableCell<>() {
                            final ImageView imv = new ImageView();
                            @Override
                            public void updateItem(String item, boolean empty) {
                                super.updateItem(item, empty);
                                if (item != null) {
                                    setText(item);
                                    setGraphic(imv);
                                } else {
                                    setText("");
                                    setGraphic(null);
                                }
                            }
    
                        };
                        cell.getStyleClass().add("name-cell");
                        return cell;
                    }
            );
    

    和

            ageColumn.setCellFactory((TreeTableColumn<Person, Number> _) -> {
                TreeTableCell<Person, Number> cell = new TreeTableCell<>() {
    
                    @Override
                    public void updateItem(Number item, boolean empty) {
                        super.updateItem(item, empty);
                        if (item != null && item.intValue() != -1) {
                            setText(item.toString());
                        } else {
                            setText("");
                        }
                    }
    
                };
                cell.getStyleClass().add("age-cell");
                return cell;
            });
    

    使用(同样更简单的)样式表

    .tree-table-row-cell .name-cell {
        -fx-text-fill: orange;
    }
    .tree-table-row-cell .age-cell {
        -fx-text-fill: blue;
    }
    .tree-table-row-cell:selected .tree-table-cell {
        -fx-text-fill: inherit;
    }
    
    • 4

相关问题

  • 如何从字节数组在 javafx 中创建 Media 对象?

  • Node.snapshot() 在 JavaFX 中看不到节点的变化

  • JavaFX 场景 minWidth 和 minHeight 不起作用

  • 如何使 Togglebutton 在 tableView 列中正常工作?

  • Javafx ListView 遇到问题

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行?

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    何时应使用 std::inplace_vector 而不是 std::vector?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Martin Hope
    Aleksandr Dubinsky 为什么 InetAddress 上的 switch 模式匹配会失败,并出现“未涵盖所有可能的输入值”? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge 为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini 具有指定基础类型但没有枚举器的“枚举类”的用途是什么? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer 何时应使用 std::inplace_vector 而不是 std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB 为什么 GCC 生成有条件执行 SIMD 实现的代码? 2024-02-17 06:17:14 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve