2012-03-16 2 views

ответ

27

Одним из подходов может быть таким:

1) Создание CSS-файл с именем "style.css" и определить селектор идентификатора в нем:

#pane{ 
    -fx-background-image: url("background_image.jpg"); 
    -fx-background-repeat: stretch; 
    -fx-background-size: 900 506; 
    -fx-background-position: center center; 
    -fx-effect: dropshadow(three-pass-box, black, 30, 0.5, 0, 0); 
} 

2) Установите идентификатор самого верхнего элемента управления (или любого элемента управления) в сцене со значением, определенным в CSS, и загрузите этот файл CSS в сцену:

public class Test extends Application { 

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

    @Override 
    public void start(Stage primaryStage) { 
     StackPane root = new StackPane(); 
     root.setId("pane"); 
     Scene scene = new Scene(root, 300, 250); 
     scene.getStylesheets().addAll(this.getClass().getResource("style.css").toExternalForm()); 
     primaryStage.setScene(scene); 
     primaryStage.show(); 
    } 
} 

Вы также можете дать идентификатор для элемента управления в файле FXML:

<StackPane id="pane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml" fx:controller="demo.Sample"> 
    <children> 
    </children> 
</StackPane> 

Для получения дополнительной информации о JavaFX CSS Styling ссылку на это guide.

+0

я выкладываю еще один вопрос раньше, пожалуйста, помогите ссылку здесь http://stackoverflow.com/questions/9736393/javafx-2 -not-resizing-ui-control-based-on-window-size – John

+0

Могу ли я изменить фон сцены из другой функции, кроме пустого запуска – Ossama

+0

@Ossama да, вы можете. Определите два разных селектора CSS (с двумя разными фоновыми свойствами), а в некоторых методах измените идентификатор узла с нужным. –

10

Вы можете изменить стиль непосредственно на сцену, используя .root класс:

.root { 
    -fx-background-image: url("https://www.google.com/images/srpr/logo3w.png"); 
} 

Добавьте к этому CSS и загрузить его как «Улук бия», описанные в его ответе.

+0

Упс! Как заставить изображение заполнить всю сцену? Его оставляют белые пробелы слева и сверху. – John

+0

'-fx-background-repeat: stretch; ' –

+0

Он все еще оставляет пространство. Корень сцены - это GridPane, и я сосредоточен на сетке на сцене. Как предотвратить центрирование фонового изображения? – John

19

Я знаю, что это старый вопрос

Но в случае, если вы хотите сделать это программно или ява способ

для фона изображения; Вы можете использовать BackgroundImage класс

BackgroundImage myBI= new BackgroundImage(new Image("my url",32,32,false,true), 
     BackgroundRepeat.REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.DEFAULT, 
      BackgroundSize.DEFAULT); 
//then you set to your node 
myContainer.setBackground(new Background(myBI)); 

для краски или заполнить Фоновые; Вы можете использовать BackgroundFill класс

BackgroundFill myBF = new BackgroundFill(Color.BLUEVIOLET, new CornerRadii(1), 
     new Insets(0.0,0.0,0.0,0.0));// or null for the padding 
//then you set to your node or container or layout 
myContainer.setBackground(new Background(myBF)); 

Держит ява жив & & ваш CSS мертв ..

Смежные вопросы