JAVAFX:数据绑定

本文介绍了如何在JavaFX中使用数据绑定,通过一个SwingSlider实例展示了如何将slider.value属性与Circle的centerX属性绑定,使得slider的值变化时,圆的位置随之更新。示例代码创建了一个窗口,包含一个滑块和一个随着滑块移动而移动的圆形。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.paint.RadialGradient;
import javafx.scene.paint.Stop;
import javafx.ext.swing.SwingSlider;

var slider=SwingSlider{maximum: 100
    minimum: 0 value:0 translateX:10 translateY:110}  //定义一个 slider 变量,然后引用 slider.value
Stage{
    title:"data bind"
    height:200
    width:300
    visible:true
    scene:Scene{
        fill:Color.LIGHTGRAY
        content:[slider,Circle{
            centerX:bind slider.value+50  //bind 运算符会跟踪右侧的值的任何变化
            centerY:60
            radius:20
            stroke:Color.YELLOW
            fill:RadialGradient{   //填充一个颜色渐变的圆
                focusX:60
                focusY:100
                radius:20
                proportional:false
                centerX:50
                centerY:60
                stops:[    //个人理解为主色点的集合
                    Stop{offset:0  color:Color.ORANGE},
                    Stop{offset:1 color:Color.WHITE}
              ]
              }  //radial

          } ]

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值