QtQuick QML教程(16) : QML圆形延时按钮

令狐掌门

已于 2025-01-21 18:23:40 修改

阅读量2.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： QtQuick QML入门进阶教程文章标签： QML圆形延时按钮

于 2020-05-04 00:41:21 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/105911827

QtQuick QML入门进阶教程专栏收录该内容

72 篇文章 ¥59.90 ¥99.00

订阅专栏

本文是QML入门教程的第十部分，主要介绍如何利用QML实现一个具有延时功能的圆形按钮。通过自定义，你可以创建符合特定需求的交互式UI元素。

QML提供了延时按钮DelayButton，我们可以对其自定义，如下图：

代码

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("圆形延时按钮")

    DelayButton {
          id: control
          checked: true
          text: qsTr("延时动作")
          x:30
          y:30

          //延时时间设置，5秒。默认得是3秒
          delay:5000

          contentItem: Text {
              text: control.text
              font: control.font
              opacity: enabled ? 1.0 : 0.3
              color: "white"

了解本专栏