Qt添加自定义控件
由于在自带的控件中没有发现滚动选择时间的控件,所以参考网上别人写的控件做了一点修改。
先看效果:

上代码:
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添加自定义控件的更多相关文章
- 编写Qt Designer自定义控件(二)——编写自定义控件界面
接上文:编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件 既然是控件,就应该有界面,默认生成的控件类只是一个继承了QWidget的类,如下: #ifndef LOGLATED ...
- 编写Qt Designer自定义控件
一)流程概述 在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满 ...
- C++ QT中自定义控件的简单创建
为了给控件添加自定义的方法以及重绘控件,我们需要自定义控件来达到自己希望的结果,网上的自定义控件文章比较少,并且过程比较粗略. 此教程以中文版的QT Creator进行介绍 首先我们创建一个新的项目, ...
- Qt编写自定义控件二动画按钮
现在的web发展越来越快,很多流行的布局样式,都是从web开始的,写惯了Qt widgets 项目,很多时候想改进一下现有的人机交互,尤其是在现有的按钮上加一些动画的效果,例如鼠标移上去变大,移开还原 ...
- 百度地图API示例之添加自定义控件
代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont ...
- Qt 添加外部库文件(四种方法)
Qt添加外部库文件, 一种就是直接加库文件的绝对路劲,这种方法简单,但是遇到多个库文件的时候,会很麻烦,而且,如果工程移动位置以后还需要重新配置 另一种就是相对路径了,不过Qt 编译的文件会在一个单独 ...
- 编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件
在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的 ...
- 【转】QT 添加外部库文件
转自:Qt 添加外部库文件 LIBS += D:\Code\Opengltest\OpenGL32.Lib D:\Code\Opengltest\GlU32.Lib # 直接加绝对路径 LIBS += ...
- 百度地图api添加自定义控件
官网栗子:http://lbsyun.baidu.com/jsdemo.htm#b0_6 <!DOCTYPE html><html><head> <meta ...
随机推荐
- PYQT5 学习
zetcode教程 汉化版: https://maicss.gitbook.io/pyqt5-chinese-tutoral/ 官方网站: https://www.riverbankcomputing ...
- Flask框架:运用Ajax轮询动态绘图
Ajax是异步JavaScript和XML可用于前后端交互,在之前<Flask 框架:运用Ajax实现数据交互>简单实现了前后端交互,本章将通过Ajax轮询获取后端的数据,前台使用echa ...
- 【题解】CF991C Candies
题面传送门 解决思路 看到 \(10^{18}\) 的范围,我们可以想到二分答案.只要对于每一个二分出的答案进行 \(check\) ,如果可行就往比它小的半边找,不可行就往比它大的半边找. 以下是 ...
- C温故补缺(九):字节对齐与排序
字节对齐与排序 字节对齐的原因与字节排序 取自:VisualEther 原文档下载:Gitee _packed _packet用于结构体中变量在内存中的对齐.如 typedef struct test ...
- 关于CSDN获取博客内容接口的x-ca-signature签名算法研究
前言 源码下载 不知道怎么就不通过了,这篇文章放出去几个月了,然后突然告诉我不行了,所以我打算换个平台(至少不能在一棵树吊死),垃圾审核 我最初想直接获取html博客,然后保存在本地,最后发布到别的博 ...
- 我要涨知识——TypeScript 常见面试题(二)
又是一个年底来了,好大一批人可能又准备跑路了,最近回家待产,翻了翻掘金和 CSDN 发现好多大佬都有大厂 Offer ,看着看着我心动了! 话不多说,赶紧开干,给自己整了一个前端面试小助手--微信小程 ...
- 【数据库】Postgresql、PG的分区操作:创建、删除指定分区,非分区表转分区表
〇.参考链接 一.为表创建指定分区 -- 表创建分区 参数 表名 分区序列 例如: ltc_customer , 20220915 则创建 ltc_customer_20220915 分区表 CREA ...
- 【每日一题】【排序sort重载】【工具类】2021年12月23日-31. 下一个排列
实现获取 下一个排列 的函数,算法需要将给定数字序列重新排列成字典序中下一个更大的排列(即,组合出下一个更大的整数). 如果不存在下一个更大的排列,则将数字重新排列成最小的排列(即升序排列). 必须 ...
- Java单例模式的最佳实践?
"读过书,--我便考你一考.茴香豆的茴字,怎样写的?"--鲁迅<孔乙己> 0x00 大纲 目录 0x00 大纲 0x01 前言 0x02 单例的正确性 new关键字 c ...
- MongoDB从入门到实战之MongoDB简介
前言 相信很多同学对MongoDB这个非关系型数据库都应该挺熟悉的,在一些高性能.动态扩缩容.高可用.海量数据存储.数据价值较低.高扩展的业务场景下MongoDB可能是我们的首选,因为MongoDB通 ...