轮播高度_Qt编写自定义控件24-图片轮播控件

一、前言

上一篇文章写的广告轮播控件,采用的传统widget堆积设置样式表做的,这次必须要用到更高级的QPainter来绘制了,这个才是最高效的办法,本控件参考雨田哥的轮播控件,经过大规模的改造而成,相比于原来的广告轮播控件,本控件可以说完爆他,按在地上使劲摩擦。除了可以设置图片路径集合以外,还可以设置对应的提示信息,这个在众多的web轮播图片效果中最常见,比如新闻的标题等,可以更直观的显示当前图片,而且单击图片还可以支持跳转,指示器的位置也能设置左边+中间+右边,指示器的样式更加增加到椭圆条状+圆形+矩形+小圆点+长条状多种可选择,可以说涵盖了各种web轮播图片的效果,还可以设置鼠标悬停暂停轮播,以便看清说明后鼠标移开继续轮播。指示器的宽高颜色等,都是可以自由设定的,这个对于采用QPainter绘制来说,是最好自定义的,无非就是设置对应的画笔QPen和对应的画布QBrush的颜色啦。

二、实现的功能

* 1:可设置图片路径集合

* 2:可设置提示信息集合

* 3:可设置指示器最小宽度和最大宽度

* 4:可设置图片切换间隔

* 5:可设置指示器颜色和提示文字颜色

* 6:可设置指示器高度

* 7:可设置指示器显示序号

* 8:可设置指示器位置 左边+中间+右边

* 9:可设置指示器的样式 椭圆条状+圆形+矩形+小圆点+长条状

* 10:可设置鼠标悬停停止轮播

三、效果图

ebd846faea0d838106740eab93bdb466.gif

四、核心代码

