JavaFX实现简易时钟效果(二)

 更新时间:2020年11月15日 20:49  点击:1911

本文实例为大家分享了JavaFX实现简易时钟效果的具体代码,供大家参考,具体内容如下

在前一篇博客中,我们已经绘制了一个静止时钟。

绘制简易时钟(一)

首先进行一个微调:让表盘根据窗口大小自动调整大小:

在 ShowClock.start() 中,添加对面板长宽的监听。

pane.widthProperty().addListener(ov -> clock.setW(pane.getWidth()));
pane.heightProperty().addListener(ov -> clock.setH(pane.getHeight()));

添加对时间和钟表大小的更改方法

在 ClockPane 类中添加:

/** Construct a clock with specified hour, minute, and second */
 public ClockPane(int hour, int minute, int second) {
  this.hour = hour;
  this.minute = minute;
  this.second = second;
  paintClock();
 }

 /** Set a new hour */
 public void setHour(int hour) {
  this.hour = hour;
  paintClock();
 }

 /** Set a new minute */
 public void setMinute(int minute) {
  this.minute = minute;
  paintClock();
 }

 /** Set a new second */
 public void setSecond(int second) {
  this.second = second;
  paintClock();
 }

 /** Return clock pane's width */
 public double getW() {
  return w;
 }

 /** Set clock pane's width */
 public void setW(double w) {
  this.w = w;
  paintClock();
 }

 /** Return clock pane's height */
 public double getH() {
  return h;
 }

 /** Set clock pane's height */
 public void setH(double h) {
  this.h = h;
  paintClock();
 }

用 Timeline 实现动态钟表

在 ShowClock 类中添加:

//设置事件处理对象
EventHandler<ActionEvent> eventHandler = e -> {
   clock.setCurrentTime();
  };
//每秒结束后触发eventHandler
Timeline animation = new Timeline(
    new KeyFrame(Duration.millis(1000), eventHandler));
  animation.setCycleCount(Timeline.INDEFINITE); //无限循环
  animation.play(); //开始动画

就可以让时钟动起来了。

完整代码

ShowClock.java

package primier;

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.layout.*;
import javafx.scene.control.*;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.util.Duration;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;

public class ShowClock extends Application {
 @Override //Override the start method in the Application class
 public void start(Stage primaryStage) {
  ClockPane clock = new ClockPane();

  //设置事件处理对象
  EventHandler<ActionEvent> eventHandler = e -> {
   clock.setCurrentTime();
  };
  //每秒结束后触发eventHandler
  Timeline animation = new Timeline(
    new KeyFrame(Duration.millis(1000), eventHandler));
  animation.setCycleCount(Timeline.INDEFINITE); //无限循环
  animation.play(); //开始动画

  BorderPane pane = new BorderPane();
  pane.setCenter(clock);
  Scene scene = new Scene(pane, 250,250);
  primaryStage.setTitle("Display Clock");
  primaryStage.setScene(scene);
  primaryStage.show();

  pane.widthProperty().addListener(ov ->
    clock.setW(pane.getWidth()));
  pane.heightProperty().addListener(ov ->
    clock.setH(pane.getHeight()));
 }

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

ClockPane.java

package primier;

import java.util.Calendar;
import java.util.GregorianCalendar;
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;

public class ClockPane extends Pane {
 private int hour;
 private int minute;
 private int second;

 // Clock pane's width and height
 private double w = 250, h = 250;

 /** Construct a default clock with the current time*/
 public ClockPane() {
  setCurrentTime();
 }

 /** Construct a clock with specified hour, minute, and second */
 public ClockPane(int hour, int minute, int second) {
  this.hour = hour;
  this.minute = minute;
  this.second = second;
  paintClock();
 }

 /** Return hour */
 public int getHour() {
  return hour;
 }

 /** Set a new hour */
 public void setHour(int hour) {
  this.hour = hour;
  paintClock();
 }

 /** Return minute */
 public int getMinute() {
  return minute;
 }

 /** Set a new minute */
 public void setMinute(int minute) {
  this.minute = minute;
  paintClock();
 }

 /** Return second */
 public int getSecond() {
  return second;
 }

 /** Set a new second */
 public void setSecond(int second) {
  this.second = second;
  paintClock();
 }

 /** Return clock pane's width */
 public double getW() {
  return w;
 }

 /** Set clock pane's width */
 public void setW(double w) {
  this.w = w;
  paintClock();
 }

 /** Return clock pane's height */
 public double getH() {
  return h;
 }

 /** Set clock pane's height */
 public void setH(double h) {
  this.h = h;
  paintClock();
 }

 /** Set the current time for the clock */
 public void setCurrentTime() {
  //Construct a calendar for the current date and time
  Calendar calendar = new GregorianCalendar();
  //Set current hour, minute and second
  this.hour = calendar.get(Calendar.HOUR_OF_DAY);
  this.minute = calendar.get(Calendar.MINUTE);
  this.second = calendar.get(Calendar.SECOND);
  paintClock();
 }

