QSpinbox

• 加载图片资源

在项目中，选择新建，QT->Qt Resource File -àchoose ，命名为 image ,创建完成了，会在目录下生成一个image.qrc。我们资源文件，要放在image.qrc 的同级目录或子目录中。

• 常用的小功能

在左下方，有一个 可以用来展开左右二页，左边页为项目信息，右边为代码或者资源信息。在可以设置项目，打开文件等信息。

在中可以弹出资源图片的显示和配置。

• 组件基本功能设置

在设计界面：prefix  前缀。  Suffix 后缀  minimum: 设置可取值的最小区间   maximum 设置可取值的最大区间。 Singlestep  每一步的步长  value:值

Up-button ， down-button  up-arrow down-arrow 等可以用来设置样式

• 运行效果

• 程序说明

第一个QSpinbox 为使用设计师设置。第二个QSpinbox 为使用C++ 代码设置。

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //使用connect 来构建的信号和槽
    connect(ui->spinbox2,SIGNAL(valueChanged(QString)),this,SLOT(connectDataChange(QString)));
    //设置样式
    ui->spinbox2->setStyleSheet("QSpinBox::up-button,QSpinBox::down-button{width:50px}");
    ui->spinbox2->setMaximum(999);
    ui->spinbox2->setMinimum(-999);
    ui->spinbox2->setPrefix("$ ");
    ui->spinbox2->setSuffix(" %");
    ui->spinbox2->setAlignment(Qt::AlignHCenter);
}

MainWindow::~MainWindow()
{
    delete ui;
}

//通过在设计界面时设计信号和槽关联
void MainWindow::datachange(QString data)
{

    qDebug()<<"data:"<<data;
}


//使用connect 来构建的信号和槽
void MainWindow::connectDataChange(QString data)
{
    qDebug()<<"connect data:"<<data;
}
//自动连接信号，不需要connect   on_对象_信号
void MainWindow::on_spinbox2_valueChanged(QString data)
{
    qDebug()<<"on data: "<<data<<" ui: "<<ui->spinbox2->value();
}