QSlider

最新推荐文章于 2023-02-27 16:24:05 发布

虾球xz

最新推荐文章于 2023-02-27 16:24:05 发布

阅读量356

点赞数

CC 4.0 BY-SA版权

分类专栏： Qt 学习 Qt 文章标签： r语言 qt ui

本文链接：https://blog.youkuaiyun.com/TM1695648164/article/details/121155397

Qt 学习同时被 2 个专栏收录

116 篇文章

订阅专栏

71 篇文章

订阅专栏

本文详细介绍了Qt框架中的QSlider组件，包括其常用属性如setRange、setSingleStep和setPageStep，以及信号事件如sliderMoved、sliderPressed和valueChanged。此外，还展示了QSlider的QSS样式设计，提供了滑动槽、拖动按钮和页面样式的定制。同时，文章通过示例代码展示了如何重载鼠标事件来自定义XSlider，实现了更丰富的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QSlider
1.常用属性
2.信号事件
3.qss样式设计
4.重载鼠标事件自定义XSlider

QSlider属性


1.setRange(int min,int max);
2.setSingleStep(键盘) setPageStep(鼠标)
3.setOrientation Horizontal Vertical

QSlider信号


1.void sliderMoved(int value) 拖动
2.void sliderPressed() 点击滑块
3.void sliderReleased();
4.void valueChanged(int value) 点击或者设置

QSlider qss样式


QSlider::groove{ //滑动槽
    border:1px solid #9999999;
    height:28px;
    background:rgba(155,155,155,200);
    border-radius:10px;
}

QSlider::handle{ //拖动按钮
    background:rgba(255,0,0,200);
    width:20px;
    margin:-10px 0;
    border:1px solid rgba(255,0,0,200);
    border-radius:10px;
}

QSlider::add-page{
    background:rgba(255,0,0,10);
}

QSlider::sub-page{
    background:rgba(0,255,0,30);
}

QSlider重载鼠标事件
1.界面设计器添加自定义XSlider,提升控件
2.void mousePressEvent(QMouseEvent *ev)
3.根据鼠标位置计算移动位置

XSlider.h


#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
public slots:
    void Move(int);
    void Change(int);
    void Press();
    void Rel();
    void Click();
    
private:
    Ui::Widget *ui;
};
#endif // WIDGET_H