QML入门教程(10) : QML圆形延时按钮

令狐掌门

已于 2022-01-26 10:07:22 修改

阅读量2.5k

点赞数 3

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

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

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

版权

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

59 篇文章 7 订阅 ¥129.90 ¥299.90

订阅专栏

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

摘要由CSDN通过智能技术生成

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: &#

了解本专栏