由于在自带的控件中没有发现滚动选择时间的控件,所以参考网上别人写的控件做了一点修改。

先看效果:

上代码:

TimeScroll.h

QT_BEGIN_NAMESPACE
namespace Ui { class TimeScroll; }
QT_END_NAMESPACE class TimeScroll : public QWidget
{
Q_OBJECT
Q_PROPERTY(int deviation READ readDeviation WRITE setDeviation ) public:
TimeScroll(QWidget *parent = nullptr);
~TimeScroll(); void setRange(double min, double max);
void setCurrentValue(double value);
//获取当前值
double readValue(); protected:
void mousePressEvent(QMouseEvent *); void mouseMoveEvent(QMouseEvent *); void mouseReleaseEvent(QMouseEvent *); void wheelEvent(QWheelEvent *); void paintEvent(QPaintEvent *);
//描绘数字
void paintNum(QPainter &painter, double num, int deviation,bool isMiddle= false);
//使选中的数字回到屏幕中间
void homing();
//鼠标移动偏移量,默认为0
int readDeviation();
//设置偏移量
void setDeviation(int n); signals: void currentValueChanged(double value); void deviationChange(double deviation); private:
double m_minRange; //最小值
double m_maxRange; //最大值
double m_currentValue; //当前选中的值
bool isDragging; //鼠标是否按下
int m_deviation; //偏移量,记录鼠标按下后移动的垂直距离
int m_mouseSrcPos;
int m_numSize;
QPropertyAnimation *homingAni;
const double interval; //间隔大小
const int devide; //分隔数量 Ui::TimeScroll *ui;
};

TimeScroll.cpp

