JavaFX制作一个简单的时钟

本文通过Idea和JavaFX Scene Builder详细介绍了如何创建一个简单的时钟应用。从创建JavaFX项目,设置Main和Controller类,到设计时钟界面,包括Circle、Line(时分秒指针)、数字和Button,再到设置关键组件的fx:id,最后实现Controller类的算法和事件处理,成功实现了动态显示时间的功能。

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

工具:Idea和JavaFX Scene Builder,与Eclipse+JavaFX没什么区别

一、创建JavaFX项目

1. 选择javafx项目

要求:JDK8及其以上
这里写图片描述

2. javafx项目清单

创建完成后,idea会自动生成一个样例。
再样例上修改或者按照样例重新创建Main类、Controller类及fxml文件也可以
这里我们重新创建这三个文件
这里写图片描述

3. 创建Main、Controller及fxml

注释:三个的名称都可以自定义

(1)创建Main类

这里写图片描述

(2)创建Controller类

这里写图片描述

(3)创建clock.fxml类

这里写图片描述

(4)clock.fxml中fx:id与Controller类要相同

注释:可以不命名为Controller,但两处要一致
这里写图片描述

二、JavaFX Scene Builder使用

注释:不会JavaFX Scene Builder的简单使用的看我的另一篇博客,或者百度几下
这里也有点过于仔细

1. 创建两个Circle,一个放大,一个缩小小小小

这里写图片描述
小小小小圆移动到大圆的圆心处
这里写图片描述

2. 创建三个Line,作为时分秒的指针,以秒针为例

时分秒指针自行设置,就别百度了

(1)添加Line,设置颜色,粗线

这里写图片描述

(2)设置精确秒针的位置

先选中小小小小圆,右边->Layout,记录下LayoutY
这里写图片描述
先选中秒针,右边->Layout,记录下LayoutY
这里写图片描述
如果秒针的LayoutY与圆心的LayoutY不相同,就[改秒针]的LayoutY

(3)设置秒针的长度

修改秒针的EndX,长度变成一个像样的指针就行
这里写图片描述

(4)添加时针、分针。原理相同(lue)

3. 添加数字1-12

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值