JavaFX制作一个简单的时钟

最新推荐文章于 2024-05-09 21:20:36 发布
最新推荐文章于 2024-05-09 21:20:36 发布
阅读量1w 收藏 48
点赞数 9
分类专栏： Java学习日记 文章标签： idea javafx UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiyuanguren/article/details/78155697
版权

工具: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

最低0.47元/天 解锁文章
三分高冷七分装帅
关注
  • 9
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
java做时钟短代码_JavaFX实现简易时钟效果(一)
weixin_34462581的博客
02-27 578
本文实例为大家分享了JavaFX实现简易时钟效果的具体代码，供大家参考，具体内容如下效果图用当前时间创建时钟，绘制表盘。钟表是静止的。让指针动起来，请参照：绘制简易时钟(二)主函数文件 ShowClock:package primier;import javafx.application.Application;import javafx.geometry.Insets;import javafx...
精致javaFX模拟时钟
01-08
学习javaFX非常不错的示例，非常精致、代码也非常精练
JavaFX-绘制时钟界面
m0_56962811的博客
07-20 914
JavaFX-绘制时钟界面
javafx 时钟 闹钟 钟表 模拟时钟 动态时钟
最新发布
小光的博客
05-09 578
javafx 时钟 闹钟 钟表 模拟时钟 动态时钟
如何利用JavaFx写一个简易版的时钟？
qq_61945024的博客
05-11 306
下面的代码主要是两个类，NewClockPane类主要是绘制一个时钟，ClockAnimation类主要是通过设置动画将时钟动起来。要想要编写一个时钟重要的是三个指针设置动画随着自己的周期而转动。
javafx 的一个简单演示demo
03-06
javafx 的一个简单演示demo
JavaFX实现一个画板
12-18
UI设计使用JavaFX，自定义文件存储序列化对象。实现线条、矩形等形状的绘制，同时画制后可以修改形状属性
JfxBrowser:一个非常简单的JavaFX浏览器
06-28
浏览器一个非常简单的JavaFX 浏览器。 地址字段支持： 如果不存在，则在前面加上 http:// 前置 。 如果需要的话使用 Google 自动搜索
javafx的一个完整demo
01-17
javafx的一个完整demo关于点菜系统的多窗口触发.实现数据实时更新到页面.
example_javafx:一个简单的示例 JavaFX 程序
06-29
example_javafx 一个简单的示例 JavaFX 程序
javafx电子时钟实现
密斯特大白
12-23 597
public static void main(String[] args) throws ParseException { Calendar calendar = Calendar.getInstance(); calendar.set(Calendar.HOUR_OF_DAY, 0); calendar.set(Calendar.MINUTE, 0); calendar.set(Cal...
[JavaFX] 绘制简易时钟(一)
酸甜梅子的部落格
02-13 1180
主函数文件 ShowClock: package primier; import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.stage.Stage; import javaf...
JavaFx——动态时钟的实现（线程，线程池）
qq_43918130的博客
10-17 1667
文章目录实现效果代码结构全部代码 实现效果 代码结构 ClockPane与DisplayClock的代码组合，可以实现如上的时钟界面，但是时间是静态的，取到的时间只能是当前的运行的时候的时间 ClockPane与ClockAnimation的低吗组合，可以实现动态时钟的界面。 全部代码 ClockPane的代码 package Clock; import java.util.Calend...
javaFX编写精美动态时钟 14.27（编写一个详细的时钟）修改14.12节的ClockPane类
qq_52181283的博客
11-06 1003
先看效果图途： 上代码 绘制时钟面板类NewClockPane package com.example.w9; import javafx.scene.layout.Pane; import javafx.scene.paint.Color; import javafx.scene.shape.Circle; import javafx.scene.shape.Line; import javafx.scene.text.Text; import java.util.Calendar; import
JavaFx实现钟表
qq_43342172的博客
06-26 840
需求 利用TCP协议实现一个可以从服务器读取时间的网络程序。 将该程序的客户端改为一个可以显示服务器时间的图形时钟界面，它每隔一秒从服务器读取服务器当前时间。 界面 客户端代码 import javafx.application.Application; import javafx.application.Platform; import javafx.scene.Node; import javafx.scene.Scene; import javafx.scene.control.Label; i
多线程经典运用——编写一个系统时钟，及应用到图形界面中
lidancsdn的博客
01-26 788
使用Swing作为图形界面 package cn.edu.jsu.cq.tool; import java.util.Calendar; import java.util.GregorianCalendar; import javax.swing.JLabel; public class ClockThread extends Thread { private JLabel clock; public ClockThread(JLabel clock) { this.clock = cloc
使用JavaFX设置一个简单日历
Smart_snail的博客
10-17 4019
1.先看效果： 2.代码： 1）ClockEdge.java类 这个类（Pane）主要是用来设置时钟边缘（为了美观对直了半天，其实想想也没必要~。~） package com.javaBasic.javaFX; import javafx.scene.layout.Pane; import javafx.scene.paint.Color; import javafx.s
java怎么修改fxml,JavaFX - 如何在fxml控制器初始化期间设置值
weixin_35051558的博客
02-28 351
I tried to load an FXML and set the controller with Java code (not with the FXML tag). I have different fields in the FXML. I tried to load (for example textfields, buttons...).Here is the example:Tab...
利用javafx制作一个雨刮器动图
05-23
以下是一个简单的雨刮器动画的 JavaFX 代码示例： ```java import javafx.animation.PathTransition; import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.paint.Color; import javafx.scene.shape.Circle; import javafx.scene.shape.Ellipse; import javafx.scene.shape.Path; import javafx.scene.shape.Rectangle; import javafx.stage.Stage; import javafx.util.Duration; public class RainScraper extends Application { @Override public void start(Stage primaryStage) { // 创建一个 Group 作为场景根节点 Group root = new Group(); // 创建一个长方形，表示雨刮器底部 Rectangle scraper = new Rectangle(50, 200, 100, 10); scraper.setFill(Color.BLACK); root.getChildren().add(scraper); // 创建一个椭圆，表示雨刮器头部 Ellipse head = new Ellipse(100, 190, 30, 10); head.setFill(Color.WHITE); root.getChildren().add(head); // 创建一个圆形，表示雨滴 Circle raindrop = new Circle(0, 0, 5, Color.BLUE); // 创建一个 Path，表示雨刮器运动轨迹 Path path = new Path(); path.getElements().add(new PathElement.MoveTo(50, 205)); path.getElements().add(new PathElement.LineTo(150, 205)); path.getElements().add(new PathElement.LineTo(150, 195)); path.getElements().add(new PathElement.LineTo(50, 195)); path.getElements().add(new PathElement.ClosePath()); // 创建一个 PathTransition，表示雨滴在雨刮器上运动的动画 PathTransition pathTransition = new PathTransition(Duration.seconds(2), path, raindrop); pathTransition.setCycleCount(PathTransition.INDEFINITE); // 循环播放 pathTransition.setAutoReverse(false); // 不反向播放 // 将雨滴添加到场景中，并启动动画 root.getChildren().add(raindrop); pathTransition.play(); // 创建一个 Scene，将根节点作为参数传入 Scene scene = new Scene(root, 200, 220); // 将场景设置到舞台上，并显示 primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 这个程序会生成一个简单的雨刮器动画，其中雨滴会在雨刮器上来回移动。你可以根据需要自己调整各个形状的位置、大小和颜色等属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值