TimeScroll::TimeScroll(QWidget *parent) :
QWidget(parent),
ui(new Ui::TimeScroll),
m_minRange(0), //最小值默认为0
m_maxRange(59), //最大值默认100
m_currentValue(0), //当前值默认50
isDragging(false),
m_deviation(0), //默认偏移量为0
m_numSize(12),
interval(1), //间隔默认0.5
devide(7) //默认分成7格
{ ui->setupUi(this); homingAni = new QPropertyAnimation(this, "deviation");
homingAni->setDuration(300);
homingAni->setEasingCurve(QEasingCurve::OutQuad);
} TimeScroll::~TimeScroll()
{
delete ui;
}
/*
* 设置范围
* double min 最小值
* double max 最大值
*/
void TimeScroll::setRange(double min, double max)
{
m_minRange = min;
m_maxRange = max;
if (m_currentValue < min)
{
m_currentValue = min;
}
if (m_currentValue > max)
{
m_currentValue = max;
}
repaint();
}
/*
* 设置当前值
* double value 传入的当前值
*/
void TimeScroll::setCurrentValue(double value) {
if(value < m_minRange){
m_currentValue = m_minRange;
}
if(value > m_maxRange){
m_currentValue = m_maxRange;
}
repaint();
}
//获取当前值
double TimeScroll::readValue()
{
if(m_currentValue < m_minRange){
return m_maxRange - (m_minRange-m_currentValue) + 1;
}
if(m_currentValue > m_maxRange){
return m_minRange + (m_currentValue - m_maxRange) - 1;
}
return m_currentValue;
} void TimeScroll::mousePressEvent(QMouseEvent *e)
{
qDebug()<<"mouse pressed on vertical scroll"; homingAni->stop();
isDragging = true;
m_mouseSrcPos = e->pos().y();
QWidget::mousePressEvent(e);
} void TimeScroll::mouseMoveEvent(QMouseEvent *e)
{
if (isDragging)
{
// if ((m_currentValue == m_minRange && e->pos().y() >= m_mouseSrcPos) ||
// ( m_currentValue == m_maxRange && e->pos().y() <= m_mouseSrcPos ))
// {
// return;
// }
// if ((m_currentValue < m_minRange - (devide * interval)&& e->pos().y() >= m_mouseSrcPos)){
// m_currentValue = (int)qAbs(m_currentValue)%(int)(m_maxRange + 1);
// }
// if(m_currentValue > m_maxRange + (devide * interval) && e->pos().y() <= m_mouseSrcPos){
// m_currentValue = (int)m_currentValue%(int)(m_maxRange + 1);
// }
m_deviation = e->pos().y() - m_mouseSrcPos;
//若移动速度过快,则进行限制
if (m_deviation > (height() - 1) / devide)
{
m_deviation = (height() - 1) / devide;
}
else if (m_deviation < -(height() - 1) / devide)
{
m_deviation = -( height() - 1) / devide;
}
qInfo()<<m_deviation; emit deviationChange((double)m_deviation / ((height() - 1) / devide));
repaint();
}
} void TimeScroll::mouseReleaseEvent(QMouseEvent *)
{
if (isDragging)
{
isDragging = false;
homing();
}
} void TimeScroll::wheelEvent(QWheelEvent *e)
{
if (e->delta() > 0)
{
m_deviation = (this->height() - 1) / devide;
}
else
{
m_deviation = -(this->height() - 1) / devide;
}
homing();
repaint();
} void TimeScroll::paintEvent(QPaintEvent *e)
{
QPainter painter(this);
painter.setRenderHint(QPainter::Antialiasing, true);
int Height = height() - 1; if ( m_deviation >= Height / devide && m_currentValue > (m_minRange - devide * interval ))
{
m_mouseSrcPos += Height / devide;
m_deviation -= Height / devide;
m_currentValue -= interval;
} if ( m_deviation <= -Height / devide && m_currentValue < (m_maxRange + devide * interval))
{
m_mouseSrcPos -= Height / devide;
m_deviation += Height / devide;
m_currentValue += interval;
}
qInfo()<< "paint:"<<m_deviation;
//middle number
if(m_currentValue < (m_minRange + devide/2)){
// 中间值
if(m_currentValue >= m_minRange){
paintNum(painter,m_currentValue,m_deviation,true);
for(int i = 1; i <= devide/2; ++i){
paintNum(painter,m_currentValue + i,m_deviation + Height / devide*i);
if(m_currentValue - i - m_minRange< 0){
paintNum(painter,m_maxRange + (m_currentValue - i) + 1 - m_minRange,m_deviation - Height / devide*i);
}else{
paintNum(painter,m_currentValue - i,m_deviation - Height / devide*i);
}
}
}else{
paintNum(painter,m_maxRange - (m_minRange - m_currentValue) + 1,m_deviation,true);
for(int i = 1; i <= devide/2; ++i){
paintNum(painter,m_maxRange - (m_minRange - m_currentValue) + 1 - i,m_deviation - Height / devide*i);
if(( m_currentValue - m_minRange) + 1 + i > 0){
paintNum(painter,m_minRange + ( m_currentValue - m_minRange) + i,m_deviation + Height / devide*i);
}else{
paintNum(painter,m_maxRange - (m_minRange - m_currentValue) + 1 + i,m_deviation + Height / devide *i);
}
}
if(m_currentValue == m_minRange - devide/2 -1){
m_currentValue = m_maxRange - devide/2;
}
} }else if(m_currentValue > m_maxRange - devide/2){
if(m_currentValue <= m_maxRange){
paintNum(painter,m_currentValue,m_deviation,true);
for(int i = 1; i <= devide/2; ++i){
paintNum(painter,m_currentValue - i,m_deviation - Height / devide *i);
if(m_currentValue + i > m_maxRange){
paintNum(painter, m_minRange + m_currentValue -m_maxRange +i -1,m_deviation + Height / devide *i);
}else{
paintNum(painter,m_currentValue +i,m_deviation + Height / devide*i);
}
}
}else{
paintNum(painter,m_minRange + (m_currentValue - m_maxRange) - 1,m_deviation,true);
for(int i = 1; i <= devide/2; ++i){
paintNum(painter,m_minRange + (m_currentValue - m_maxRange) + i - 1,m_deviation + Height / devide *i);
if( (m_currentValue - m_maxRange) - 1- i < 0){
paintNum(painter, m_currentValue - i,m_deviation - Height / devide *i);
}else{
paintNum(painter,m_minRange + (m_currentValue - m_maxRange) -i - 1,m_deviation - Height / devide * i);
}
}
if(m_currentValue == m_maxRange + devide/2 + 1){
m_currentValue = m_minRange + devide/2;
}
}
}else{
paintNum(painter,m_currentValue,m_deviation,true);
for(int i = 1; i <= devide/2; ++i){
paintNum(painter,m_currentValue- interval *i,m_deviation - Height / devide *i);
paintNum(painter,m_currentValue+ interval *i,m_deviation + Height / devide *i);
}
} }
/*
* 根据偏移量描绘数字
* double num 需要显示的数字
* int deviation 数字相对中间的偏移量
*/
void TimeScroll::paintNum(QPainter &painter, double num, int deviation,bool isMiddle)
{
int Width = width() - 1;
int Height = height() - 1;
int size = (Height - qAbs(deviation)) / m_numSize; //偏移量越大,数字越小
int transparency = 255 - 255 * qAbs(deviation) / Height;
int height = Height / devide;
int y = Height / 2 + deviation - height / 2; QFont font;
font.setPixelSize(size);
painter.setFont(font);
painter.setPen(QColor(255, 2,2,transparency)); if ( y >= 0 && y + height < Height)
{
// 中间值画框
if(isMiddle) {
painter.drawRect(0, y, Width, height);
}
painter.drawText(QRectF(0, y, Width-20, height),
Qt::AlignCenter,
QString::number(num, 'f', 1));
}
} /*
* 使选中的数字回到屏幕中间
*/
void TimeScroll::homing()
{
if ( m_deviation > height() / 10)
{
homingAni->setStartValue( ( height() - 1 ) / 8 - m_deviation);
homingAni->setEndValue(0);
m_currentValue -= interval;
}
else if ( m_deviation > -height() / 10 )
{
homingAni->setStartValue(m_deviation);
homingAni->setEndValue(0);
}
else if ( m_deviation < -height() / 10 )
{
homingAni->setStartValue(-(height() - 1) / 8 - m_deviation);
homingAni->setEndValue(0);
m_currentValue += interval;
} emit currentValueChanged(m_currentValue);
homingAni->start();
} int TimeScroll::readDeviation()
{
return m_deviation;
} void TimeScroll::setDeviation(int n)
{
m_deviation = n;
repaint();
}

Qt添加自定义控件的更多相关文章

  1. 编写Qt Designer自定义控件(二)——编写自定义控件界面

    接上文:编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件 既然是控件,就应该有界面,默认生成的控件类只是一个继承了QWidget的类,如下: #ifndef LOGLATED ...

  2. 编写Qt Designer自定义控件

    一)流程概述 在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满 ...

  3. C++ QT中自定义控件的简单创建

    为了给控件添加自定义的方法以及重绘控件,我们需要自定义控件来达到自己希望的结果,网上的自定义控件文章比较少,并且过程比较粗略. 此教程以中文版的QT Creator进行介绍 首先我们创建一个新的项目, ...

  4. Qt编写自定义控件二动画按钮

    现在的web发展越来越快,很多流行的布局样式,都是从web开始的,写惯了Qt widgets 项目,很多时候想改进一下现有的人机交互,尤其是在现有的按钮上加一些动画的效果,例如鼠标移上去变大,移开还原 ...

  5. 百度地图API示例之添加自定义控件

    代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont ...

  6. Qt 添加外部库文件(四种方法)

    Qt添加外部库文件, 一种就是直接加库文件的绝对路劲,这种方法简单,但是遇到多个库文件的时候,会很麻烦,而且,如果工程移动位置以后还需要重新配置 另一种就是相对路径了,不过Qt 编译的文件会在一个单独 ...

  7. 编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件

    在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的 ...

  8. 【转】QT 添加外部库文件

    转自:Qt 添加外部库文件 LIBS += D:\Code\Opengltest\OpenGL32.Lib D:\Code\Opengltest\GlU32.Lib # 直接加绝对路径 LIBS += ...

  9. 百度地图api添加自定义控件

    官网栗子:http://lbsyun.baidu.com/jsdemo.htm#b0_6 <!DOCTYPE html><html><head> <meta ...

随机推荐

  1. Mysql+Mycat+NFS+Rsync+LVS+DNS+IPtables综合实验

    1.环境准备 服务器 IP地址 作用 系统版本 Mysql-master eth0:10.0.0.58 主数据库 Rocky8.6 Mysql-slave1 eth0:10.0.0.68 备数据库 R ...

  2. ISCTF2022WP

    ISCTF2022改名叫套CTF吧(bushi),博主菜鸡一个,套题太多,挑一些题写下wp,勿喷. MISC 可爱的emoji   下载下来是个加密压缩包,根据hint掩码爆破密码 得到密码:KEYI ...

  3. Redisson源码解读-分布式锁

    前言 Redisson是一个在Redis的基础上实现的Java驻内存数据网格(In-Memory Data Grid).Redisson有一样功能是可重入的分布式锁.本文来讨论一下这个功能的特点以及源 ...

  4. ClickHouse(10)ClickHouse合并树MergeTree家族表引擎之ReplacingMergeTree详细解析

    目录 建表语法 数据处理策略 资料分享 参考文章 MergeTree拥有主键,但是它的主键却没有唯一键的约束.这意味着即便多行数据的主键相同,它们还是能够被正常写入.在某些使用场合,用户并不希望数据表 ...

  5. golang基础语法学习

    1.函数作为一等公民 2.驼峰命名法/大小写决定是否在包外见 3.包名应该是小写的单个单词命名 4. 包名应为其源码的基础名称,如encoding/base64,包名应为base64而不是encodi ...

  6. Centos7 mysql网络源安装范例(其他系统也可参考)

    1. 以下是一个通配的el7系列的yum源,可适应aarch64,x86_64,i386内核,但是可能会慢一点 # cat > /etc/yum.repos.d/mysql-community. ...

  7. 面向对象进阶(static&继承)

    ​ 今日分享:static   and  继承 static: staic是修饰符 可以修饰方法和变量 变量: 被static修饰的变量称为静态变量 特点: 该类的所有对象都共享同一个静态变量:不属于 ...

  8. Docker 工作原理分析

    docker 容器原理分析 docker 的工作方式 Namespace 容器对比虚拟机 Cgroups 容器看到的文件 Mount namespace chroot rootfs Volume(数据 ...

  9. ORCL 时间

    一.计算时间差 两个Date类型字段:START_DATE,END_DATE,计算这两个日期的时间差(分别以天,小时,分钟,秒,毫秒): 天: ROUND(TO_NUMBER(END_DATE - S ...

  10. vue3响应式原理以及ref和reactive区别还有vue2/3生命周期的对比,第二天

    前言: 前天我们学了 ref 和 reactive ,提到了响应式数据和 Proxy ,那我们今天就来了解一下,vue3 的响应式 在了解之前,先复习一下之前 vue2 的响应式原理 vue2 的响应 ...