Javafx 2.0: Как изменить размер круга с помощью кнопок с CSS?

Question

Я пытаюсь изменить размер кнопок в моей сборке приложений с помощью FXML и CSS. Я использую sceneBuilder.

Благодарим за помощь!

Вот мой фактический код CSS для кнопок радио:

.radio-button .radio{ 
-fx-border-width  : 1px ; 
-fx-border-color  : #000 ; 
-fx-background-color : white ; 
-fx-background-image : null ; 
-fx-border-radius : 15px ; 
-fx-height   : 15px ; /* Not working */ 
height    : 5px ; /* Not working */ 
} 
.radio-button .radio:selected{ 
-fx-background-color : white ; 
-fx-background-image : null ; 
} 
.radio-button -radio:armed{ 
-fx-background-color : white ; 
-fx-background-image : null ; 
} 
.radio-button -radio:determinate{ 
-fx-background-color : white ; 
-fx-background-image : null ; 
} 
.radio-button -radio:indeterminate{ 
-fx-background-color : white ; 
-fx-background-image : null ; 
} 

Answer 1

-fx-padding: 10px;

одно значение заполнения означает, что все обивки одинаковы, если набор из четырех значений отступов указан, они используются для верхнего, правого, нижнего и левого краев области.

от JavaFX CSS Reference Guide

Пример:

CssTest.java

import javafx.application.Application; 
import javafx.scene.Scene; 
import javafx.scene.control.RadioButton; 
import javafx.scene.layout.BorderPane; 
import javafx.stage.Stage; 

public class CssTest extends Application 
{ 
    public void start(Stage stage) throws Exception 
    { 
     BorderPane root = new BorderPane(); 
     RadioButton radio = new RadioButton("radio-text"); 
     root.setCenter(radio); 
     root.getStylesheets().add(getClass().getResource("/radio.css").toExternalForm()); 
     stage.setScene(new Scene(root)); 
     stage.show(); 
    } 

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

radio.css

.radio-button .radio { 
    -fx-border-width: 1px; 
    -fx-border-color: #000; 
    -fx-background-color: white; 
    -fx-background-image: null; 
    -fx-border-radius: 15px; 
    -fx-padding: 4px; 
} 
.radio-button .radio:selected { 
    -fx-background-color: white; 
    -fx-background-image: null; 
} 
.radio-button -radio:armed { 
    -fx-background-color: white; 
    -fx-background-image: null; 
} 
.radio-button -radio:determinate { 
    -fx-background-color: white; 
    -fx-background-image: null; 
} 
.radio-button -radio:indeterminate { 
    -fx-background-color: white; 
    -fx-background-image: null; 
} 
.radio-button .dot { 
    -fx-background-radius: 15px; 
    -fx-padding: 8px; 
} 

результат

Для более вдохновляющих тема JavaFX CSS, проверьте win7glass.css из GreggSetzer/JavaFX-CSS-Themes