qml之Text 组件显示当前时间
在 QML 中,显示时间的常用组件是 Text
,结合 JavaScript
时间函数或者 Qt
的时间模块来实现动态时间显示。虽然 QML 没有专门用于显示时间的组件,但可以通过 Text
来显示格式化后的时间信息。
1. 使用 Text
组件显示当前时间
示例代码:
import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 200Text {id: timeDisplayfont.pixelSize: 24anchors.centerIn: parenttext: Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss") // 显示当前时间Timer {interval: 1000 // 每秒更新一次running: truerepeat: trueonTriggered: {