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

先看效果:

上代码:

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. 重新整理 .net core 实践篇 ———— linux上排查问题实用工具 [外篇]

    前言 介绍下面几个工具: Lldb createdump dotnet-dump dotnet-gcdump dotnet-symbol Procdump 该文的前置篇为: https://www.c ...

  2. LAPM概述及配置

    一.LAMP概述 1.1LAMP的概念 LAMP架构是目前成熟的企业网站应用模式之一,指的是协同工作的一整套系统和相关软件,能够提供动态web站点服务及其应用开发环境 LAMP是一个缩写词,具体包括L ...

  3. 【深入浅出 Yarn 架构与实现】2-4 Yarn 基础库 - 状态机库

    当一个服务拥有太多处理逻辑时,会导致代码结构异常的混乱,很难分辨一段逻辑是在哪个阶段发挥作用的. 这时就可以引入状态机模型,帮助代码结构变得清晰. 一.状态机库概述 一)简介 状态机由一组状态组成: ...

  4. MessagePack 和System.Text.Json 序列号 反序列化对比

    本博客将测试MessagePack 和System.Text.Json 序列号 反序列化性能 项目文件: Program.cs代码: using BenchmarkDotNet.Running; us ...

  5. js/jq 点击按钮显示div,点击页面其他任何地方隐藏div

    1.HTML页面 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" ...

  6. 2022春每日一题:Day 39

    题目:[USACO1.4]等差数列 Arithmetic Progressions 一个很显然的做法,枚举公差,首项,p,q这样的话复杂度爆炸,不过可以肯定的一点,如果我们这样做,找到了答案就可以直接 ...

  7. Dubbo-Activate实现原理

    前言 在Dubbo中有Filter使用,对于Filter来说我们会遇到这样的问题,Filter自身有很多的实现,我们希望某种条件下使用A实现,另外情况下使用B实现,这个时候我们前面介绍@SPI和@Ad ...

  8. ES文件传输助手1.0.0

    软件下载地址 1.软件功能 与 ES文件浏览器 的快传功能 直接传输文件 支持接受文件点击预览 可以多台电脑使用该软件,从而实现电脑与电脑局域网互传文件 单个文件夹上传会递归上传该文件夹下所有文件夹与 ...

  9. 零基础入门数据挖掘——二手车交易价格预测:baseline

    零基础入门数据挖掘 - 二手车交易价格预测 赛题理解 比赛要求参赛选手根据给定的数据集,建立模型,二手汽车的交易价格. 赛题以预测二手车的交易价格为任务,数据集报名后可见并可下载,该数据来自某交易平台 ...

  10. 持续发烧,试试Dart语言的异步操作,效率提升500%

    前言 昨天发了篇文章<Dart开发服务端,我是不是发烧(骚)了>,承蒙小编看得起上了首页. 今天持续发烧,再来写写如何使用 Dart 语言的异步操作.说起异步操作,玩 NodeJS 的同学 ...