上次和大家分享了使用Qml制作的仪表盘的过程,这次和大家分享下Qt的自定义控件过程。 ? 效果图如上,有图有真相啊。 程序源码来自B站上,几乎没做任何修改,这里主要说下自定义控件的流程。...这时候就需要自定义控件了,而且实际使用中还会用到样式表的。本次主要简述下自定义仪表盘的流程。...一、仪表盘自身工作流程 仪表盘控件继承自QWidget,使用定时器以100ms的频率触发painEvent绘图事件。...二、关于程序对自定义控件的调用 从github上下载下来的程序是通过提升控件的方式调用的。具体就是先拖一个Widget,然后右键提升,Qt会自动识别程序中已包含的自定义控件的。...效果视频如下: 第二个是之前qml制作的仪表盘效果。
一、前言 汽车仪表盘几乎是qt写仪表盘控件中最常见的,一般来说先要求美工做好设计图,然后设计效果图给到程序员,由程序员根据效果来实现,主要靠贴图,这种方法有个好处就是做出来的效果比较逼真,和真实效果图基本上保持一致...圆形指示器 指针指示器 圆角指针指示器 三角形指示器 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGECAR_H #define GAUGECAR_H /** * 汽车仪表盘控件...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。...自定义控件插件开放动态库dll使用(永久免费),无任何后门和限制,请放心使用。 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
5:可设置旋转角度 6:可设置滚动值 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGEPLANE_H #define GAUGEPLANE_H /** * 飞机姿势仪表盘控件...drawChord(rect, -16 * startAngle, 16 * span); #endif painter->restore(); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。...自定义控件插件开放动态库使用(永久免费),无任何后门和限制,请放心使用。 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
一、前言 旋转仪表盘,一般用在需要触摸调节设置值的场景中,其实Qt本身就提供了QDial控件具有类似的功能,本控件最大的难点不在于绘制刻度和指针等,而在于自动计算当前用户按下处的坐标转换为当前值,这个功能想了很久...字号随窗体拉伸自动变化 9:可设置是否显示当前值 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGEDIAL_H #define GAUGEDIAL_H /** * 旋转仪表盘控件...maxValue) { currentValue = maxValue; } setValue(currentValue); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
一、前言 速度仪表盘,写作之初的本意是用来展示当前测试的网速用的,三色圆环+数码管显示当前速度,Qt自带了数码管控件QLCDNumber,直接集成即可,同时还带有动画功能,其实也可以用在汽车+工业领域等...7:自适应窗体拉伸,刻度尺和文字自动缩放 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGESPEED_H #define GAUGESPEED_H /** * 速度仪表盘控件...(degRotate); painter->drawConvexPolygon(pts); painter->restore(); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
一、前言 天气仪表盘控件是所有控件中唯一一个使用了svg矢量图的控件,各种天气图标采用的矢量图,颜色变换采用动态载入svg的内容更改生成的,其实也可以采用图形字体来做,本次控件为了熟悉下svg在Qt中的使用...科设置是否启用动画显示进度以及动画步长 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGEWEATHER_H #define GAUGEWEATHER_H /** * 天气仪表盘控件...} painter->rotate(angleStep); } painter->restore(); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
增加设置系统时间公共槽函数,支持任意操作系统 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGECLOCK_H #define GAUGECLOCK_H /** * 时钟仪表盘控件...action->setText("弹簧效果"); setSecondStyle(SecondStyle_Normal); } } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。...自定义控件插件开放动态库使用(永久免费),无任何后门和限制,请放心使用。 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
一、前言 圆弧仪表盘在整个自定义控件大全中也稍微遇到了技术难点,比如背景透明,如果采用以前画圆形画扇形的方式绘制,肯定很难形成背景透明,需要用到切割,最后换了一种绘制方法,采用绘制圆弧的方式,即使用drawArc...圆形指示器 指针指示器 圆角指针指示器 三角形指示器 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGEARC_H #define GAUGEARC_H /** * 圆弧仪表盘控件...painter->drawText(textRect, Qt::AlignCenter, strValue); painter->restore(); } 六、控件介绍 超过146个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章。... 6 [Description("分隔刻度数量,>1"), Category("自定义")] 7 public int SplitCount... 24 [Description("表盘跨度角度,0-360"), Category("自定义")] 25 public int MeterDegrees... 42 [Description("最小值,<MaxValue"), Category("自定义")] 43 public decimal MinValue... 60 [Description("最大值,>MinValue"), Category("自定义")] 61 public decimal MaxValue
概述 基于QT的仪表盘有很多种办法,比如使用QWT或Echart组件,或者基于QT的绘图功能绘制,或者基于美工提供的图片的基础上增加动态效果。然而搞明白QT自定义控件的绘图后,这种实现是最简单的。...这里介绍下Qt自定义控件之仪表盘的完整实现。 效果预览 以下是三种不同的手绘实现,网上的其他文章有的只提供效果或代码片段,这里附上完整能用的源码。...表盘的实现是基于QT的QPainter类中的绘图方法,自定义实现一个QWidget控件。 将表盘分解析为3个组成部分。表盘的外形轮廓、指针和显示的当前速度的数值。...的博客-CSDN博客_qt 仪表盘 Qt:绘制仪表盘_Francis_Ye的博客-CSDN博客_qt 仪表盘 Qt总结之八:绘制仪表盘_ooMelloo的博客-CSDN博客_qt 仪表盘 qt实现一个简单的仪表盘..._黑色肥猫的博客-CSDN博客_qt 仪表盘 QT绘制简易表盘_我不是萧海哇~~~~的博客-CSDN博客_qt绘制仪表盘 学习QT之自定义控件入门学习#-仪表盘_贝勒里恩的博客-CSDN博客_qt仪表盘
自定义View实战(一) 汽车速度仪表盘 转载请以链接形式标明出处: http://blog.csdn.net/lxk_1993/article/details/51373269 本文出自:【...思路: 1.绘制一个实心的圆做仪表盘背景。 ...pointY, raduis / 2 + 5 * mDensityDpi, mPaint); mPaint.setStrokeWidth(3 * mDensityDpi); 3.绘制仪表盘的刻度...mDensityDpi, pointY, mPaint); } canvas.rotate(6, pointX, pointY); } } 4.绘制仪表盘的速度标识和中间的速度
一、前言 进度仪表盘主要应用场景是标识一个任务进度完成的状况等,可以自由的设置范围值和当前值,为了美观还提供了四种指示器(圆形指示器/指针指示器/圆角指针指示器/三角形指示器),各种颜色都可以设置,其中的动画效果采用的...10:可设置是否显示指示器 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGEPROGRESS_H #define GAUGEPROGRESS_H /** * 进度条仪表盘控件...painter->drawText(textRect, Qt::AlignCenter, strValue); painter->restore(); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
前言:最近一直在学自定义View的相关知识,感觉这在Android中还是挺难的一块,当然这也是每个程序员必经之路,正好公司项目要求实现类似仪表盘的效果用于直观的显示公司数据,于是就简单的写了个demo,...上篇《Android自定义View实现圆弧进度效果》简单记录了圆弧及文字的绘制,渐变色的仪表盘效果将更加升入的介绍canvas及paint的使用(如画布旋转,paint的渐变色设置等)。...mTotalAngle = (float) (ratio*0.2+200); } mCurrentDes = "冲刺目标"; } startRotateAnim(); } 总结:自定义...View实现仪表盘效果用到了canvas的旋转及矩阵平移;drawTextOnpath使的文字跟随path绘制;SweepGradient实现圆弧的渐变色效果。
一、前言 这个控件取名叫迷你仪表盘,是以为该控件可以缩小到很小很小的区域显示,非常适合小面积区域展示仪表数据使用,还可以手动触摸调节进度,是我个人觉得最漂亮小巧的一个控件。...初次看到类似的控件是在一个音乐视频编辑软件中,用来展示左通道右通道音量等,有非常多的类似的迷你仪表盘在整个软件系统中,用户可以直接鼠标滑动调节,以最小的占用区域展示最大的信息,漂亮!...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。...自定义控件插件开放动态库使用(永久免费),无任何后门和限制,请放心使用。 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
要能够支持直接输入首先想到的就是qlineedit控件,在原有的仪表盘控件上中间部分,放置一个qlineedit控件用来输入值,采用正则表达式来限制只能输入数字,为了使得qlinedit和自定义绘制的仪表盘完全融为一体...修改值 11:支持鼠标滚轮步长为1修改值 三、效果图 [gaugeedit.gif] 四、头文件代码 #ifndef GAUGEEDIT_H #define GAUGEEDIT_H /** * 可输入仪表盘控件...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。...自定义控件插件开放动态库使用(永久免费),无任何后门和限制,请放心使用。 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
一、前言 在Qt自定义控件中,仪表盘控件是数量最多的,写仪表盘都写到快要吐血,可能是因为各种工业控制领域用的比较多吧,而且仪表盘又是比较生动直观的,这次看到百度的echart中有这个控件,所以也来模仿做了一个...,其实掌握了一两个仪表盘的绘制方法以后,其他仪表盘的绘制都是如鱼得水,基本上变化很小。...总结起来就如下几点: 1:仪表盘边框 2:刻度尺 3:刻度值 4:圆环进度 5:指针 6:当前值 7:仪表盘标题 无论什么仪表盘,基本上包含的上面几个要素的大部分,所以只要掌握几个要素的绘制,任何仪表盘绘制都是轻轻松松信手拈来...无非就是有些仪表盘要求刻度尺在里边有些要求在外边,有些要求有圆环进度不同颜色显示,有些要求可以自定义左侧起始角度和右侧结束角度,有些要求指针圆形方形椭圆形等,有些要求值改变的时候带一些缓慢的动画过渡效果等...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
之前做过很多自定义控件,大部分都采用了qpainter的形式绘制,有个好处就是自适应任意分辨率,所以思考着这个云台控制仪表盘也采用纯painter绘制的形式,据说纯painter绘制还可以轻松移植到qml...观察云台仪表盘下来,基本上就这几部分组成,圆形底盘,八个角,中间部分按钮,整个的控件的难点就在于八个角的定位,中间部分很好定位,而且八个角不是绝对的位置,都是相对于界面的宽高按照等比例自适应排列的。...支持长按连续触发,支持设定延时间隔和执行间隔 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGECLOUD_H #define GAUGECLOUD_H /** * 云台仪表盘控件...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
= "Hz", Pos = new List { "83%", "75%" }, Range = new List { 0, 100 } } }; // 创建仪表盘系列
一、前言 指南针仪表盘,主要用来指示东南西北四个方位,双向对称两个指针旋转,其实就是360度打转,功能属于简单型,可能指针的绘制稍微难一点,需要计算多个点构成多边形,本系列控件文章将会连续发100+篇,...可设置指南指北指针颜色 8:可设置中心点渐变颜色 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef GAUGECOMPASS_H #define GAUGECOMPASS_H /** * 指南针仪表盘控件...painter->drawText(textRect, Qt::AlignCenter, strValue); painter->restore(); } 六、控件介绍 超过150个精美控件,涵盖了各种仪表盘...每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。
spring-cloud-starter-netflix-hystrix-dashboard hystrix依赖主要是hystrix核心功能依赖,dashboard是为我们提供仪表盘面板的页面功能的...2.启用hystrix仪表盘 在启动类增加注解@EnableHystrixDashboard。
领取专属 10元无门槛券
手把手带您无忧上云