Javafx 2.0: Как да променя размера на кръга с радио бутони с CSS?

Опитвам се да променя размера на радио бутоните в компилацията на моето приложение с 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  ;
}

javafx fxml scenebuilder javafx-2
person A.Fauchere    schedule 20.08.2012    source източник

Отговори (1)


arrow_upward
9
arrow_downward

-fx-padding: 10px;

Единична стойност на подложка означава, че всички подложки са еднакви, ако е указан набор от четири стойности на подложка, те се използват за горния, десния, долния и левия ръб на региона.

от справочното ръководство за JavaFX CSS

Пример:

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

За повече вдъхновяващи JavaFX CSS теми проверете win7glass.css от GreggSetzer/JavaFX- CSS-теми

person Tangocoder    schedule 20.08.2012
comment
благодаря, но това не ми помага да променя размера на квадратчето за отметка и радио-бутоните - person A.Fauchere; 20.08.2012
comment
Благодаря ти от цялото си сърце! - person A.Fauchere; 22.08.2012