温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

使用JavaFX如何实现一个时钟效果

发布时间:2020-11-16 14:34:23 来源:亿速云 阅读:204 作者:Leah 栏目:开发技术

这篇文章将为大家详细讲解有关使用JavaFX如何实现一个时钟效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

具体内容如下

效果图

用当前时间创建时钟,绘制表盘。
钟表是静止的。让指针动起来,请参照:绘制简易时钟(二)

使用JavaFX如何实现一个时钟效果

主函数文件 ShowClock:

package primier;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.paint.Color;
import javafx.scene.layout.*;
import javafx.scene.control.*;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.shape.Line;

public class ShowClock extends Application {
 @Override //Override the start method in the Application class
 public void start(Stage primaryStage) {
  // 创建时钟面板
  ClockPane clock = new ClockPane();
  // 当前时间整理为字符串
  String timeString = clock.getHour() + ":" + clock.getMinute()
    + ":" + clock.getSecond();
  Label lbCurrentTime = new Label(timeString);

  BorderPane pane = new BorderPane();
  pane.setCenter(clock);
  pane.setBottom(lbCurrentTime);
  // 将时钟字符串设为靠上居中
  BorderPane.setAlignment(lbCurrentTime, Pos.TOP_CENTER);

  Scene scene = new Scene(pane, 250,250);
  primaryStage.setTitle("Display Clock");
  primaryStage.setScene(scene);
  primaryStage.show();
 }
 public static void main (String[] args) {
  Application.launch(args);
 }
}

ClockPane 类

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;

 // 时钟面板的宽度和高度
 private double w = 250, h = 250;

 /** 用当前时间创建时钟 */
 public ClockPane() {
  setCurrentTime();
 }
 
 /** Return hour */
 public int getHour() { return hour; }
 
 /** Return minute */
 public int getMinute() { return minute; }

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

 /** Set the current time for the clock */
 public void setCurrentTime() {
  // 用当前时间创建Calendar类
  Calendar calendar = new GregorianCalendar();
  this.hour = calendar.get(Calendar.HOUR_OF_DAY);
  this.minute = calendar.get(Calendar.MINUTE);
  this.second = calendar.get(Calendar.SECOND);
  paintClock();
 }

 /** 绘制时钟 */
 protected void paintClock() {
  double clockRadius = Math.min(w,h)*0.4; // 时钟半径
  // 时钟中心x, y坐标
  double centerX = w/2;
  double centerY = h/2;

 // 绘制钟表
  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");

  // 秒针
  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);

  // 分针
  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);

  // 时针
  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);
 }
}

关于使用JavaFX如何实现一个时钟效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI