首页| 论坛| 消息

标题:Qt编写自定义控件40-导航进度条
作者:liudianwu
日期:2019-07-26 13:10
内容:

一、前言
导航进度条控件,其实就是支付宝、京东、淘宝订单页面的进度控件,提示当前第几步,总共有几步,然后当前进度特殊颜色显示,每个进度带有时间文字等信息,本控件特意将三种样式风格都集成进去了,京东订单流程样式/淘宝订单流程样式/支付宝订单流程样式,可以动态切换样式,控件自适应任何分辨率,可以自由调整自身大小以适应分辨率的改变,总步骤以及当前步骤都是自动计算占用区域比例,直接提供接口设置步骤对应的文字信息等,接口非常友好。

二、实现的功能
* 1:可设置前景色/背景色/当前值前景色/当前值背景色
* 2:可设置最大步数及当前第几步
* 3:可设置导航标签队列文字信息
* 4:可设置三种风格样式 京东订单流程样式/淘宝订单流程样式/支付宝订单流程样式
* 5:文字自适应大小

三、效果图

四、头文件代码
#ifndef NAVPROGRESS_H
#define NAVPROGRESS_H
/**
* 导航进度条控件 作者:feiyangqingyun(QQ:517216493) 2016-11-29
* 1:可设置前景色/背景色/当前值前景色/当前值背景色
* 2:可设置最大步数及当前第几步
* 3:可设置导航标签队列文字信息
* 4:可设置三种风格样式 京东订单流程样式/淘宝订单流程样式/支付宝订单流程样式
* 5:文字自适应大小
*/
#include
#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include
#else
#include
#endif
class QDESIGNER_WIDGET_EXPORT NavProgress : public QWidget
#else
class NavProgress : public QWidget
#endif
{
Q_OBJECT
Q_ENUMS(NavStyle)
Q_PROPERTY(int maxStep READ getMaxStep WRITE setMaxStep)
Q_PROPERTY(int currentStep READ getCurrentStep WRITE setCurrentStep)
Q_PROPERTY(NavStyle navStyle READ getNavStyle WRITE setNavStyle)
Q_PROPERTY(QColor background READ getBackground WRITE setBackground)
Q_PROPERTY(QColor foreground READ getForeground WRITE setForeground)
Q_PROPERTY(QColor currentBackgroun ..

回复 发表
主题 版块