前言:
目前小伙伴们对“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播放两个音乐