javafx 设置 圆形按钮同时设置高度和宽度
要设置一个圆形按钮,可以使用JavaFX的Button类,并在CSS样式中设置按钮的形状为圆形。
首先,在FXML文件中添加一个Button元素,并为其设置一个id,以便在CSS样式中引用:
<Button id="circleButton" text="圆形按钮" />
接下来,在CSS样式文件中添加以下样式规则:
#circleButton {
-fx-shape: "M30,15 A15,15 0 1 1 30,45 A15,15 0 1 1 30,15";
-fx-min-width: 30px;
-fx-min-height: 30px;
-fx-max-width: 30px;
-fx-max-height: 30px;
}
在这个样式规则中,我们使用SVG路径命令创建了一个圆形形状,它的半径是15px,中心点的坐标是(30, 30)。然后,我们将按钮的最小宽度和高度设置为30px,并将最大宽度和高度也设置为30px,以确保按钮是一个正圆形。
最后,将CSS样式文件与FXML文件关联起来:
<Scene stylesheets="path/to/your/style.css" ...>
现在,你的按钮就会呈现为一个圆形按钮,同时具有指定的高度和宽度
原文地址: http://www.cveoy.top/t/topic/hSy2 著作权归作者所有。请勿转载和采集!