javafx实现时钟效果
程序员文章站
2022-03-26 08:04:52
本文实例为大家分享了javafx实现时钟效果的具体代码,供大家参考,具体内容如下核心为三个函数:第一个为 public void dials,绘制表盘第二个为 public void scale,绘制...
本文实例为大家分享了javafx实现时钟效果的具体代码,供大家参考,具体内容如下
核心为三个函数:
第一个为 public void dials,绘制表盘
第二个为 public void scale,绘制刻度,这里需要注意的是字体旋转
第三个为 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); } }
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。