龙空技术网

一起学javaFx:css篇-仿某音乐播放条

ai传知 28

前言:

目前小伙伴们对“androidhtml播放视频代码”大概比较珍视,咱们都需要分析一些“androidhtml播放视频代码”的相关文章。那么小编同时在网上网罗了一些有关“androidhtml播放视频代码””的相关知识,希望朋友们能喜欢,小伙伴们一起来了解一下吧!

javaFx使用css设置样式,可以提高开发效率和界面的美观度。

在写css的时候,一个重要的参考就是(),这是javaFx引用指南,属性在这里都能查到,写法参考css3语法。

样式的绑定和生效要跟创建的对象保持一致,很多组件都不是单一存在,如:listView->listCell,button->label等,在样式不生效时,需要搞清楚对象的层次。

javaFx某些css属性跟css3有区别,比如:

文字颜色:text-fill

button边框: background-insets、圆角:background-radius

...,其他还要努力探索。

字体图标Button参考一起学javaFx:button篇-字体图标

代码如下:

AnchorPane root = new AnchorPane();		Button ckgcxz = new Button();		ckgcxz.setId("ckgcxz");		ckgcxz.setLayoutX(8);		ckgcxz.setLayoutY(8);        root.getChildren().add(ckgcxz);        Label gm = new Label("陈**强  - 今宵****重");        gm.setId("gm");        gm.setLayoutX(63);        gm.setLayoutY(12);        root.getChildren().add(gm);        //                Button mp = new Button();        mp.setLayoutX(166);        mp.setLayoutY(9);        mp.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.YOUTUBE_PLAY, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(mp);                Button hx = new Button();        hx.setId("hx");        hx.setLayoutX(55);        hx.setLayoutY(30);        hx.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.HEART, IconLabel.getFont(13), Color.web("#f56c6c")));        root.getChildren().add(hx);        Button dl = new Button();        dl.setLayoutX(85);        dl.setLayoutY(31);        dl.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.DOWNLOAD, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(dl);                Button pl = new Button();        pl.setLayoutX(114);        pl.setLayoutY(29);        pl.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.COMMENTING_ALT, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(pl);                Button fx = new Button();        fx.setLayoutX(144);        fx.setLayoutY(31);        fx.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.MAIL_FORWARD, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(fx);                Button gd = new Button();        gd.setLayoutX(175);        gd.setLayoutY(31);        gd.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.ELLIPSIS_V, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(gd);                Button bf = new Button();        bf.setId("bf");        bf.setLayoutX(360);        bf.setLayoutY(21);        bf.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.STEP_BACKWARD, IconLabel.getFont(18), Color.web("#66b1ff")));        root.getChildren().add(bf);                Button play = new Button();        bf.setId("play");        play.setLayoutX(410);        play.setLayoutY(18);        play.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.PLAY, IconLabel.getFont(24), Color.web("#66b1ff")));        root.getChildren().add(play);                Button ff = new Button();        bf.setId("ff");        ff.setLayoutX(462);        ff.setLayoutY(21);        ff.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.STEP_FORWARD, IconLabel.getFont(18), Color.web("#66b1ff")));        root.getChildren().add(ff);                Label jd = new Label("03:18/03:45");        jd.setId("jd");        jd.setLayoutX(618);        jd.setLayoutY(30);        root.getChildren().add(jd);                Button yl = new Button();        yl.setLayoutX(705);        yl.setLayoutY(25);        yl.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.VOLUME_UP, IconLabel.getFont(15), Color.web("#a8abb2")));        root.getChildren().add(yl);                Button rd = new Button();        rd.setLayoutX(735);        rd.setLayoutY(26);        rd.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.RANDOM, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(rd);                Label c = new Label("词");        c.setId("c");        c.setLayoutX(770);        c.setLayoutY(30);        root.getChildren().add(c);                Button list = new Button();        list.setLayoutX(790);        list.setLayoutY(26);        list.setGraphic(IconLabel.getIconLabel(FontAwesomeIcon.LIST, IconLabel.getFont(13), Color.web("#a8abb2")));        root.getChildren().add(list);                Scene scene = new Scene(root, 840, 50);        scene.getStylesheets().add("aichuanzhi.css");        primaryStage.setScene(scene);        primaryStage.setResizable(false);        primaryStage.setTitle("仿xx播放控制条");        primaryStage.show();aichuanzhi.cssAnchorPane{	-fx-background-color:#ffffff;}#ckgcxz{	-fx-pref-width:46px;	-fx-pref-height:46px;	-fx-background-color:#dedfe0;	-fx-background-radius:5px;}#gm{	-fx-font-size:11;	-fx-text-fill:#606266;}.button{	-fx-background-insets:0px;	-fx-background-color:rgba(0,0,0,0.0);}.button>Label:hover{	-fx-text-fill:#53a8ff;}#bf>Label:hover,#play>Label:hover,#ff>Label:hover{	-fx-text-fill:#337ecc;}#hx>Label:hover{	-fx-text-fill:#f56c6c;}.button>Label:hover{	-fx-text-fill:#53a8ff;}#jd{	-fx-font-size:10;	-fx-text-fill:#c8c9cc;}

标签: #androidhtml播放视频代码 #html添加音乐为啥不播放 #css播放视频代码 #html播放两个音乐