今天我们来学习QT里面的颜色对话框，那么在 Qt 中提供了预定义的颜色对话框 QColorDialog 类，QColorDialog 类用于提供指定颜色的对话框部件，例如下面这个：

        颜色对话框和我们之前介绍的消息对话框的使用方式一样，如下：

        那么在 Qt 中的 QColor 类用来在程序中表示颜色的概念；QColor 类同时支持多种颜色表示方式：a> RGB：以红绿蓝为基准的三色模型。b> HSV：以色调、饱和度、明度为基准的六角锥体模型。c> CMYK：以天蓝、品红、×××、黑为基准的全彩印刷色彩模型。

        下来我们就做个实验，Widget 头文件如下所示：

#include <QWidget>#include <QPushButton>class Widget : public QWidget{    Q_OBJECTprivate:    QPushButton ColorDialogBtn;    QPushButton InputDialogBtn;private slots:    void ColorDialogBtn_Clicked();    void InputDialogBtn_Clicked();public:    Widget(QWidget *parent = 0);    ~Widget();};

       

        Widget.cpp 如下所示

#include "Widget.h"#include <QDebug>#include <QColorDialog>#include  <QInputDialog>Widget::Widget(QWidget *parent) : QWidget(parent),   ColorDialogBtn(this), InputDialogBtn(this){    ColorDialogBtn.setText("Color Dialog");    ColorDialogBtn.move(20, 20);    ColorDialogBtn.resize(160, 30);    InputDialogBtn.setText("Input Dialog");    InputDialogBtn.move(20, 70);    InputDialogBtn.resize(160, 30);    resize(200, 200);    setFixedSize(200, 120);    connect(&ColorDialogBtn, SIGNAL(clicked()), this, SLOT(ColorDialogBtn_Clicked()));    connect(&InputDialogBtn, SIGNAL(clicked()), this, SLOT(InputDialogBtn_Clicked()));}void Widget::ColorDialogBtn_Clicked(){}void Widget::InputDialogBtn_Clicked(){    }Widget::~Widget(){}

        我们这个程序实现了带有两个按钮的界面，构建运行得到的效果如图所示：

        

        可能细心的小伙伴已经发现了，在这两个按钮函数中我们并没有做什么事情，那么下来我们就在  Color Dialog 中实现下一个颜色编辑器，代码入下所示：

void Widget::ColorDialogBtn_Clicked(){    QColorDialog dlg(this);    dlg.setWindowTitle("Color Editor");         // 设置窗口名称    dlg.setCurrentColor(QColor(100, 111, 222)); // 设置当前窗口颜色    if( dlg.exec() == QColorDialog::Accepted )    {        QColor color = dlg.selectedColor();        qDebug() << color;        qDebug() << color.red();        qDebug() << color.green();        qDebug() << color.blue();        qDebug() << color.hue();        qDebug() << color.saturation();        qDebug() << color.value();    }}

        我们再次构建运行下，点击 Color Dialog 按钮，出现入下界面：

        

        我们点击 OK 后，打印出入下信息：

        那么上面的数字是否有点熟悉呢？大家仔细观察下就知道那个和我们刚才弹出界面的属性一模一样。

        下来我们再继续做 Input Dialog 按钮的信息，程序如下：

void Widget::InputDialogBtn_Clicked(){    QInputDialog dlg(this);    dlg.setWindowTitle("Input Test");    dlg.setLabelText("Please input an integer:");    dlg.setInputMode(QInputDialog::IntInput);       // 设置输入的是数字    dlg.setIntMinimum(0);                           // 设置输入数字的最小值是0    dlg.setIntMaximum(255);                         // 设置输入数字的最大值是255    if( dlg.exec() == QInputDialog::Accepted )    {        qDebug() << dlg.intValue();    }}

        我们再次构建运行，点击 Input Dialog 按钮后得到如下图所示的界面，

        

        我们点击OK，打印出来的界面如下：

        我们还可以输入文本信息，在代码中添加 dlg.setInputMode(QInputDialog::TextInput);  然后在打印时：qDebug() << dlg.textValue();最终我们运行得到的界面如图所示：

        

        我们点击OK，打印出来的界面如下：

        是不是跟我们输入的字符一样呢？肯定是啦！好了，今天关于颜色对话框的相关知识我们就先学习到这了。后面我们接着继续学习。