自定义控件
文章平均质量分 52
主要利用Qt绘图技术,编写自定义控件。
浮生卍流年
就让光芒折射泪湿的瞳孔,映出心中最想拥有的彩虹,带我奔向那片有你的天空。
展开
-
自定义控件锦集
【代码】自定义控件锦集。原创 2023-07-23 00:43:05 · 447 阅读 · 2 评论 -
Qt动态多级导航菜单(三)
Qt动态多级导航菜单原创 2023-06-24 22:33:02 · 1592 阅读 · 3 评论 -
Qt动态多级导航菜单(二)
Qt动态多级导航菜单:平移方式伸缩菜单原创 2022-08-27 20:37:53 · 2164 阅读 · 0 评论 -
Qt动态多级导航菜单
该控件使用QScrollArea、QPushButton、QWidget和QVboxLayout模拟树结构。效果图核心代码1、ContentWidget绘制部分该部分负责绘制右侧导航线条void NavContentWidget::paintEvent(QPaintEvent *event){ Q_UNUSED(event) QPainter painter(this); painter.setPen(Qt::NoPen); painter.setBrush(m_bgColor);原创 2022-05-26 15:30:30 · 3767 阅读 · 5 评论 -
Qt模仿VS停靠窗口(二)
Qt模仿VS停靠窗口(二)原创 2022-01-16 13:58:50 · 1421 阅读 · 6 评论 -
Qt模仿VS停靠窗口(一)
前言众所周知,停靠窗口可以实现任意拖动效果,本文重点在于如何利用Qt制作与Visual Studio相似的带有停靠方向标及停靠区域预览的的停靠窗口框架。效果图原创 2022-01-09 09:18:34 · 3313 阅读 · 10 评论 -
QGraphisView编写箭头与圆指向关系
效果图QWHArrowItem类头文件#ifndef QWHARROWITEM_H#define QWHARROWITEM_H#include <QGraphicsLineItem>#include "qwhcircleitem.h"class QWHArrowItem : public QGraphicsLineItem{public: enum {Type = UserType}; explicit QWHArrowItem(QWHCircleItem原创 2020-12-20 11:23:12 · 922 阅读 · 3 评论 -
QGraphicsView编写五芒星图
之前利用QPainter简单绘制过五芒星图,本次利用Qt的场景图元编写五芒星图,增加了五芒星缩放动画,悬浮效果等。效果图注:由于录制原因,悬浮效果没有录制下来。头文件#ifndef QWHPENTACLEVIEW_H#define QWHPENTACLEVIEW_H/* * 五芒星图 * 目前提供十种颜色,故而只支持十份数据 */#include <QGraphicsView>#include <QGraphicsScene>#include <原创 2020-12-19 20:31:42 · 742 阅读 · 3 评论 -
Qt绘制记分牌控件
效果图记分牌控件头文件#ifndef QWHSCOREBOARD_H#define QWHSCOREBOARD_H/* * 记分牌控件,可单独使用 */ #include <QWidget>#include <QPaintEvent>#include <QPainter>#include <QPropertyAnimation>#include <QResizeEvent>class QWHScoreBoard :原创 2020-05-17 09:51:15 · 850 阅读 · 0 评论 -
Qt绘制呼吸边框效果
效果图头文件#ifndef QWHBREATHWIDGET_H#define QWHBREATHWIDGET_H/* * 边框呼吸效果 * 该控件支持为任意继承自QWidget的窗体设置效果 * 该控件支持设置边框宽度 * 该控件支持设置边框颜色 */#include <QWidget>#include <QPainter>#include <QPaintEvent>#include <QPropertyAnimation>#原创 2020-05-10 23:33:38 · 1381 阅读 · 0 评论 -
Qt绘制倒计时控件
效果图头文件#ifndef QWHTIMIMG_H#define QWHTIMIMG_H/* * 可设置倒计时秒数 * 可设置文本颜色 * 可设置背景填充 */ #include <QWidget>#include <QPropertyAnimation>#include <QTimer>#include <QPaintEve...原创 2020-05-02 12:17:51 · 1547 阅读 · 0 评论 -
Qt绘制旋转边框效果
效果图:头文件#ifndef QWHROTATEBORDERWIDGET_H#define QWHROTATEBORDERWIDGET_H/* * 窗体边框旋转效果 * 该控件支持为任意继承自QWidget的窗体设置效果 * 该控件支持设置边框宽度 * 该控件支持设置边框颜色 * 该控件支持设置高光颜色 * 该控件支持设置高光占比 */#include <QWi...原创 2020-04-23 22:12:25 · 1071 阅读 · 6 评论 -
Qt绘制云盘系列1
先抛出一个问题:QImage: out of memory, returning null image,下方错误示范效果图报出此错误,希望各位大佬们帮忙解决一下,在此先谢谢了!工程链接-百度云链接:https://pan.baidu.com/s/1nccUlTPgZQc5QeP2bzczcw提取码:akvt错误示范效果图:实际上应该是下方这个效果,但是由于QImage: out of m...原创 2020-04-22 21:50:51 · 1998 阅读 · 1 评论 -
Qt模仿Boss直聘的竞争力分析器
Qt模仿Boss直聘的综合力分析器,分析器这玩意儿要花钱买的。。。效果图头文件#ifndef QWHCOMPETITIONANALYZER_H#define QWHCOMPETITIONANALYZER_H#include <QWidget>#include <QPainter>class QWHCompetitionAnalyzer : public ...原创 2020-04-15 23:25:07 · 3009 阅读 · 0 评论 -
Qt通用控件-中心缩放效果
设计初衷在有些时候,由于界面大小有限,有些控件常常因为需要较大的尺寸才能清晰的显示,否则会有点模糊,但是控件放大后又会影响界面美观,因此设计了这个通用类,来控制控件的大小。控件依旧正常大小放置,并且支持被布局。当鼠标进入控件后,控件被放大,离开后控件回复初始大小,这样既能清晰的显示控件,又不影响界面的美观性。效果图头文件#ifndef QWHSCALEWIDGET_H#define Q...原创 2020-04-09 23:02:59 · 1418 阅读 · 0 评论 -
Qt模仿手机QQ列表功能
简单的用Qt模仿手机QQ列表功能,旨在模仿其置顶和删除两个功能,不注重模仿其绘图样式!主要难点:1、对于自定义Model的操作,包括但不限于插入、删除等。2、对于自定义Delegate的操作,包括但不限于paint()函数的重写、水平与垂直滚动条对paint()函数的影响、以及置顶和删除信号的触发。效果图头文件#ifndef QWHQQLISTVIEW_H#define QWHQQ...原创 2020-03-22 23:10:26 · 835 阅读 · 0 评论 -
Qt绘制图片轮播增强版
在之前写的轮播控件基础上,添加新的轮播类型。效果图由于录制原因,鼠标进入控件时的事件被录制软件屏蔽了。左右两侧是有切换图片的绘制。两侧:头文件#ifndef QWHADVERTISINGPAGEEX_H#define QWHADVERTISINGPAGEEX_H#include <QWidget>#include <QPushButton>#incl...原创 2020-02-25 10:17:35 · 745 阅读 · 1 评论 -
Qt模仿微信红包
无聊做一个微信红包控件。效果图头文件#ifndef QWHWEIXINPACKET_H#define QWHWEIXINPACKET_H/* * 模仿微信红包 */#include <QWidget>#include <QPaintEvent>#include <QPainter>#include <QPixmap>#in...原创 2020-02-21 20:43:14 · 565 阅读 · 4 评论 -
Qt模仿声波震荡条
经常看到音乐播放器上有类似的地方,索性简单做一个。效果图头文件#ifndef QWHSOUNDWAVE_H#define QWHSOUNDWAVE_H/* * 声波震荡条 */#include <QWidget>#include <QPaintEvent>#include <QPainter>#include <QTimer&g...原创 2020-02-20 14:12:03 · 546 阅读 · 3 评论 -
Qt模仿九宫格游戏
最近用Qt简单制作了一个九宫格游戏(当然支持16宫格等)。游戏制作比较简略,忘记添加原图提供原图参考了。效果图十六宫格图片头文件#ifndef QWHPUZZLEGAME_H#define QWHPUZZLEGAME_H#include <QWidget>#include <QPixmap>#include <QLabel>#inclu...原创 2020-02-18 14:01:46 · 828 阅读 · 1 评论 -
Qt模仿瑞幸咖啡广告页
模仿瑞幸咖啡手机App首页的广告栏效果图头文件#ifndef QWHADVSLIDEWIDGET_H#define QWHADVSLIDEWIDGET_H#include <QWidget>#include <QPixmap>#include <QHBoxLayout>#include <QLabel>#include <...原创 2020-02-16 10:04:25 · 569 阅读 · 0 评论 -
Qt绘制图片轮播控件
该控件参考了feiyangqingyun博主的博文:Qt编写自定义控件24-图片轮播控件https://blog.csdn.net/feiyangqingyun/article/details/91315428并在其基础上稍加修改并新添了鼠标悬停导航器切换图片的功能。效果图头文件#ifndef QWHADVERTISINGPAGE_H#define QWHADVERTISINGP...原创 2020-02-15 13:08:20 · 1240 阅读 · 4 评论 -
Qt模拟荣耀手机开机界面文字图标
荣耀手机开机界面时会出现HONOR字样,并且会有高光划过。效果图1(默认效果):效果图2(用户设置参数)头文件#ifndef QWHLABEL1_H#define QWHLABEL1_H#include <QLabel>#include <QPaintEvent>#include <QPainter>#include <QPrope...原创 2020-01-01 17:09:09 · 655 阅读 · 1 评论 -
Qt模仿酷狗音乐的播放图标
手机酷狗音乐在播放的时候,中间有一个旋转图标,显示播放进度,如下所示。Qt模仿酷狗音乐的播放图标效果图:头文件#ifndef QWHKUGOUMUSICLABEL_H#define QWHKUGOUMUSICLABEL_H/* * 模仿酷狗音乐的音乐播放图标 * 支持缩放 */#include <QWidget>#include <QPainter>...原创 2019-12-28 14:44:18 · 991 阅读 · 0 评论 -
自定义控件-王者荣耀之五芒星图
模仿王者荣耀的赛季战后数据显示:五芒星图效果图:头文件#ifndef QWHPENTAGONALCHART_H#define QWHPENTAGONALCHART_H#include <QWidget>#include <QPaintEvent>#include <QPainter>class QWHPentagonalChart : pu...原创 2019-10-15 21:32:59 · 913 阅读 · 0 评论 -
Qt绘制滑动验证
在登陆界面中,经常用到滑动验证的方式,来确保账号安全效果图:核心代码void QWHSliderVerification::paintEvent(QPaintEvent *){ QPainter painter(this); painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing...原创 2019-09-15 11:45:49 · 1709 阅读 · 6 评论 -
Qt绘制饼图定制版
参考:1、雨田哥:Qt之饼状图控件https://blog.csdn.net/ly305750665/article/details/974169372、feiyangqingyun:子自定义环形图https://blog.csdn.net/feiyangqingyun/article/details/98472081效果图头文件#ifndef QWHPIEEX_H#define Q...原创 2019-09-13 10:20:02 · 1035 阅读 · 1 评论 -
Qt绘制旋转文本
**参考雨田哥-弧形字体:**https://blog.csdn.net/ly305750665/article/details/89645218效果图头文件#ifndef QWHROTATETEXT_H#define QWHROTATETEXT_H#include <QWidget>#include <QPaintEvent>#include <...原创 2019-09-08 15:53:28 · 3606 阅读 · 0 评论 -
QPainter绘制饼图
效果图样式1:样式2:头文件#ifndef QWHPIE_H#define QWHPIE_H#include <QWidget>#include <QPaintEvent>#include <QPainter>class QWHPie : public QWidget{ Q_OBJECTpublic: enum Le...原创 2019-09-01 22:02:15 · 2765 阅读 · 14 评论 -
简易雷达
效果图头文件#ifndef QWHRADARSCAN_H#define QWHRADARSCAN_H#include <QWidget>#include <QPaintEvent>#include <QPainter>#include <QList>#include <QTimer>#include <QCol...原创 2019-08-30 23:58:00 · 695 阅读 · 2 评论 -
手势密码
Qt模仿安卓手势登陆密码头文件#ifndef QWHGESTURELOGIN_H#define QWHGESTURELOGIN_H#include <QWidget>#include <QPaintEvent>#include <QPainter>#include <QMouseEvent>class QWHGestureLog...原创 2019-08-25 11:02:10 · 2342 阅读 · 1 评论