QT开发之QSpinBox

原创已于 2022-10-20 14:22:52 修改 · 2.8k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#qt

于 2020-10-02 19:14:49 首次发布

QT控件专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了QSpinBox和QDoubleSpinBox的功能及使用方法，包括如何设置前缀、后缀、初始值、步长、最大值和最小值等属性，并展示了如何通过信号接收值的变化。同时提供了样式设置的方法。

QSpinBox可用于显示和输入整数，并可以在显示框中添加前缀或后缀。

QDoubleSpinBox可用于显示和输入小数，并可以在显示框中添加前缀和后缀。

功能函数：

1.void setPrefix(const QString &prefix)//设置前缀

ui->spinBox->setSuffix("dB");

2.void setSuffix(const QString &suffix)//设置后缀

ui->spinBox->setPrefix("￥");

3.void setValue(int val)//设置初始值
4.void setSingleStep(int val)//设置步长
5.void setMaximum(int max)//设置最大值
6.void setMinimum(int min)//设置最小值
7.void setWrapping(bool )//开启循环，到最大值再增加就会变成最小值
8.QString prefix() const//获得前缀
9.QString suffix() const//获得后缀
10.int singleStep() const//获得步长值
11.int value() const//获得当前值

信号：

1.void valueChanged(int i)

值发生变化发出信号，带有当前值信息

void QSpinBox::valueChanged(int i)

void QDoubleSpinBox::valueChanged(double d)

2.void textChanged(const QString &text)

值发生变化发出信号，带有当前文本信息

void QSpinBox::textChanged(const QString &text)

void QDoubleSpinBox::textChanged(const QString &text)

3、简写

connect(spinBox, QOverload<int>::of(&QSpinBox::valueChanged),
    [=](int i){ /* ... */ });

connect(doubleSpinBox, QOverload<double>::of(&QDoubleSpinBox::valueChanged),
    [=](double d){ /* ... */ });

QSS:

selection-background-color:rgb(33,33,33);//设置选中颜色

QSpinBox{
    font-size: 16px;
    color: #FFFFFF;
    border-image:url(":/resource/img/popup/bpm_bg.png");
    selection-background-color:rgb(33,33,33);
    selection-color:rgb(255,255,255);
}
QSpinBox:up-button{
    subcontrol-position:right;
    width:40px;
    height:40px;
    image:url(":/resource/img/popup/up_nor.png")
    }
QSpinBox:down-button{
    subcontrol-position:left;
    width:40px;
    height:40px;
    image:url(":/resource/img/popup/down_nor.png")
    }
QSpinBox:up-button:hover{
    image:url(":/resource/img/popup/up_hover.png")
    }
QSpinBox:down-button:hover{
    image:url(":/resource/img/popup/down_hover.png")
    }
QSpinBox:up-button:pressed{
    image:url(":/resource/img/popup/up_pressed.png")
    }
QSpinBox:down-button:pressed{
    image:url(":/resource/img/popup/down_pressed.png")    
}