扬帆起航——Qt自定义控件介绍

简介: 扬帆起航——Qt自定义控件介绍

前言


Qt 提供了丰富的控件、工具和库,可以帮助开发人员快速创建现代化的跨平台应用程序。但是对于某些特殊的需求,现有的控件可能无法满足。这时,自定义控件成为了一个值得考虑的选择。Qt 提供了完善的 API 和开发工具,可以帮助开发人员轻松地创建自己的独特控件。通过本文的介绍,您可以了解自定义控件的优势、创建自定义控件的步骤以及常见的自定义控件。


自定义控件的定义


在我看来,自定义控件的定义如下:

实现没有自带的控件或使用原有的控件组合在一起实现一个新的控件

这就是定义。


自定义控件的好处


在我们日常使用软件的过程中,我们可以发现其他的软件的界面比我们高大上很多,但是当我们点开软件的安装路径的时候,就会发现他是Qt5或Qt6写的。

思考:

为什么我们自己写的界面却这么拉跨呢?

解决办法:

我们可以是用qss来美化我们的界面,这是一种方法,但是还有一种方法就是自定义控件。

对于我们编码技术:

在自定义控件中,我们需要熟悉原版qt的用,并灵活使用他,自定义控件对于我们编码有一个质的提升!

总结:

自定义控件可以提供更好的用户体验和更强的功能。通过自定义控件,开发人员可以更好地满足用户的需求,同时也可以提高应用程序的效率和美观度。以下是一些自定义控件的优势:

  • 更好的功能和性能
  • 更好的用户体验
  • 更好的设计和美观度
  • 更好的可维护性和可扩展性


如何实现自定义控件


实现没有自带的控件

在Qt基础教程中,我们知道,在QWidget中,我们可以使用QPainter类进行绘画,其实在Qt自带的控件都是通过QPainterQPainterPath、qt事件如:QMouseEvent组合起来实现的.

我们可以通过定义一个QWidget类,定义变量,操作函数等来实现他。

如下一个QRulerProgress的代码。

注:在qt原版中是没有的。

class RoundProgress : public QWidget
{
    Q_OBJECT
    void paintEvent(QPaintEvent *e);
    void drawBackGround(QPainter &p);
    void drawprogress(QPainter &p);
    QColor bgc;
    QColor ValueBgc;
    QColor TextColor;
    int PenWidth;
    int Value;
    QFont Textfont;
    QVariantAnimation *animation;
    int rate;
public:
    explicit RoundProgress(QWidget *parent = nullptr);
    void SetBackGroundColor(const QColor &c);
    void SetValueColor(const QColor &c);
    void SetTextColor(const QColor &c);
    void SetPenWidth(int width);
    void SetRange(int m,int max);
    void SetValue(int v);
    void SetFont(const QFont &f);
    void SetRate(int r);
signals:
};


我们通过定义变量,来实现绘制。

我们通过定义不同的操作函数让我们使用者快速使用。

在后面我会详细讲这些代码是如何去实现,还有如何去得到这种自定义的思想。

如果遇到我的文章没有讲到我会一一讲解。


如何使用自定义控件


在qt中,我们可以使用提升法来提升我们自己写的控件。

提升法:如有两个继承于QWidget的类w1,w2.w2是我们在.ui文件中拖拽出来的,w1是我们自己的控件,如果我们没有dll动态库,我们是不能在.ui文件中直接拖拽出我们的控件的,那怎么办?我们可以使用提升法,把w2变成w1。

在ui文件中拖拽出一个widget,右键他,可以看到提升为,点击他。

73ce40b1e3c943e7937d16c1635ddf59.png

一般基类名称使用QWidget就可以,在我们自定义控件中。

在提升的类名称中输入你的控件,点击添加,提升。

becff1ad0b3a47fb917564de7cd8dcf2.png

如果你已经提升了某个类在上方,我们则可以直接双击他或者点击某个控件点击下面的提升。

在下一个专栏我会讲,我们如何把他做出一个dll/so等动态库文件,直接使用。


测试和优化


完成自定义控件后,您需要进行测试和优化。您可以测试控件的功能、性能和兼容性,以确保其可以正常工作并满足用户的要求。


常见的自定义控件


表盘控件
汽车仪表盘
圆弧仪表盘
百分比表盘
半圆仪表盘
进度仪表盘
速度仪表盘
范围仪表盘
简单指南针仪表盘
指南针
旋转仪表盘


进度控件
水波进度条
百分比进度
圆环进度条
等待进度条
弧形进度条
倒计时进度条


除了上面这些,还有很多,关注我吧,带你探索自定义控件这块神秘领域!


总结


总的来说,自定义控件好处多多,但是做这个要有毅力!

在以后的几个月我会不断更新自定义控件,大家可以评论让博主做不同的控件。

相关文章
|
2天前
|
XML 编解码 数据可视化
Android-Studio-4-0-最新进展,这几个新体验太牛逼了!
Android-Studio-4-0-最新进展,这几个新体验太牛逼了!
|
4天前
qt 开发 “控件之家“
qt 开发 “控件之家“
|
10月前
|
容器
陈伟视频-控件使用(20-25)
陈伟视频-控件使用(20-25)
|
编解码 自然语言处理 数据可视化
iOS开发-自动布局篇:史上最牛的自动布局教学!
本文我们将提到: aotulayout(手码) VFL aotulayout(Xib) Masonry(第三方框架)
iOS开发-自动布局篇:史上最牛的自动布局教学!
|
存储 XML 安全
艾伟:Silverlight 2.0 之旋转木马
序言:记得去年8月就开始接触Silverlight 1.0了,那时候刚出来,接触的人还不是很多,一位MVP讲师朋友说国内精通的也就几千人吧,因为自己对RIA一直也比较有兴趣,所以学起来也很快,想不到MS终于放出了2.
1094 0
|
Web App开发 Windows
Silverlight 5即将来临
可能最早在2010年12月,微软将揭晓Silverlight的未来,届时Silverlight 5的细节将被共享。但通过与以前的版本的绰号来看,Silverlight 5 很可能是当前版本的Silverlight 4 的延续。
739 0
|
前端开发 C#
silverlight,WPF动画终极攻略之白云飘,坐车去旅游篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之白云飘,坐车去旅游篇(Blend 4开发) 这章有点长,所以我分成了两章。这一章主要是准备工作,差不多算美工篇吧,这章基本不会介绍多少动画效果,主要讲的是blend中工具的使用,利用哪些工具做出哪些效果。
1175 0
|
Windows 容器 API
[UWP]涨姿势UWP源码——UI布局
原文:[UWP]涨姿势UWP源码——UI布局 懒癌晚期兼正月里都是过年,一直拖到今天才继续更新。之前的几篇介绍了数据的来源,属于准备工作。本篇我们正式开始构建涨姿势UWP程序的UI界面。 我们这个Hello World程序比较简单,总共只有一个页面,在PC和Tablet上呈左右分开,左边以列表显示新闻标题及简述,右边则显示新闻正文。
1441 0