欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javafx实现时钟效果

程序员文章站 2022-03-26 08:04:52
本文实例为大家分享了javafx实现时钟效果的具体代码,供大家参考,具体内容如下核心为三个函数:第一个为 public void dials,绘制表盘第二个为 public void scale,绘制...

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

核心为三个函数:

第一个为 public void dials,绘制表盘

javafx实现时钟效果

第二个为 public void scale,绘制刻度,这里需要注意的是字体旋转

javafx实现时钟效果

第三个为 public void point,绘制秒分时针以及打印时间,需要注意的是进制问题

总的源码如下:

package com.wu.demo;

import java.time.localdatetime;
import java.time.format.datetimeformatter;

import javafx.animation.keyframe;
import javafx.animation.timeline;
import javafx.application.application;
import javafx.collections.observablelist;
import javafx.scene.scene;
import javafx.scene.canvas.canvas;
import javafx.scene.canvas.graphicscontext;
import javafx.scene.layout.anchorpane;
import javafx.scene.paint.color;
import javafx.scene.paint.paint;
import javafx.scene.text.font;
import javafx.stage.stage;
import javafx.util.duration;

public class view extends application{
 @override
 public void start(stage stage) throws exception{
 anchorpane root = new anchorpane();
 canvas canvas = new canvas(800,650);
 root.getchildren().add(canvas);
 scene scene = new scene(root,800,650);
 stage.setscene(scene);
 stage.setresizable(false);
 stage.show();
 // 获取画板对象
 graphicscontext gc = canvas.getgraphicscontext2d();
 // 创建时间轴
 timeline timeline = new timeline();
 // 获取时间轴的帧列表
 observablelist<keyframe> keyframes = timeline.getkeyframes();
 // 添加关键帧
 keyframes.add(new keyframe(duration.seconds(0.1),e->{
 // 刷新操作
 gc.clearrect(0,0,800,650);
 // 绘制表盘
 dials(gc);
 // 绘制刻度
 scale(gc);
 // 绘制指针
 point(gc);
 }));
 // 设置时间轴播放次数为无限
 timeline.setcyclecount(-1);
 // 播放时间轴
 timeline.play();
 }
 /**
 * 绘制表盘
 * @param gc
 */
 public void dials(graphicscontext gc) {
 // 保存现场
 gc.save();
 // 变换坐标到外切圆矩形左上角坐标
 gc.translate(100,25);
 gc.setlinewidth(8);
 gc.setstroke(color.gray);
 gc.strokeoval(0, 0, 600, 600);
 gc.restore();
 }
 /**
 * 绘制刻度
 * @param gc
 */
 
 public void scale(graphicscontext gc) {
 // 保存现场
 gc.save();
 // 变换坐标系原点到表盘中心
 gc.translate(400,325);
 // 坐标逆时针旋转角度-90
 gc.rotate(-90);
 // 设置字体大小
 gc.setfont(font.font(20));
 for(int i = 1 ; i < 61 ; i++) {
 // 每一个刻度角度为6度
 gc.rotate(6);
 if(i % 5 == 0) {
 gc.save();
 // 当前坐标切换到 (250,0) 即刻度左边界位置
 gc.translate(250,0);
 // 设置表格数字位置 相对于桌面应该是竖直
 gc.rotate(90-i/5*30);
 gc.filltext(i/5+"",0,0);
 gc.restore();
 gc.fillrect(275,0,22,10);
 }
 else{
 gc.fillrect(285,0,12,5);
 }
 }
 // 恢复现场
 gc.restore();
 }
 /**
 * 绘制指针
 * @param gc
 */
 public void point(graphicscontext gc) {
 localdatetime time = localdatetime.now();
 int seconds = time.getsecond();
 int minutes = time.getminute();
 int hours = time.gethour();
 double[] pointx1 = new double[]{0,50,270,50};
 double[] pointy1 = new double[]{0,5,0,-5};
 double[] pointx2 = new double[]{0,30,210,30};
 double[] pointy2 = new double[]{0,10,0,-10};
 double[] pointx3 = new double[]{0,20,150,20};
 double[] pointy3 = new double[]{0,12,0,-12};
 gc.save();
 // 坐标移动至圆心
 gc.translate(400, 325);
 // 时间数字
 {
 string timetext1 = time.format(datetimeformatter.ofpattern("yyyy-mm-dd"));
 gc.setfill(paint.valueof("#c0c0c0"));
 gc.setfont(font.font(20));
 gc.filltext(timetext1,-40,-200);
 string timetext2 = time.format(datetimeformatter.ofpattern("hh:mm:ss"));
 gc.setfill(paint.valueof("#c0c0c0"));
 gc.setfont(font.font(115));
 gc.filltext(timetext2,-220,30);
 }
 // 秒钟
 {
 gc.save();
 gc.rotate(-90);
 gc.setfill(color.red);
 gc.rotate(seconds*6);
 // 四边形秒钟
 gc.fillpolygon(pointx1,pointy1, 4);
 gc.restore();
 }
 // 分钟
 {
 gc.save();
 gc.rotate(-90);
 gc.setfill(color.blue);
 gc.rotate(minutes*6+0.1*seconds);
 // 四边形分钟
 gc.fillpolygon(pointx2,pointy2, 4);
 gc.restore();
 }
 // 时钟
 {
 gc.save();
 gc.rotate(-90);
 gc.setfill(color.black);
 gc.rotate(hours*30+minutes*0.5+seconds*(0.5/60));
 // 四边形时钟
 gc.fillpolygon(pointx3,pointy3, 4);
 gc.restore();
 }
 // 恢复现场
 gc.restore();
 
 }
 public static void main(string[] args) {
 launch(args);
 }
}


效果图:

javafx实现时钟效果

javafx实现时钟效果

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

相关标签: javafx 时钟