溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

利用JavaFX制作一個簡單的時鐘

發(fā)布時間:2020-11-16 14:27:10 來源:億速云 閱讀:269 作者:Leah 欄目:開發(fā)技術

這期內容當中小編將會給大家?guī)碛嘘P利用JavaFX制作一個簡單的時鐘,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

首先要在面板中顯示一個時鐘,我們可以設計一個ClockPane類來顯示一個時鐘。

最終效果:

利用JavaFX制作一個簡單的時鐘

若要繪制一個時鐘,需要繪制一個圓并為秒鐘、分鐘和小時繪制三個指針。為了畫一個指針,需要確定一條直線的兩端:一端是時鐘的中央,位于(centerX,centerY);另外一端位于(endX,endY),由一下公式來確定:

endX=centerX+handLength×sin(θ)
endY=centerY-handLength×cos(θ)
(其中θ是指針和豎直方向12點的夾角)

因為一分鐘有60秒,所以第2個指針的角度是:second×(2π/60)
分鐘的位置由分鐘和秒鐘來決定。包含秒數(shù)的確切分鐘數(shù)是minu+second/60。例如,如時間是3分30秒,那么總的分鐘數(shù)就是3.5。由于一小時有60分鐘,因此分針的角度是: (minute+second/60)×(2π/12)

由于一個圓被分為12個小時,所以時針的角度是: (hour+minute/60+second/(60×60))×(2π/12)

為了簡化計算,在計算分針和時針角度的時候,可以忽略秒針,因為它們數(shù)字太小,基本可以忽略。因此,秒針、分針以及時針的端點可以如下計算:
secondX = centerX + secondHandLength × sin(second × (2π/60))
secondY = centerY - secondHandLength × cos(second × (2π/60))
minuteX = centerX + minuteHandLength × sin(minute × (2π/60))
minuteY = centerY - minuteHandLength × cos(minute × (2π/60))
hourX = centerX + hourHandLength × sin((hour+minute/60) × (2π/12))
hourX = centerX + hourHandLength × sin((hour+minute/60) × (2π/12))

這樣就得到了ClockPane類的實現(xiàn)程序:

package com.company;

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

public class ClockPane extends Pane{
 private int hour;
 private int minute;
 private int second;
 private double w=250,h=250;

 public ClockPane() {
  setCurrentTime();
 }

 public ClockPane(int hour,int minute,int second) {
  this.hour=hour;
  this.minute=minute;
  this.second=second;
  paintClock();
 }

 public int getHour() {
  return hour;
 }

 public void setHour(int hour) {
  this.hour=hour;
  paintClock();
 }

 public int getMinute() {
  return minute;
 }

 public void setMinute(int minute) {
  this.minute=minute;
  paintClock();
 }

 public int getSecond() {
  return second;
 }

 public void setSecond(int second) {
  this.second=second;
  paintClock();
 }

 public double getW() {
  return w;
 }

 public void setW(double w) {
  this.w=w;
  paintClock();
 }

 public double getH() {
  return h;
 }

 public void setH(double h) {
  this.h=h;
  paintClock();
 }

 public void setCurrentTime() {
  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.8*0.5;
  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 scondX=centerX+sLength*Math.sin(second*(2*Math.PI/60));
  double scondY=centerY-sLength*Math.cos(second*(2*Math.PI/60));
  Line sline=new Line(centerX,centerY,scondX,scondY);
  sline.setStroke(Color.RED);

  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)*(2*Math.PI/12));
  Line hline=new Line(centerX,centerY,hourX,hourY);
  hline.setStroke(Color.GREEN);

  getChildren().clear();
  getChildren().addAll(circle,t1,t2,t3,t4,sline,mline,hline);

 }
}

對程序的簡要解讀:①Java API的GregorianCalendar類可以使用它的無參構造方法來商城一個具有當前時間的Calendar實例??梢詮囊粋€Calendar對象,通過調用它的get(Calendar.HOUR)、get(Calendar.MINUTE)和get(Calendar.SECOND)方法來返回小時、分鐘以及秒鐘。②因為paintClock()方法在任何一個新的屬性(hour、minute、second、w以及h)被設置的時候調用,所以之前的內容從面板中被清除。

然后就需要設計一個ClockAnimation類來顯示時鐘的動畫

Timeline類可以用于通過使用一個或者更多的KeyFrame(關鍵幀)來編寫任意動畫。
你可以用Timeline來控制時鐘的重繪,代碼如下:

package com.company;

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

public class ClockAnimation extends Application {
 @Override
 public void start(Stage primaryStage) {
  ClockPane clock=new ClockPane();
  BorderPane borderPane=new BorderPane();

  EventHandler<ActionEvent> eventHandler=e -> {
   clock.setCurrentTime();
   String timeString=clock.getHour()+":"+clock.getMinute()+":"+clock.getSecond();
   Label lblCurrentTime=new Label(timeString);
   borderPane.setCenter(clock);
   borderPane.setBottom(lblCurrentTime);
   BorderPane.setAlignment(lblCurrentTime, Pos.TOP_CENTER);
  };

  Timeline animation=new Timeline(new KeyFrame(Duration.millis(1000),eventHandler));
  animation.setCycleCount(Timeline.INDEFINITE);
  animation.play();

  Scene scene=new Scene(borderPane,250,250);
  primaryStage.setTitle("ClockAnimation");
  primaryStage.setScene(scene);
  primaryStage.show();

  borderPane.widthProperty().addListener(ov ->
   clock.setW(borderPane.getWidth())
  );

  borderPane.heightProperty().addListener(ov ->
   clock.setH(borderPane.getHeight())
  );
 }
}

程序簡單解讀:①在時間線動畫的每個關鍵幀中,這個處理器每秒被調用一次。所以動畫中的時間每秒被更新一次。②最后兩個監(jiān)聽器是用來修改時鐘的面板的大小的,將這個監(jiān)聽器和窗體的寬度和高度屬性進行注冊,從而在場景的寬度和高度改變的情況下可以重新設置面板大小。代碼保證了時鐘面板的大小和場景大小是同步的。

最后運行就能達到上面圖所示的效果了。

上述就是小編為大家分享的利用JavaFX制作一個簡單的時鐘了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI