11

如果选择了节点，则将样式类添加到节点，如果选择其他项目，则将其删除。即使我删除了样式类，样式也不会刷新，因此它不会回到正常状态：

admin_category_label.getStyleClass().remove(admin_category_label.getStyleClass().indexOf("selected"));
admin_category_label.getStyleClass().add("clear");

但样式将与选定的类保持一致

4

5 回答 5

16

这是一个错误。据报道这里删除了悬停样式类，不更新样式。您可能想投票并观看它。作为一种解决方法，您应该覆盖您触摸/更改为与默认规则相同的 css 规则。演示：

import javafx.application.Application;
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.layout.StackPane;
import javafx.scene.layout.VBoxBuilder;
import javafx.stage.Stage;

public class StyleDemo extends Application {

    @Override
    public void start(Stage primaryStage) {
        final Label lbl = new Label("Style Me");
        lbl.getStyleClass().add("style1"); // initial style

        Button btn = new Button("Change the style");
        btn.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent arg0) {
                lbl.getStyleClass().remove("style1");
                lbl.getStyleClass().add("style2");
            }
        });

        StackPane root = new StackPane();
        root.getChildren().add(VBoxBuilder.create().spacing(20).children(lbl, btn).build());
        Scene scene = new Scene(root, 300, 250);
        scene.getStylesheets().add(this.getClass().getResource("style.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

style.css 是：

.style1 {
    -fx-text-fill: red;
    -fx-border-color: green;
    -fx-font-size: 20;
}

.style2 {
    -fx-text-fill: blue;
    -fx-border-color: red;
    -fx-font-size: 15;
    -fx-underline: true;
}

单击按钮时，style1删除最初添加的并style2添加。

于 2012-06-11T08:43:56.840 回答
1

感谢 Uluk Biy 发布的解决方案。但它似乎不能“按原样”工作（在 jdk 1.70_40 win x 64 上测试）。我必须在设置类之前清除样式类。这是我的工作代码：

import javafx.application.Application;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
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.layout.StackPane;
import javafx.scene.layout.VBoxBuilder;
import javafx.stage.Stage;

public class StyleDemo extends Application {
    //ADD just a toggle property
    public static BooleanProperty toggle = new SimpleBooleanProperty(false);

    @Override
    public void start(Stage primaryStage) {
        final Label lbl = new Label("Style Me");
        lbl.getStyleClass().add("style1"); // initial style

        Button btn = new Button("Change the style");

        btn.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                //ADD clear style class !
                lbl.getStyleClass().clear();
                if(toggle.get()) {
                    lbl.getStyleClass().add("style1");
                    toggle.set(!toggle.get());
                }else{
                    lbl.getStyleClass().add("style2");
                    toggle.set(!toggle.get());
                }
            }
        });

        StackPane root = new StackPane();
        root.getChildren().add(VBoxBuilder.create().spacing(20).children(lbl,btn).build());
        Scene scene = new Scene(root, 300, 250); 
        scene.getStylesheets().add("/style.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
于 2013-10-06T09:26:04.293 回答
1

至少对于 Java 8，这现在有效。但是，我不会做 OP 所做的事情，而是会实现这样的效果：

admin_category_label.getStyleClass().remove("selected");
admin_category_label.getStyleClass().add("clear");

看起来干净一些。

请记住，您的 CSS 选择器需要如下所示：

.selected {
    /* Styling attributes... */
}

.clear {
    /* Styling attributes... */
}
于 2016-09-11T09:07:20.877 回答
1

6 年后，该错误仍然存​​在，这是一种更简单的方法，特别是如果您不想弄乱其他类：

int indexOf = textField.getStyleClass().indexOf(INVALID_CLASS);
if(indexOf != -1){
    textField.getStyleClass().remove(indexOf);
}

为什么这行得通？因为用于 StyleClass 的列表是 TrackableObservablieList 继承自 remove(index) 确实触发了 remove(Object) 没有的更改的层次结构。

于 2018-02-05T13:05:42.387 回答
0

您可以尝试为应用程序添加一个 CSS。您甚至可以使用 FXML 将设计与应用程序的逻辑分开。这是一段在 JavaFX 2.1 中对我有用的代码！

private Parent replaceSceneContent(String fxml) throws Exception {
   Parent page = (Parent)
      FXMLLoader.load(
         Main.class.getResource(fxml), null, new JavaFXBuilderFactory());
   Scene scene = stage.getScene();
   if (scene == null) {
      scene = new Scene(page, 1366, 720);
      scene.getStylesheets().add(
         Main.class.getResource(
            "../skinFolder/css/defaultSkin.css" ).toExternalForm());
      stage.setScene(scene);
   } else {
      stage.getScene().setRoot(page);
   }
   stage.sizeToScene();
   return page;
}
于 2012-06-10T19:25:44.763 回答