void AdsWidget2::paintEvent(QPaintEvent *){ if (names.count() == 0) { return; } int width = this->width(); int height = this->height(); QPainter painter(this); painter.setRenderHints(QPainter::SmoothPixmapTransform | QPainter::TextAntialiasing); QTextOption option(Qt::AlignLeft | Qt::AlignVCenter); painter.setPen(tipColor); //设置字体 QFont font; font.setPixelSize(15); painter.setFont(font); //取出上一张图片+当前图片,并平滑缩放 QPixmap previousPix(names.at(previousIndex)); QPixmap currentPix(names.at(currentIndex)); previousPix = previousPix.scaled(width, height, Qt::KeepAspectRatioByExpanding, Qt::SmoothTransformation); currentPix = currentPix.scaled(width, height, Qt::KeepAspectRatioByExpanding, Qt::SmoothTransformation); int widthOffset = offset + width; if (leftToRight) { widthOffset = offset - width; } //绘制上一张图片 painter.drawPixmap(offset, 0, previousPix); //绘制当前图片 painter.drawPixmap(widthOffset, 0, currentPix); //绘制上一张图片提示信息,有可能上一张图片提示信息为空 if (previousIndex <= tips.count() - 1) { painter.drawText(QRect(offset + 10, height - minHeight - 40, width - 20, 30), tips.at(previousIndex), option); } //绘制当前图片提示信息,有可能当前图片提示信息为空 if (currentIndex <= tips.count() - 1) { painter.drawText(QRect(widthOffset + 10, height - minHeight - 40, width - 20, 30), tips.at(currentIndex), option); }}void AdsWidget2::initWidget(){ //放置指示器的窗体载体 widgetNav = new QWidget(this); widgetNav->setObjectName(QString::fromUtf8("widgetNav")); //给指示器窗体加上左右布局 layout = new QHBoxLayout(widgetNav); layout->setSpacing(3); //主布局,上下布局 QVBoxLayout *verticalLayout = new QVBoxLayout(this); verticalLayout->setSpacing(0); verticalLayout->setContentsMargins(0, 0, 0, 0); //上部弹簧,用于将指示器区域弹到底部 QSpacerItem *verticalSpacer = new QSpacerItem(10, 10, QSizePolicy::Minimum, QSizePolicy::Expanding); verticalLayout->addItem(verticalSpacer); //将指示器窗体加入到主布局中下部 verticalLayout->addWidget(widgetNav); //实例化左侧右侧弹簧 spacerLeft = new QSpacerItem(1, 1, QSizePolicy::Expanding, QSizePolicy::Minimum); spacerRight = new QSpacerItem(1, 1, QSizePolicy::Expanding, QSizePolicy::Minimum);}void AdsWidget2::initForm(){ hoverStop = true; showNumber = false; minHeight = 6; minWidth = 6; maxWidth = 25; interval = 3000; navRadius = 3; navColor = QColor(220, 220, 220); textColor = QColor(20, 20, 20); tipColor = QColor(255, 255, 255); darkColor = QColor(255, 255, 255); imageNames.clear(); imageTips.clear(); navPosition = NavPosition_Left; navStyle = NavStyle_Ellipse; leftToRight = true; offset = 0; currentIndex = 0; previousIndex = 0; //定时器切换图片 timer = new QTimer(this); timer->setInterval(interval); connect(timer, SIGNAL(timeout()), this, SLOT(changedAds())); this->setMouseTracking(true); //定义动画组 animationGroup = new QParallelAnimationGroup(this); //定义动画切换图片 animationImage = new QPropertyAnimation(this, ""); connect(animationImage, SIGNAL(valueChanged(const QVariant &)), this, SLOT(changedImage(const QVariant &))); animationImage->setEasingCurve(QEasingCurve::OutCirc); animationImage->setDuration(1000); animationGroup->addAnimation(animationImage); QSequentialAnimationGroup *sequentialGroup = new QSequentialAnimationGroup(animationGroup); //用于切换最小拉伸宽度 animationMin = new QPropertyAnimation(sequentialGroup, ""); connect(animationMin, SIGNAL(valueChanged(const QVariant &)), this, SLOT(changedMin(const QVariant &))); animationMin->setEasingCurve(QEasingCurve::OutCubic); animationMin->setDuration(500); //用于切换最大拉伸宽度 animationMax = new QPropertyAnimation(sequentialGroup, ""); connect(animationMax, SIGNAL(valueChanged(const QVariant &)), this, SLOT(changedMax(const QVariant &))); animationMax->setEasingCurve(QEasingCurve::OutCubic); animationMax->setDuration(500); //按钮切换串行运行 sequentialGroup->addAnimation(animationMin); sequentialGroup->addAnimation(animationMax); animationGroup->addAnimation(sequentialGroup);}void AdsWidget2::initQss(){ //可自行拓展自定义样式 if (navStyle == NavStyle_Dot) { qssNormal = QString("border:none;background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5," "stop:0 #00FFFFFF,stop:0.4 #00FFFFFF," "stop:0.5 #00FFFFFF,stop:0.6 #00FFFFFF,stop:0.7 rgba(%1,%2,%3,%4));" "color:rgba(%5,%6,%7,%8);border-radius:%9px;") .arg(navColor.red()).arg(navColor.green()).arg(navColor.blue()).arg(navColor.alpha()) .arg(textColor.red()).arg(textColor.green()).arg(textColor.blue()).arg(navColor.alpha()).arg(navRadius); qssCurrent = QString("border:none;background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5," "stop:0 rgba(%1,%2,%3,%4),stop:0.4 rgba(%1,%2,%3,%4)," "stop:0.5 #00FFFFFF,stop:0.6 #00FFFFFF,stop:0.7 rgba(%1,%2,%3,%4));" "color:rgba(%5,%6,%7,%8);border-radius:%9px;") .arg(darkColor.red()).arg(darkColor.green()).arg(darkColor.blue()).arg(darkColor.alpha()) .arg(textColor.red()).arg(textColor.green()).arg(textColor.blue()).arg(navColor.alpha()).arg(navRadius); } else { qssNormal = QString("border:none;background:rgba(%1,%2,%3,%4);color:rgba(%5,%6,%7,%8);border-radius:%9px;") .arg(navColor.red()).arg(navColor.green()).arg(navColor.blue()).arg(navColor.alpha()) .arg(textColor.red()).arg(textColor.green()).arg(textColor.blue()).arg(navColor.alpha()).arg(navRadius); qssCurrent = QString("border:none;background:rgba(%1,%2,%3,%4);color:rgba(%5,%6,%7,%8);border-radius:%9px;") .arg(darkColor.red()).arg(darkColor.green()).arg(darkColor.blue()).arg(darkColor.alpha()) .arg(textColor.red()).arg(textColor.green()).arg(textColor.blue()).arg(textColor.alpha()).arg(navRadius); }}void AdsWidget2::changedAds(){ if (names.count() == 0) { return; } previousIndex = currentIndex; if (currentIndex < names.count() - 1) { currentIndex++; } else { currentIndex = 0; } changedAds(labs.at(currentIndex));}

六、控件介绍

1. 超过146个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。

2. 每个类都可以独立成一个单独的控件,零耦合,每个控件一个头文件和一个实现文件,不依赖其他文件,方便单个控件以源码形式集成到项目中,较少代码量。qwt的控件类环环相扣,高度耦合,想要使用其中一个控件,必须包含所有的代码。

3. 全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.12的任何Qt版本,支持mingw、msvc、gcc等编译器,支持任意操作系统比如windows+linux+mac+嵌入式linux等,不乱码,可直接集成到Qt Creator中,和自带的控件一样使用,大部分效果只要设置几个属性即可,极为方便。

4. 每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。

5. 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。

6. 每个控件默认配色和demo对应的配色都非常精美。

7. 超过130个可见控件,6个不可见控件。

8. 部分控件提供多种样式风格选择,多种指示器样式选择。

9. 所有控件自适应窗体拉伸变化。

10. 集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。

11. 自带activex控件demo,所有控件可以直接运行在ie浏览器中。

12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体,享受图形字体带来的乐趣。

13. 所有控件最后生成一个dll动态库文件,可以直接集成到qtcreator中拖曳设计使用。

可以留言评论区索要SDK下载地址。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/554377.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

怎样更换UC浏览器的字体?更换UC浏览器的字体的方法

uc浏览器是一个非常好用的搜索服务软件&#xff0c;需要使用浏览器的用户可以使用手机在这里操作&#xff0c;用户在使用一个软件的时候&#xff0c;可以将这个浏览器设置成自己喜欢的字体&#xff0c;这样使用起来就会更加的方便&#xff0c;在阅读的时候&#xff0c;使用顺眼…

自定义按键_王者荣耀:自定义按键让你的百里守约百发百中

在王者荣耀中&#xff0c;有很多输出炸裂的射手&#xff0c;但是他们普遍手不够长&#xff01;但是其中就有一位&#xff0c;他不仅手很长&#xff0c;而且打得还很疼&#xff01;他就是刺客兼射手的——百里守约百里守约&#xff0c;他不是射手&#xff0c;是刺客&#xff01;…

手机QQ浏览器如何同时下载多个文件

qq浏览器是一个非常多用户都喜欢使用的搜索软件&#xff0c;这款软件可以为用户提供非常多便捷的搜索服务&#xff0c;在使用这款软件的时候&#xff0c;很多用户会使用这款软件下载自己需要的文件&#xff0c;那么在使用这款软件的时候&#xff0c;要如何同时下载多个文件进行…

生成特征_使用gplearn自定义特征自动生成模块

背景&#xff1a;数据科学领域中&#xff0c;数据一直都是主要驱动力&#xff0c;特征工程作为其中重要一环&#xff0c;成为无论是kaggle类的数据竞赛&#xff0c;还是工业界应用中关注的重点。特征工程中有重要的一个环节叫做特征融合&#xff0c;好的特征融合能帮助构造当前…

腾讯视频电脑版下载_怎么样下载腾讯视频

软件是否好用&#xff0c;还得大家下载腾讯视频安装才知道。本文分享腾讯视频电脑版下载_怎么样下载腾讯视频。腾讯视频播放器不管是在界面设计、还是在功能操作使用、启动播放速度、视频内容数量、画面品质等方面均得到了用户的高度认可&#xff0c;是目前用户量最大的播放器软…

python数字对应车站_python爬虫查询车站信息

#车站信息查询import requests#1.获得url(存取车站信息的url)并读取&#xff0c;根据获得信息的特点去掉无用的信息并转换存储到列表中url"https://kyfw.12306.cn/otn/resources/js/framework/station_name.js?station_version1.9090"txtrequests.get(url).text#pri…

优酷视频如何进行连续播放?

优酷视频如何进行连续播放&#xff1f; 您可按下列方式打开和关掉持续播发&#xff1a; 移动端&#xff1a;开启优酷app-左上方【设定】-开启或关掉【持续播发】按键就可以。 pc端&#xff1a;开启优酷pc客户端-点一下左上方【设定】-启用或不启用【自始至终持续播发】就可以…

yaw公式_坐标系和yaw, pitch, roll等基础概念

坐标系右手坐标系&#xff1a;把右手拇指食指中指伸直并正交&#xff0c;拇指X&#xff0c;食指Y&#xff0c;中指Z。一般无特殊说明&#xff0c;都是右手坐标系。右手坐标系的旋转正方向&#xff1a;从轴的正方向看向原点&#xff0c;逆时针方向即是旋转正向。或者&#xff0c…

腾讯视频下载的视频怎么剪辑_怎样卸载腾讯视频

腾讯视频影音是一款界面轻松友好&#xff0c;功能全面完善&#xff0c;方便好用&#xff0c;绿色安全&#xff0c;完全免费的、专注视频播放的客户端软件&#xff0c;您可运行腾讯视频影音&#xff0c;在线享受腾讯视频网站内全部免费高清正版视频。腾讯视频可以在线享受丰富多…

迈普路由器访问控制列表配置命令_如何选购企业路由器?选购企业路由器需注意什么...

3、企业自身的需求选择路由器时&#xff0c;首先考虑的是企业自身的需求&#xff0c;主要表现在下面9个原则:实用性原则。采用成熟的、经实践证明其实用性的技术。这能满足现行业务的管理&#xff0c;又能适应3&#xff5e;5年内业务发展的要求。可靠性原则。设计详细的故障处理…

腾讯视频网页下载_腾讯视频怎么下载视频

本文给大家整理了腾讯视频网页下载_腾讯视频怎么下载视频方面的内容。腾讯视频独播剧质量还是可以的&#xff0c;比较给力的是腾讯视频大量买入了老剧的版权&#xff0c;不乏一些比较经典的港剧&#xff0c;还把这些老剧修复了。腾讯视频播放器是一款支持多种音视频格式的主流播…

bazel 链接_bazel-链接第三方动态库,静态库。

demo&#xff14;示例 链接第三方动态库&#xff0c;静态库。使用cc_import链接外部库。原理是通过cc_import规则导入第三方库&#xff0c;然后cc_binary再依赖cc_import规则的target&#xff0c;也即依赖第三方库。demo4目录树├── link│ ├── BUILD│ ├── include│…

腾讯视频下载后为什么还需联网看_腾讯视频如何下载离线视频

今天播放器家园网分享一下腾讯视频下载后为什么还需联网看_腾讯视频如何下载离线视频&#xff0c;希望可以帮助大家。腾讯视频有很多小功能是其他播放器没有的&#xff0c;大家可以下载后慢慢探索一下&#xff0c;小编非常喜欢的一个功能就是看电视剧的时候可以选择只看某个演员…

2台服务器负载均衡后synchronized_一篇有趣的负载均衡算法实现

负载平衡(Load balancing)是一种在多个计算机(网络、CPU、磁盘)之间均匀分配资源&#xff0c;以提高资源利用的技术。使用负载均衡可以最大化服务吞吐量&#xff0c;可能最小化响应时间&#xff0c;同时由于使用负载均衡时&#xff0c;会使用多个服务器节点代单点服务&#xff…

腾讯视频下载安装免费装到手机_腾讯视频怎么上传个人本地视频

不管这个腾讯视频好用与否&#xff0c;都有一大批用户&#xff0c;本文播放器家园网小编分享腾讯视频下载安装免费装到手机_腾讯视频怎么上传个人本地视频。VIP会员频道聚合海量VIP品质内容&#xff0c;连续签到解锁惊喜奖励、摇一摇抽VIP天卡、领取会员专属权益&#xff0c;快…

php mysql 中文_PHP连接MySQL查询结果中文显示乱码解决方法

我们首先假设数据库中采用的编码为UTF-8这时我们在PHP页面中应当首先添加此处charset的值utf-8必须与文件保存时的编码类型一样之后在数据库查询前添加mysql_query("set names utf8");该行语句的编码值也应当与上面的编码值一样。总而言之&#xff0c;网页保存的编码…

怎样将腾讯视频下载到的电影传入手机_腾讯视频怎么缓存视频

不管这个腾讯视频好用与否&#xff0c;都有一大批用户&#xff0c;本文播放器家园网小编分享怎样将腾讯视频下载到的电影传入手机_腾讯视频怎么缓存视频。腾讯视频拥有独立的播放界面&#xff0c;软件采用独立的播放界面进行播放&#xff0c;用户点击喜欢的影视播放之后不会干扰…

腾讯视频主演角色弹幕怎么发

本文播放器家园网小编给大家分享“腾讯视频主演角色弹幕怎么发”。只需要打开腾讯视频&#xff0c;就可以在线享受腾讯视频网站内全部免费高清正版视频、最新影视大片、最独家的综艺、旅游、纪录片&#xff0c;在众多的播放器当中&#xff0c;腾讯视频堪称完美。腾讯视频可以在…

mysql 重装之后_mysql重装之后 复制data

(哇&#xff0c;编程小白的第一篇博客丫&#xff0c;激动)Q one&#xff1a;mysql需要重装&#xff0c;数据该怎么办。方法一&#xff1a;数据表最好是导出成.sql文件&#xff0c;这样才比较安全。方法二&#xff1a;直接copy了data文件&#xff1a;在mysql安装盘下的programda…

360极速浏览器兼容模式怎么设置在哪

360极速浏览器兼容模式怎么设置在哪&#xff0c;360浏览器怎么设置兼容模式?大部分浏览器都有两种视图模式&#xff1a;极速模式、兼容模式&#xff0c;这一点360浏览器也不例外&#xff0c;在加载速度上&#xff0c;极速模式快于兼容模式&#xff0c;要在360浏览器中切换极速…