0

JavaFX CSS Sayfası ve Resim Ekleme

Bilindiği gibi javafx ile Css ( Cascading Styl Sheet ) kullanabiliyoruz ve bu şekilde görsel olarak çok güzel arayüzler hazırlayabiliyoruz. Bu yazıda oluşturduğumuz bir css stil sayfasını projemizde nasıl kullanacağımız hakkında bilgi vereceğim.  Ayrıca projemize bir klasör içine aldığımız bir resmi bir ImageView ‘e nasıl aktaracağımızı gösteren kısa bir örnek olacak.  Css ile ilgili stil kodlarını nereden bulacağım sorusu aklınıza gelmiş olabilir Oracle bir referans dökümanı hazırlamış buyrun buradan inceleyebilirsiniz. Burada şu noktaya dikkatinizi çekmek isterim . StyleSheet ‘imizi ( stil.css) dosyamızı Sahnemize ( Scene)  uyguladığımızdır.

stil.css dosyamızı oluşturalım

.root{

-fx-background-color:#000;
}

 

 

 

 

 

 

 

public class Main extends Application  {

    @Override
    public void start(Stage primaryStage) throws Exception{

        AnchorPane root=new AnchorPane();

        ImageView image=new ImageView();
        Image img=new Image(getClass().getResourceAsStream("imags/shopp.png")); 
        image.setImage(img);
        Scene scene=new Scene(root, 300, 275);
        AnchorPane.setLeftAnchor(image, 130.0);
        AnchorPane.setTopAnchor(image,10.0);
        root.getChildren().add(image);



        scene.getStylesheets().add("sample/stil.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }


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

 

 

admin

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir