20200526-01 QML 基于 Qt Quick Templates 2 模板重构控件教程

布满荆棘的人生 2023-02-13 03:50 22阅读 0赞

### 一、前言 ###

Qt Quick Template2 提供了大量非虚模板控件  
**`import QtQuick.Templates 2.15 as T`**  
[官方网页][Link 1]

### 二、以 TabButton 为例 ###

/* !注意：本控件专为 Troika 项目创建，不具备通用性 */ 
    import QtQuick 2.14 
    import QtQuick.Controls 2.14
    import QtQuick.Controls.impl 2.14 
    import QtQuick.Templates 2.14 as T 
    T.TabButton {  
        id: control
        implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset, implicitContentWidth + leftPadding + rightPadding) 
        implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset, implicitContentHeight + topPadding + bottomPadding) 
        
        padding: 6 
        spacing: 6
    
        icon.width: 24
        icon.height: 24 
        icon.color: checked ? control.palette.windowText : control.palette.brightText 
        
        contentItem: IconLabel { 
            spacing: control.spacing 
            mirrored: control.mirrored 
            display: control.display 
            icon: control.icon 
            text: control.text
            font: control.font
            color: control.checked ? "white" : "black"
        } 
    
        background: Rectangle {  
            implicitHeight: 40 
            color: control.checked ? "#338074" : "#d1d1d1" 
            radius: 5
            border.width: 1
            border.color: "#babcbc"
        }
    }

其实，可以根据个人需求，实际修改任何东西，此只是一个样例

[Link 1]: https://doc.qt.io/qt-5/qtquicktemplates2-index.html

发表评论取消回复

表情：

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

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

相关阅读

相关 Qt Quick - Popup控件详解

Qt Quick - Popup控件详解 `Popup`是基于Qt Quick中的一种弹出式用户界面控件。它可以和`Window`或`ApplicationWindow`一起

小灰灰/ 2024年03月23日 10:19/ 0 赞/ 241 阅读

相关 Qt Quick QML 动画详解

Qt Quick QML 动画详解在 Qt Quick 中，动画被广泛用于实现交互效果和视觉表现。Qt Quick 提供了多种动画类型，包括 PropertyAnimati

谁践踏了优雅/ 2024年03月23日 10:16/ 0 赞/ 191 阅读

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

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

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

相关 Qt Quick-QML 方向盘控件

Qt Quick-QML 方向盘控件方向盘是常见的交互式控件，可以在各种应用中使用。本文将介绍如何使用 Qt Quick-QML 创建一个方向盘控件，该控件不需要任何图片资

我不是女神ヾ/ 2024年03月23日 10:14/ 0 赞/ 213 阅读

相关制作 QML 扩展插件（Qt Quick 2 Extension Plugin）

（本文测试环境为Qt5.12.11/Qt5.15.2+MSVC2019+QtCreator）制作插件（或者说动态库）是很常见的需求，QtQuick 也提供了这一功能，插件的

向右看齐/ 2023年07月02日 03:15/ 0 赞/ 86 阅读

相关 20200526-01 QML 基于 Qt Quick Templates 2 模板重构控件教程

一、前言 Qt Quick Template2 提供了大量非虚模板控件 `import QtQuick.Templates 2.15 as T` [官方网页][L

布满荆棘的人生/ 2023年02月13日 03:50/ 0 赞/ 23 阅读

相关 QT Quick（QML）学习笔记2 （Dialog）

1、Dialog import QtQuick.Dialogs 1.2 import QtQuick 2.14 import QtQuick.W

怼烎@/ 2022年12月26日 02:20/ 0 赞/ 526 阅读

相关 QT Quick（QML）学习笔记1

1、添加网络模块 ![20201130195903409.png][] 目的：是为了使得Image能够加载到http或https（https的访问强查看：[http

冷不防/ 2022年12月25日 05:55/ 0 赞/ 396 阅读

相关 Qt:QML控件类关系图

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

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

相关 Qt Quick 和qml介绍

[http://blog.csdn.net/tumiz/article/details/53445196][http_blog.csdn.net_tumiz_article_d

我不是女神ヾ/ 2022年06月07日 00:37/ 0 赞/ 361 阅读