如何在JavaFX CSS中创建自定义边框样式?

rs

我想创建类似于预先定义的“虚线”样式(-fx-border-style: dashed)的边框样式

如何在CSS中使用虚线段,线帽和线连接的自定义长度创建虚线边框?

詹姆斯·D

JavaFX的CSS参考Region,特别是对于可能的值-fx-border-style您可以使用segments(...)定义任意线段长度:还有用于设置line-capsquarebutt,或round)和line-joinmiterbevelround)。

快速示例:

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class CustomBorderExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        Region region = new Region();
        region.getStyleClass().add("custom-dashed-border");
        region.setMinSize(400, 400);
        StackPane root = new StackPane(region);
        root.setPadding(new Insets(16));
        Scene scene = new Scene(root, 480, 480);
        scene.getStylesheets().add("custom-dashed-border.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

custom-dashed-border.css:

.custom-dashed-border {
    -fx-border-color: blue ;
    -fx-border-width: 5 ; 
    -fx-border-style: segments(10, 15, 15, 15)  line-cap round ;
}

这使

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在CSS中创建自定义边框设计

如何在gnuplot中创建自定义填充样式?

如何在 JavaFX 中创建自定义 ProgressIndicator?

如何在 React 中设置自定义 css 样式?

如何在JavaFX中从CSS设置自定义字体?

如何在 JavaFX 中的 ListView 中设置自定义控件的样式

如何创建自定义样式?

如何在自定义按钮样式中使用带边框的突出样式?

如何在java中动态创建自定义xml元素(或自定义javafx场景控件)

如何在div中自定义边框

如何在HTML / CSS中创建此边框样式?

如何在JavaFX的TableView中自定义setCellValueFactory的功能

如何在 JavaFX 中制作自定义 LineChart 控件?

如何在JavaFX 8中创建自定义3d模型?

如何在 JavaFx 中为自定义组件创建属性?

如何在JavaFX自定义控件中摆脱这些CSS警告?

如何在branch.io中更改深度视图html页面的样式?(创建自定义样式)

如何在Angular CLI中包含自定义样式

如何在图表中自定义样式数据标签?

如何在自定义过渡中更新StatusBar样式

如何在Chart.js上自定义边框样式

如何为文本创建自定义边框

如何在iText 7中创建/设置表格单元格和边框的自定义颜色?

如何使用CSS / HTML中的图像制作自定义边框角?

如何创建自定义形状-CSS

如何在现有的物化CSS按钮和导航栏中添加自定义CSS样式?

如何使用XML样式在Android中创建自定义按钮

如何在css中创建自定义复选框

如何在CSS或引导程序中创建自定义列