JavaFX给控件添加css样式

最新推荐文章于 2024-08-15 00:00:00 发布

学亮编程手记

最新推荐文章于 2024-08-15 00:00:00 发布

阅读量1.5k

点赞数

分类专栏：后台编程

本文链接：https://blog.csdn.net/a772304419/article/details/117326616

版权

后台编程专栏收录该内容

1384 篇文章 19 订阅

订阅专栏

本文展示了如何使用JavaFX为GUI应用创建样式，通过修改`.label`的`-fx-text-fill`属性实现绿色文字效果。内容包括XML布局文件中对 AnchorPane 的使用，以及Button和Label元素的添加。同时，提到了资源引用配置，并提供了一个简单的Maven项目配置示例，用于编译和打包JavaFX应用程序。

摘要由CSDN通过智能技术生成

编写样式

.label{
    -fx-text-fill: #00a707;
}

选择样式

在这里插入图片描述

应用样式

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane prefHeight="400.0" prefWidth="600.0" stylesheets="/css/main.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="cn.zxl.Controller.Controller">
   <children>
      <Button layoutX="273.0" layoutY="189.0" mnemonicParsing="false" onAction="#test" text="我是按钮" />
      <Label fx:id="label2" layoutX="273.0" layoutY="151.0" text="Label" />
   </children>
</AnchorPane>

效果展示

在这里插入图片描述

补充说明

<build>中无需配置resources标签！！！

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>cn.zxl</groupId>
    <artifactId>fxdemo</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>JavaFXDemo</name>
    <url>http://maven.apache.org</url>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
    </properties>

    <build>
        <finalName>HelloJavaFX</finalName>

        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.6.1</version>
                <configuration>
                    <source>${maven.compiler.source}</source>
                    <target>${maven.compiler.target}</target>
                </configuration>
            </plugin>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-jar-plugin</artifactId>
                <version>3.0.2</version>
                <configuration>
                    <outputDirectory>${project.build.directory}</outputDirectory>
                    <archive>
                        <manifest>
                            <addClasspath>true</addClasspath>
                            <classpathPrefix>libs/</classpathPrefix>
                            <mainClass>cn.zxl.MainApp</mainClass>
                        </manifest>
                    </archive>
                </configuration>
            </plugin>
        </plugins>
    </build>

    <dependencies>
        <dependency>
            <groupId>com.jfoenix</groupId>
            <artifactId>jfoenix</artifactId>
            <version>8.0.10</version>
        </dependency>
    </dependencies>
</project>