QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

时间:2024-05-19 12:57:43

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

1、新建项目,改名称QSlider_QScrollBar

 

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

2、改类名,

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

3、打开UI界面,双击;找到左侧,按钮,如下;单击,拖到右侧界面中释放;

1个Horizontal Slider    1个 Vertical Slider  

3个 Vertical Scroll Bar

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

以下各1个;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

4、再加上几个Label

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

5、1个Horizontal Slider  ,转到槽;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

6、槽函数添加;

    int n;
    n=ui->horizontalSlider->value();    //获取滑动条的值;预设0-365;
    ui->lcdNumber->display(n);      //显示数字;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

7、

运行如图;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

8、改变3个 Vertical Scroll Bar   1个 Vertical Slider   属性修改;

全部改成如下图;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

9、在头文件中,dialog.h 添加,函数声明;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

10、在dialog.cpp 中,构造函数添加;

    QObject::connect(ui->Red,SIGNAL(valueChanged(int)),this,SLOT(on_ChangeColour(int)));
    QObject::connect(ui->Green,SIGNAL(valueChanged(int)),this,SLOT(on_ChangeColour(int)));
    QObject::connect(ui->Blue,SIGNAL(valueChanged(int)),this,SLOT(on_ChangeColour(int)));
    QObject::connect(ui->Slider2,SIGNAL(valueChanged(int)),this,SLOT(on_ChangeColour(int)));

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

11、添加函数定义;

void Dialog::on_ChangeColour(int value)
{
    Q_UNUSED(value);
    QColor  color;
    int R=ui->Red->value();  //读取 Red的当前值
    int G=ui->Green->value();//读取  Green 的当前值
    int B=ui->Blue->value();//读取  Blue 的当前值
    int alpha=ui->Slider2->value();//读取 SliderAlpha 的当前值
    color.setRgb(R,G,B,alpha); //使用QColor的setRgb()函数 获得颜色

    QPalette pal=ui->textEdit->palette();//获取textEdit原有的 palette
    pal.setColor(QPalette::Base,color); //设置palette的基色(即背景色)

    ui->textEdit->setPalette(pal);//设置为textEdit的palette,改变textEdit的底色
}

 

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

12、运行效果如图;

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar

 

 

QT5.14入门教程GUI(六)第6个QT程序-滑动条进度条-卷滚条-QSlider_QScrollBar