JavaFxcss 样式（三）
css 样式（三）
JavaFX 从⼊门⼊门到⼊⼟系列
JavaFx css样式，前⾯我说过它类似html，他有css控制样式，不过最新的css标准并不⽀持，同时javafx的css样式都以 -fx-开头，列如设置背景颜⾊.
css 样式需要注意，我这⾥是Maven管理项⽬。将css放到resources/css/main.css下
main.css
java代码如下.bg { -fx-background-color : #1EC6FC ;}
1
2
3/*作⽤于指定class*/.bg {    -fx-background-color : #1EC6FC ;    -fx-font-size : 20px ;    /*字体颜⾊*/    -fx-text-fill : red ;}/* 作⽤于全局的按钮样式 */.button {    -fx-font-size : 40px }
1
2
3
4
5
6
7
8
9
10
11
12
import  Application ;import  Scene ;import  Button ;import  Label ;import  Image ;import  VBox ;import  Stage ;/** * @author lingkang  * @date 2021/9/17 22:29 * @description  */public  class  TitleDemo extends  Application {    public  void  start (Stage stage ) throws  Exception {        stage .setTitle ("标题");        stage .getIcons ().add (new  Image ("img/avatar.jpg"));        stage .setHeight (200);        stage .setWidth (300);        Label label = new  Label ("css 样式");        // 给label 添加css 样式        label .getStyleClass ().add ("bg");        Button button = new  Button ("样式按钮");        // 直接添加样式        button .setStyle ("-fx-background-color: red;-fx-text-fill: blue;");        // 使⽤Vbox 纵向布局放标签和按钮        VBox box = new  VBox ();        box .getChildren ().add (label );        box .getChildren ().add (button );        Scene scene = new  Scene (box );        // 将样式css 放到场景中，类似html 中的全局 css        scene .getStylesheets ().add ("css/main.css");        stage .setScene (scene );        stage .show ();    }    public  static  void  main (String [] args ) {        launch (args );    }}
1234567891011121314151617181920212223242526272829303132333435363738394041424344
css最新
效果如下

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。