Qt Quick-QML控件类-闪灯控件(支持动画)创作过程

本是古典何须时尚 2024-03-23 10:14 107阅读 0赞

Qt Quick-QML控件类-闪灯控件(支持动画)创作过程

本篇文章将讲述如何使用Qt Quick-QML控件类创建一个闪灯控件，该控件支持闪烁动画。

首先，我们需要创建一个QML文件并命名为BlinkingLight.qml。在该文件中，我们将定义一个矩形区域和一个圆形区域，用于表示灯的开和关状态。我们还将引入Qt Quick的动画组件，以便在灯亮起和灭掉之间过渡。

下面是BlinkingLight.qml的代码：

import QtQuick 2.15
    import QtQuick.Controls 2.15
    
    Rectangle {
        id: container
        width: 70
        height: 70
    
        Rectangle {
            id: lightOn
            color: "yellow"
            radius: width/2
            anchors.centerIn: parent
            visible: false
        }
    
        Circle {
            id: lightOff
            color: "gray"
            radius: width/2 - 5
            anchors.centerIn: parent
            visible: true
        }
    
        states: [
            State {
                name: "on"
                PropertyChanges { target: lightOff; visible: false }
                PropertyChanges { target: lightOn; visible: true }
            },
            State {
                name: "off"
                PropertyChanges { target

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关 Qt Quick-QML控件类-闪灯控件(支持动画)创作过程

Qt Quick-QML控件类-闪灯控件(支持动画)创作过程本篇文章将讲述如何使用Qt Quick-QML控件类创建一个闪灯控件，该控件支持闪烁动画。首先，我们需要创建

本是古典何须时尚/ 2024年03月23日 10:14/ 0 赞/ 108 阅读

相关 Qt 控件阴影效果

Qt 控件阴影效果 QGraphicsDropShadowEffect shadowEffect = new QGraphicsDropShadowEffect(

痛定思痛。/ 2022年12月29日 01:58/ 0 赞/ 209 阅读

相关 Qt：常见控件

include "widget.h" include <QLabel> // disply static text, or image

末蓝、/ 2022年10月25日 01:00/ 0 赞/ 290 阅读

相关 Qt:QML控件类关系图

简介花了点时间整理了下QML控件之间的关系图和QML控件和C++类的对应关系，基于Qt5.6版本其他版本可能会有差异 ![这里写图片描述][201610271705

朴灿烈づ我的快乐病毒、/ 2022年07月15日 00:02/ 0 赞/ 329 阅读

相关 Qt自定义控件以及控件的提升

关于在使用Qt做界面时，通用、常用的控件重复设置属性是件麻烦的事情，比如密码输入框，一个密码输入框要设置许多属性，比如密文显示，长度，只能输入固定字符类型，禁止复制等等

曾经终败给现在/ 2022年06月06日 09:35/ 0 赞/ 1099 阅读

相关 QT 控件开发代码

目录结构：注意：控件名称首字母要大写，如LatLonEdit中第一个字符L大写 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1

我会带着你远行/ 2022年02月24日 18:42/ 0 赞/ 341 阅读

相关 Qt常用控件

![20190724195649392.png][] 控件栈容器 ![20190724200231234.png][] ![watermark_type_ZmFu

Bertha 。/ 2021年11月22日 10:40/ 0 赞/ 484 阅读

相关 QT控件—QTableWidget

1、新建QT工程并拖入QTableWidget控件后面会就“如何搭建QT5和VS2010开发环境”，以及“如何在VS中新建QT工程并编辑界面”做一个专题说明

Dear 丶/ 2021年11月09日 01:46/ 0 赞/ 451 阅读

相关 QT基本控件——progressBar

progressBar进度条显示进度的接口：方法一、 ui‐>progressBar‐>setValue(percent)；方法二、 u

曾经终败给现在/ 2021年10月29日 21:50/ 0 赞/ 1073 阅读

相关 QT基本控件——LineEdit

LineEdit 是一个单行输入文本框，为用户提供了比较多的编辑功能，例如选择复制、粘贴。功能函数： setText()设置字体内容 (与其他控件一致） Te

落日映苍穹つ/ 2021年10月29日 21:28/ 1 赞/ 1410 阅读