JavaFX 自定义CSS样式

最新推荐文章于 2022-05-20 14:48:56 发布
最新推荐文章于 2022-05-20 14:48:56 发布
阅读量1.6k 收藏 7
点赞数 2
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PLA12147111/article/details/84841906
版权

 

/* (图1) 设置背景颜色渐变,where <side-or-corner> = [left | right] || [top | bottom] */
-fx-background-color: linear-gradient(to bottom,#99CCFF,#CCFFFF)
图1

 

/* (图2) 边角圆弧,参数分别是左上角→右上角→左下角→右下角,全部统一就只输50 */
-fx-background-radius: 50 0 50 0
图2

 

/* (图3) 内边距 */
-fx-background-insets:10 0 10 0
图3

 

 

/* (图4) 标题面板  */
-fx-background-color: linear-gradient(from 0px 0px to 0px 50px, gray, darkgray 50%, dimgray 99%, white)
-fx-background-radius: 30 30 0 0
图4

 

设置TextArea文本域透明(背景透明,文字不透明)

待续...

 

 

 

 

 

PLA12147111
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javafx应用不同的css文件
03-19
作了一个例子，使用binding不同的css文件，变换不同的样式。界面比较漂亮。下载完后直接可用netbean6.8打开看效果。
JavaFX自定义组件——添加自定义的css属性
a974988176的博客
12-11 2130
JavaFX自定义组件库——添加自定义css属性
JavaFx css样式（三）
凌康的博客
09-17 1999
JavaFx css样式 JavaFX 从入门入门到入土系列 JavaFx css样式，前面我说过它类似html，他有css控制样式，不过最新的css标准并不支持，同时javafx的css样式都以 -fx-开头，列如设置背景颜色. .bg{ -fx-background-color: #1EC6FC; } 更多详细参考官网文档：https://openjfx.cn/javadoc/16/javafx.graphics/javafx/scene/doc-files/cssref.html css样式 需要
javaFX学习笔记之在图表中使用CSS（转载）
zy103118的博客
05-20 1623
参考的原文链接：DOC-03-38 在图表中使用CSS | JavaFX中文资料 通过应用层叠样式表（CSS）来改变JavaFX图表的默认外观 改变图表的配色方案，修改其图例或坐标轴，以及修改图表符号 JavaFX图表中所有的视觉元素都由modena样式表定义。JavaFX API中有一个受限的方法和属性集来改变这些视觉元素。Oracle建议你在JavaFX应用程序中使用图表特有的CSS属性来实现改变图表的外观 在JavaFX CSS参考指南（JavaFX CSS Reference Guid）中找
javafx中创建css,从零开始学习JavaFX（3）使用JavaFX CSS让表单变得丰富多彩
weixin_30443729的博客
08-03 1575
在上一节教程中，我们已经学习了如何在JavaFX中创建简单的表单和创建简单的表单事件。这一节中，我们将会学习如何在JavaFX中使用CSS，来让表单变得漂亮和特别。我们依然使用上一节教程中的表单，如下图所示:默认的CSS样式是左图，使用CSS样式之后的为右图。我们先创建一个Login.css文件，然后在我们的初始化方法中写下如下代码:Scene scene = new Scene(grid, 30...
readyState属性和status属性
weixin_44492275的博客
09-10 424
readyState属性和status属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body
JavaFX——CSS选择器
杨月娥
03-01 6061
  前言   在CSS中，选择器是一种模式，用于选择需要添加样式的元素，在JavaFX CSS中有四种选择器，下面由小编来给大家一一讲解。一、类型选择器（TypeSelector)   大部分JavaFX控件类都对应一个CSS Type，我们可以使用类型选择器来控制类型控件的外观。对应的命名为：将JavaFX的类名给改成首字母小写，如果有多个单词拼接的类名，将每个单词原来大写的首字母小写然后用连字...
JavaFx 自定义封装 Pagination 分页组件、控件
最新发布
03-20
javaFx 自定义时间选择组件 Pagination， javaFx 源代码分页功能较少，该代码组件支持首页、上一页、下一页、尾页、跳转、每页数量等操作，同时展示总数据量，使用教程搜索博客：《JavaFx 自定义封装 Pagination ...
JavaFX CSS Reference Guide
04-16
javaFX节点控件样式大全，javaFX节点控件样式大全，javaFX节点控件样式大全
JavaFX学习 自定义分页，工具栏，window
04-15
NULL 博文链接：https://lujin55.iteye.com/blog/1747929
springboot 与 javaFX 集成 自定义starter
05-20
springboot-javafx-support 文档地址:https://springboot-javafx-support.readthedocs.io/en/latest/ 集成参考:https://segmentfault.com/a/1190000014037443
FX-BorderlessScene:Java具有执行的移动，调整大小，最小化，最大化，关闭和Windows Aero Snap控件的未经修饰的JavaFX Scene
05-01
使用自定义css或default实现JavaFX应用程序所需的任何样式。 如果爱我就捐款 特征 完毕 :check_mark: 实施拖动和移动 调整大小，最小化，最大化，关闭 Windows Aero Snap控件。 造型Aero Snap窗口 样式主窗口 去...
JavaFX CSS基础知识入门了解
jzlhll123的专栏
01-26 1710
JavaFx CSS 工作中写的小工具，使用了下Javafx和JFoenix。备注学习下javafx的css。对于编写程序逻辑为主的程序员来说，尤其是做端开发的，不太懂css。了解一些最最最基本的东西，以便在CV css的时候，有个概念，有的放矢。 加载css 一般通过代码来写： final ObservableList<String> stylesheets = stage.getScene().getStylesheets(); stylesheets.addAll(
JavaFX入门（五）：使用CSS样式美化你的UI控件
热门推荐
给永远比拿愉快
12-05 6万+
CSS（层叠样式表，Cascading Style Sheets）原来是被用来在网页开发中表现HTML元素样式的一种文本标记语言。HTML用来展现内容，CSS被用来设计内容的样式，这样做的好处就是内容和样式相分离。CSS先后被用到Adobe的RIA开发技术Flex，C++的GUI框架Qt以及JavaFX技术上。如果对CSS不是很熟悉，没关系，十分钟入门CSS的一个教程：W3CSchool CSS教程
idea javafx添加maven_JavaFX让UI更美观CSS样式
weixin_34977368的博客
12-05 1030
相对于Swing来说，JavaFX在UI上改善了很多，不仅可以通过FXML来排版布局界面，同时也可以通过CSS样式表来美化UI。其实在开发JavaFX应用的时候，可以将FXML看做是HTML，这样跟CSS结合起来就跟开发WEB应用差不多，只不过两者之间的语法有点差异。1. JavaFX CSS语法JavaFX CSS样式跟HTML中的CSS样式很大程度上是相似的，比如class选择器、组...
javafx的css语法_javafx之CSS相关（自用）
weixin_39796839的博客
01-13 1088
一、介绍java8中新增了javafx.css开放了css相关api。选择器分类：Type选择器：通过Node的getTypeSelector可以获取id选择器：通过设定id=属性(注意这里的id不是fx:id)styleClass属性： styleClass可以使用class选择器选择器命名规范：如ToggleButton需要写成：toggle-button与w3c css语法的一些区别：1.不...
javafx的css语法_JavaFX - CSS
weixin_29782509的博客
12-31 923
JavaFX - CSSCascading Style Sheets (也称为CSS)是一种简单的设计语言，旨在简化使网页呈现的过程。CSS处理网页的外观和感觉部分。 使用CSS，您可以控制文本的颜色，字体的样式，段落之间的间距，列的大小和布局。 除此之外，您还可以控制所使用的背景图像或颜色，布局设计，不同设备和屏幕尺寸的显示变化以及各种其他效果。JavaFX中的CSSJavaFX为您提供了使...
javaFX 常用控件 css样式
qq_16055867的博客
07-13 6625
/** *Button通用样式 */ .button:hover{ -fx-cursor: hand; } .button{ -fx-background-color: linear-gradient(to bottom,#7dc2fe,#004883); -fx-font-size: 14px; -fx-pref-width:64px; -fx-pref-height: 28...
Springboot前端thymeleaf html页面js,css相对路径引用问题解决
PLA12147111的博客
12-20 1万+
怕你们没心思全部看完,直接把解决方案放在最开头吧! 第一种方案: <!-- 第一种方式:<base> 标签为页面上的所有链接规定默认地址或默认目标,然后你的css或js或src原来是怎么样还是什么样 --> <base th:href="@{/}"> 第二种方案: <!-- 如果不使用base,那么这种方式也是可以的,@{/你的文件路...
javafx自定义窗口样式
04-06
JavaFX提供了一种简单的方法来自定义窗口样式，可以使用CSS样式表来改变窗口的外观。以下是步骤： 1. 创建一个新的CSS文件，例如“custom.css”。 2. 在CSS文件中定义你想要的样式，例如： ```css .root { -fx-background-color: #333; } .title-bar { -fx-background-color: #444; -fx-text-fill: white; } .close-button { -fx-background-color: #f00; -fx-text-fill: white; } ``` 3. 在JavaFX应用程序的启动方法中加载CSS文件，并将样式应用到窗口。 ```java public class Main extends Application { @Override public void start(Stage primaryStage) throws Exception{ Parent root = FXMLLoader.load(getClass().getResource("sample.fxml")); primaryStage.setTitle("Custom Window Style"); // Load custom CSS style Scene scene = new Scene(root); scene.getStylesheets().add(getClass().getResource("custom.css").toExternalForm()); // Apply custom style to window primaryStage.initStyle(StageStyle.UNDECORATED); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 4. 在FXML文件中添加一个带有“title-bar”类的Pane，以模拟窗口标题栏。 ```xml <Pane id="title-bar" styleClass="title-bar" onMousePressed="#handleMousePressed" onMouseDragged="#handleMouseDragged"> <Label text="Custom Window Style" /> <Button id="close-button" styleClass="close-button" text="X" onMouseClicked="#handleCloseClicked" /> </Pane> ``` 5. 在控制器类中添加处理鼠标事件的方法，使窗口可以拖动和关闭。 ```java public class Controller { @FXML private void handleMousePressed(MouseEvent event) { xOffset = event.getSceneX(); yOffset = event.getSceneY(); } @FXML private void handleMouseDragged(MouseEvent event) { Stage stage = (Stage) ((Node) event.getSource()).getScene().getWindow(); stage.setX(event.getScreenX() - xOffset); stage.setY(event.getScreenY() - yOffset); } @FXML private void handleCloseClicked(MouseEvent event) { Stage stage = (Stage) ((Node) event.getSource()).getScene().getWindow(); stage.close(); } } ``` 这样，你就可以使用CSS样式表来创建自定义窗口样式了。注意，需要自己添加拖动和关闭窗口的代码逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值