JavaFX鼠标移入后改变样式

实现效果：

正常鼠标样式

触发之后的鼠标样式

可以看到鼠标放上去的时候已经变成了手的形状。

实现步骤（采用FXML+Controller的形式）

1、FXML

注意fx:controller不要写错了，一定要是你自己的Controller。

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1308.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.demo.plat.controller.ItemEditController"><children><Label fx:id="createProject" alignment="BOTTOM_CENTER" layoutX="4.0" layoutY="-1.0" onMouseClicked="#onCreateProject" prefHeight="84.0" prefWidth="61.0" text="新建" />

2、Controller

注意看注释


@FXMLController
public class ItemEditController implements Initializable {// 变量名与FXML的fx:id保持一致@FXMLprivate Label createProject;@Overridepublic void initialize(URL url, ResourceBundle resourceBundle) {// 想要修改鼠标样式只用修改Cursor.HAND为其他的就行createProject.setOnMouseEntered(Event -> createProject.setCursor(Cursor.HAND));}
}

JavaFX鼠标移入后改变样式相关推荐

php鼠标已入移除,原生javascript学习：鼠标移入移出改变样式
这是一个简单的例子,先看demo: 源码如下: #box {width:140px; height:140px; margin: auto; background-color:black; color ...
【jQuery】如何用jQuery实现鼠标移入后改变背景颜色
实现效果如图: jQuery代码实现: $(function () {var oldColor = "";$(".mouse-in-out").mouseove ...
鼠标移入移出改变元素的背景颜色
鼠标移入移出改变元素的背景颜色首先:给div标签设置一个基本的样式, 让这个div元素垂直居中. 效果展示: 然后在script标签里面获取元素div, 将获取到的div赋值给div,然后输出到控 ...
javascript 鼠标移入移出改变图片透明度
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>鼠标移 ...
vue 列表萌层鼠标移入移出_vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法...
鼠标移入添加class样式 HTML HTML绑定事件,加入或者移出class为active 流量套餐 JS 这里除了active这个class需要动态添加或者减去,其他的皆是移入移出都需要的clas ...
给元素设置鼠标移入后变为手型的属性
给元素设置鼠标移入后变为手型的属性鼠标移到该元素上时形状变为小手 cursor: pointer; 举例 <style>div{cursor: pointer;} </style& ...
鼠标移入后，图片变成另外的一张图片（1）| 直接给图片变色（只能变纯色）（2）
纯css (1) 在鼠标移入后,让本来的那张图片变成另外一张图片,用到的是hover属性 <a href=""><img src="../../publ ...
VUE鼠标移入移出改变元素样式
这种功能实际开发中用的特别多,但是写起来的话有点点麻烦,演示两种方案,第一种就是常规的class和style绑定,第二种是使用event来搞定,个人觉得event比较比较简单,不用设置那么多的中间变量 ...
1.2鼠标移入移出改变背景色和其他大小样式
功能:鼠标移入div,背景色变为绿色,宽变小,长变大,移出恢复原状事件:onmouseover,onmouseout 属性: background,width,height <!DOCTYPE ...

JavaFX鼠标移入后改变样式

实现效果：

实现步骤（采用FXML+Controller的形式）

JavaFX鼠标移入后改变样式相关推荐

最新文章

热门文章