Qt自定义控件及应用开发

[QML开发笔记]-QML Canvas绘制数字时钟## 标题/*** @projectName QMLCircleDigitClock* @brief Description* @author Kongdemin* @date 2021-04-18*/import QtQuick 2.12import QtQuick.Window 2.12Window { visible: true width: 500

####QMLChart 动态绘制KdmChartView1.qmlimport QtQuick 2.0import QtCharts 2.13ChartView { id: view title: "动态绘制" antialiasing: true backgroundColor: "teal" animationOptions: ChartView.SeriesAnimations legend.visible: false .

[QML开发笔记]-Quick控件样式生成器QWidget控件样式可以通过qss来设置，网上已有大神开发了皮肤生成器。qml开发过程同样涉及到控件样式的设置，Qt对qml开发自带了几套样式如Google Material样式、Microsoft Universal样式等，对原生控件的样式同样也提供了相应的帮助文档来参考。再次为了方便设置qml控件的样式，设计了Quick控件样式生成器。目录[QML开发笔记]-Quick控件样式生成器BusyIndicator控件Button控件Che

[QML开发笔记]-QML+FFmpge制作视频播放器QML结合FFmpge制作视频播放器环境：QT5.13 ffmpeg-4.2.2-win64效果：代码：main.qmlimport QtQuick 2.12import QtQuick.Window 2.12import QtQuick.Controls 2.12import QtQuick.Dialogs 1.2import KDMQuick 1.0/*** @FileName main.qml* @b

[QML开发笔记]-QML扩展插件三(C++绘制控件库的使用)QML扩展控件方法：通过c++绘制控件并生成库供QML使用。实现QML集成QWidget自绘制控件生成的库。效果：代码：main.qmlimport QtQuick 2.12import QtQuick.Window 2.12import KDMQuickControl 1.0/*** @FileName main.qml* @brief File Description* @author

[QML开发笔记]-QML扩展插件二(C++绘制控件库)QML扩展控件方法：通过c++绘制控件并生成库供QML使用。实现QML集成QWidget自绘制控件生成的库。效果：代码：AnalogClock.h#ifndef ANALOGCLOCK_H#define ANALOGCLOCK_H/*** @FileName AnalogClock.h* @brief File Description* @author Kongdemin* @date

[QML开发笔记]-QML扩展插件一(C++绘制控件)QML扩展控件方法：通过c++绘制控件供QML使用。实现QML集成QWidget自绘制控件。效果：代码：AnalogClock.h#ifndef ANALOGCLOCK_H#define ANALOGCLOCK_H/*** @FileName AnalogClock.h* @brief File Description* @author Kongdemin* @date 2

[QML开发笔记]-QML阴影遮罩窗口QML阴影遮罩效果.来自官网示例中.可作为自定义消息提示窗口，有阴影遮罩效果。效果：代码：Dialog.qmlimport QtQuick 2.0/*** @FileName Dialog.qml* @brief 阴影遮罩效果* @author Kongdemin* @date 2020-05*/Rectangle { id: root color: "transpare

[QML开发笔记]-QML无边框拖拽QML无边框拖拽窗口功能实现效果：代码：main.qmlimport QtQuick 2.12import QtQuick.Window 2.12/*** @FileName main.qml* @brief File Description* @author Kongdemin* @date 2020-05*/Window { id: window visible: t

[QML开发笔记]-QML窗体透明QML窗体透明功能实现效果：代码：main.qmlimport QtQuick 2.12import QtQuick.Window 2.12/*** @FileName main.qml* @brief File Description* @author Kongdemin* @date 2020-05*/Window { visible: true width: 640

[QML开发笔记]-QML滑屏效果QML的SwipeView滑屏控件、PageIndicator翻页指示器控件的功能介绍和使用方法。同样的功能我通过QWidget也进行了实现，可以参考《QWidget实现手机ipad屏幕滑屏效果》效果图：代码：main.qmlimport QtQuick 2.12import QtQuick.Window 2.12import QtQuick.Co...

[QML开发笔记]-QML绘制仪表盘属性设置在[QML开发笔记]-QML绘制仪表盘介绍了使用QML绘制仪表盘的方法，在此基础上增加属性设置，动态改变属性，同样通过creator也可以设置相应属性。效果：...

[QML开发笔记]-QML绘制仪表盘使用QML绘制仪表盘，主要是因为使用QPainter绘制控件绘制习惯了，使用QML也要绘制一个试试。总体感觉，QML绘制起来还是挺方便的，QML自带的仪表盘控件功能也挺强大，随后会使用QML自带的仪表盘进行开发使用。效果：代码：MyCircularGauge.qmlimport QtQuick 2.0/*** @FileName My...

将QML项目移植到QWidget项目中将已有的QML项目移植到QWidget当中，通过QQuickWidget加载QML，达到显示效果。这里将Qt自带的汽车仪表盘例子进行演示：qml的dashboard demo项目路径C:\Qt\Qt5.13.2\Examples\Qt-5.13.2\quickcontrols\extras\dashboard将整个目录复制到移植目录下将...