1、顏色對話框

• Qt 中提供了預定義的顏色對話框 QColorDialog 類
• QColorDialog 類用于提供指定顏色的對話框部件
  
• 顏色對話框的使用方式
  
• Qt 中的 QColor 類用來在程序中表示顏色的概念
• QColor 類同時支持多種顏色的表達方式
  — RGB：以紅綠藍為基準的三色模型
  — HSV：以色調、飽和度、明度為基準的六角椎體模型
  — CMKY：以天藍、品紅、黃色、黑為基準的全彩印刷色彩模型

程序：

Widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPushButton>
#include <QDebug>

class Widget : public QWidget
{
    Q_OBJECT
private:
    QPushButton ColorBtn;
    QPushButton InputBtn;

private slots:
    void ColorBtn_Clicked();
    void InputBtn_Clicked();

public:
    explicit Widget(QWidget *parent = 0);

signals:
};

#endif

Widget.cpp

#include "Widget.h"
#include <QColorDialog>

Widget::Widget(QWidget *parent) : QWidget(parent),
    ColorBtn(this),InputBtn(this)
{
    ColorBtn.setText("Color Dialog");
    ColorBtn.move(20,20);
    ColorBtn.resize(140,30);

    InputBtn.setText("Input Dialog");
    InputBtn.move(20,70);
    InputBtn.resize(140,30);

    setFixedSize(180,120);

    connect(&ColorBtn,SIGNAL(clicked()),this,SLOT(ColorBtn_Clicked()));
    connect(&InputBtn,SIGNAL(clicked()),this,SLOT(InputBtn_Clicked()));
}

void Widget::ColorBtn_Clicked()
{
    QColorDialog dialog;
    dialog.setWindowTitle("Color Editor");
    dialog.setCurrentColor(QColor(100,111,222));
    //dialog.setCurrentColor(Qt::red);

    if(dialog.exec() == QColorDialog::Accepted)
    {
        //qDebug() << dialog.selectedColor();
        QColor color = dialog.selectedColor();
        qDebug() << color;
        qDebug() << color.red();
        qDebug() << color.green();
        qDebug() << color.blue();
        qDebug() << color.hue();
        qDebug() << color.saturation();
        qDebug() << color.value();

    }
}

void Widget::InputBtn_Clicked()
{

}

main.cpp

#include "Widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();

    return a.exec();
}

• QColorDialog 中的實用函數
  — QColorDialog::getColor

彈出一個帶有指定窗口標題的模態顏色對話框(如果沒有指定則為 選擇顏色)，讓用戶選擇一個顏色，并返回該顏色。顏色最初設置為initial。對話框是父對話框的子對話框。如果用戶取消對話框，它將返回一個無效的顏色(參見QColor::isValid())。

void Widget::ColorBtn_Clicked()
{
    QColor color = QColorDialog::getColor(Qt::white, this, "Color Editor",
                                          QColorDialog::DontUseNativeDialog);
    if(color.isValid() == true)
    {
                qDebug() << color;
                qDebug() << color.red();
                qDebug() << color.green();
                qDebug() << color.blue();
                qDebug() << color.hue();
                qDebug() << color.saturation();
                qDebug() << color.value();
    }
}

2、輸入對話框

• Qt 中提供了預定義的輸入對話框 QInputDialog 類
• QInputDialog 類用于需要臨時進行數據輸入的場合
  
• 輸入對話框的使用方式
  
• 輸入對話框的輸入模式

QInputDialog::TextInput        — 輸入文本字符串
QInputDialog::IntInput         — 輸入整型數
QInputDialog::DoubleInput      — 輸入浮點數

qDebug() << dlg.textValue();
qDebug() << dlg.intValue();
qDebug() << dlg.doubleValue();

void Widget::InputBtn_Clicked()
{
//    QInputDialog dlg;
//    dlg.setWindowTitle("Input Edit");
//    dlg.setLabelText("Please enter an integer");
//    dlg.setInputMode(QInputDialog::IntInput);
//    dlg.setIntMinimum(0);
//    dlg.setIntMaximum(255);

//    if(dlg.exec() == QInputDialog::Accepted)
//    {
//        qDebug() << dlg.intValue();
//    }


    QInputDialog dlg;
    dlg.setWindowTitle("Input Edit");
    dlg.setLabelText("Please enter an Text");
    dlg.setInputMode(QInputDialog::TextInput);

    if(dlg.exec() == QInputDialog::Accepted)
    {
        qDebug() << dlg.textValue();
    }
}

• QInputDialog 中的實用函數

QInputDialog::getDouble
QInputDialog::getInt
QInputDialog::getItem
QInputDialog::getText

• 小結
  — QColorDialog 類用于提供指定顏色的對話框部件
  — QColor 類用來在程序中表示顏色的概念
  — QInputDialog 類用于需要臨時進行數據輸入的場合