 /** Paint the clock */
 protected void paintClock() {
  // Initialize clock parameters
  double clockRadius = Math.min(w,h)*0.8*0.5;
  double centerX = w/2;
  double centerY = h/2;

  // Draw circle
  Circle circle = new Circle(centerX, centerY, clockRadius);
  circle.setFill(Color.WHITE);
  circle.setStroke(Color.BLACK);
  Text t1 = new Text(centerX-5, centerY-clockRadius+12,"12");
  Text t2 = new Text(centerX-clockRadius+3, centerY +5, "9");
  Text t3 = new Text(centerX+clockRadius-10, centerY+3, "3");
  Text t4 = new Text(centerX-3, centerY+clockRadius-3,"6");

  // Draw second hand
  double sLength = clockRadius * 0.8;
  double secondX = centerX + sLength * Math.sin(second * (2 * Math.PI / 60));
  double secondY = centerY - sLength * Math.cos(second * (2 * Math.PI / 60));
  Line sLine = new Line(centerX, centerY, secondX, secondY);
  sLine.setStroke(Color.GRAY);

  // Draw minute hand
  double mLength = clockRadius * 0.65;
  double minuteX = centerX + mLength * Math.sin(minute * (2 * Math.PI / 60));
  double minuteY = centerY - mLength * Math.cos(minute * (2 * Math.PI / 60));
  Line mLine = new Line(centerX, centerY, minuteX, minuteY);
  mLine.setStroke(Color.BLUE);

  // Draw hour hand
  double hLength = clockRadius * 0.5;
  double hourX = centerX + hLength *
    Math.sin((hour % 12 + minute / 60.0) * (2 * Math.PI / 12));
  double hourY = centerY - hLength *
    Math.cos((hour % 12 + minute / 60.0) * (2 * Math.PI / 12));
  Line hLine = new Line(centerX, centerY, hourX, hourY);
  sLine.setStroke(Color.GREEN);

  getChildren().clear();
  getChildren().addAll(circle, t1, t2, t3, t4, sLine, mLine, hLine);
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。

[!--infotagslink--]

相关文章

  • 华为手机怎么开启双时钟? 华为添加双时钟的技巧

    华为手机怎么开启双时钟?华为手机是可以设置双时钟的,如果来回在两个有时差的地方工作,是可以设置双时钟显示,下面我们就来看看华为添加双时钟的技巧,需要的朋友可以参考下...2020-12-08
  • 微信小程序入门之绘制时钟

    这篇文章主要为大家详细介绍了微信小程序入门之绘制时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-10-23
  • 使用js和canvas实现时钟效果

    这篇文章主要为大家详细介绍了使用js和canvas实现时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-09-08
  • JavaScript实现动态数字时钟

    这篇文章主要为大家详细介绍了JavaScript实现动态数字时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-05-28
  • Swift利用纯代码实现时钟效果实例代码

    这篇文章主要给大家介绍了关于Swift利用纯代码实现时钟效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用swift具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-30
  • js+css3实现炫酷时钟

    这篇文章主要为大家详细介绍了js+css3实现炫酷时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-19
  • C#实现漂亮的数字时钟效果

    这篇文章主要介绍了C#实现漂亮的数字时钟效果,涉及时间函数的应用及绘图的方法,需要的朋友可以参考下...2020-06-25
  • jQuery CSS3相结合实现时钟插件

    这篇文章主要介绍了jQuery CSS3相结合实现时钟插件附源码下载的相关资料,需要的朋友可以参考下...2016-01-12
  • JS实现简易刻度时钟示例代码

    本篇文章主要介绍了JS实现简易刻度时钟示例代码的资料,这里整理了详细的代码,有需要的小伙伴可以参考下。 ...2017-03-13
  • Python使用Pygame实现时钟效果

    这篇文章主要为大家详细介绍了Python使用Pygame实现时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
  • C语言实现电子时钟程序

    这篇文章主要为大家详细介绍了C语言实现电子时钟程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
  • js Canvas实现圆形时钟教程

    这篇文章主要为大家详细介绍了HTML5 Canvas实现圆形时钟简易教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2016-10-03
  • JavaFX实现简易时钟效果(二)

    这篇文章主要为大家详细介绍了JavaFX实现简易时钟效果的第二篇,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-15
  • JavaFX实现简单日历效果

    这篇文章主要为大家详细介绍了JavaFX实现简单日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-15
  • JS+CSS实现动态时钟

    这篇文章主要为大家详细介绍了JS+CSS实现动态时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-02-19
  • QT实现动态时钟

    这篇文章主要为大家详细介绍了QT实现动态时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-07-12
  • Qt实现指针式时钟 Qt实现动态时钟

    这篇文章主要为大家详细介绍了Qt实现指针式时钟,Qt实现动态时钟,两者相互切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-07-12
  • 140款FLASH时钟美化你的页面

    近日狂人收集了140款flash时钟,现向大家公布一个网址,可以直接调用,有兴趣的博客们不妨去看看。具体的操作方法如下:   1、调用地址:http://www.8gem.com/hotlion...2016-09-20
  • JS+Canvas实现动态时钟效果

    这篇文章主要为大家详细介绍了JS+Canvas实现动态时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-10-12
  • photoshop制作锤子时钟图标教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说下设计锤子时钟图标的制作教程,各位想知道具体制作方法的使用者,那么下面就快去跟着小编一起看一看教程吧。...2016-09-14