JavaFX通过CSS为按钮的图形节点设置样式

时间:2015-10-23 10:32:11

标签: java css button javafx styling

我正在尝试重新创建我在Swing中使用的LookAndFeel。

到目前为止一切都有效,但我通过设置按钮的图形节点的样式而失败。

Java的代码:

Button btnAdd= new Button();
btnAdd.setGraphic(iconAdd); //iconAdd = ImageView

CSS:

.button:disabled, .button:default:disabled {
    -fx-opacity: 1.0;
    -fx-background-color: rgb(239, 239, 239);
    -fx-border-color: rgb(217, 217, 217);
}

.button:disabled > .graphic  {
    -fx-opacity: 0.1;
}

正如您所看到的,我希望Button在禁用时不透明(这有效!)。

我只想让Button的子节点Graphic-Node透明。

致以最诚挚的问候,

strongp

1 个答案:

答案 0 :(得分:2)

按钮中的图形不会自动获取样式类graphic,因此您需要添加它:

iconAdd.getStyleClass().add("graphic");

SSCCE:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class ButtonGraphicCssTest extends Application {

    @Override
    public void start(Stage primaryStage) {
        Button button = new Button();
        Image image = new Rectangle(20, 20, Color.CORNFLOWERBLUE).snapshot(null, null);
        ImageView imageView = new ImageView(image);
        imageView.getStyleClass().add("graphic");
        button.setGraphic(imageView);

        button.setOnAction(e -> button.setDisable(true));

        StackPane root = new StackPane(button);
        Scene scene = new Scene(root, 350, 120);
        scene.getStylesheets().add("button-graphic-disabled.css");

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

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

按钮图形-disabled.css:

.button:disabled, .button:default:disabled {
    -fx-opacity: 1.0;
    -fx-background-color: rgb(239, 239, 239);
    -fx-border-color: rgb(217, 217, 217);
}

.button:disabled > .graphic  {
    -fx-opacity: 0.1;
}