按钮悬停和按下效果的CSS Javafx
创始人
2024-11-04 07:00:30
0

在JavaFX中,可以使用CSS样式来实现按钮悬停和按下效果。以下是一个示例代码:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class ButtonHoverExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        Button button = new Button("按钮");

        // 设置按钮的CSS样式
        button.getStyleClass().add("custom-button");

        StackPane root = new StackPane();
        root.getChildren().add(button);

        Scene scene = new Scene(root, 200, 150);

        // 加载CSS样式文件
        scene.getStylesheets().add(getClass().getResource("buttonStyle.css").toExternalForm());

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

在上面的代码中,我们创建了一个自定义样式的按钮,并将其添加到StackPane容器中。然后,我们创建了一个Scene对象,并将样式文件buttonStyle.css加载到场景中。

接下来,我们需要创建buttonStyle.css文件并定义按钮的悬停和按下效果。以下是一个示例的CSS样式代码:

.custom-button {
    -fx-background-color: #4286f4;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 8px 16px;
}

.custom-button:hover {
    -fx-background-color: #005cbf;
    -fx-cursor: hand;
}

.custom-button:pressed {
    -fx-background-color: #002d5d;
}

在上面的CSS样式代码中,我们定义了按钮的基本样式,包括背景颜色、文本颜色、字体大小和内边距。然后,我们使用:hover伪类选择器来定义按钮的悬停效果,当鼠标悬停在按钮上时,背景颜色会变为另一种颜色,并且鼠标指针会变为手型。最后,我们使用:pressed伪类选择器来定义按钮的按下效果,当按钮被按下时,背景颜色会变为另一种颜色。

将上述代码保存为ButtonHoverExample.javabuttonStyle.css文件,并运行ButtonHoverExample类,即可看到按钮具有悬停和按下效果的效果。

相关内容

热门资讯

发现玩家!微乐麻将脚本掌上程序... 发现玩家!微乐麻将脚本掌上程序,钱塘十三水辅助器软件,详细方法(有挂攻略)暗藏猫腻,小编详细说明微乐...
技术分享!蛮王大厅辅助,wep... 技术分享!蛮王大厅辅助,wepoker辅助脚本,详细攻略(有挂助手)1、wepoker辅助脚本模拟器...
指导大家!微乐广西小程序,乐达... 指导大家!微乐广西小程序,乐达大连穷胡小鸡满天飞,详细神器(有挂解惑)1、乐达大连穷胡小鸡满天飞辅助...
一分钟揭秘!乐达app辅助,雀... 一分钟揭秘!乐达app辅助,雀神山庄辅助器,详细软件(的确有挂)1、雀神山庄辅助器辅助器安装包、雀神...
9分钟了解!人皇辅助软件下载,... 9分钟了解!人皇辅助软件下载,微乐福建辅助器,详细app(有挂分析)1、下载好人皇辅助软件下载透视辅...
最新通报!凑一桌游戏软件下载辅... 最新通报!凑一桌游戏软件下载辅助,圣盛鄂州晃晃辅助,详细插件(有挂透视)小薇(辅助器软件下载)致您一...
避坑细节!小程序66徐州辅助,... 避坑细节!小程序66徐州辅助,决战卡五星最新辅助,详细插件(有挂透明挂)1、决战卡五星最新辅助模拟器...
实测分享!旺旺填大坑透视挂,决... 实测分享!旺旺填大坑透视挂,决战十三水辅助,详细技巧(有挂教学)1、起透看视 旺旺填大坑透视挂辅助软...
2024教程!老k麻将辅助器,... 2024教程!老k麻将辅助器,福建天天开心辅助软件大全,详细教程(新版有挂)1、实时福建天天开心辅助...
分享一款!家家盘锦开挂,潮友辅... 分享一款!家家盘锦开挂,潮友辅助器开挂软件,详细教程(有挂功能)1、潮友辅助器开挂软件透视辅助软件激...