Qt經常使用控件+事件+基礎繪圖（四）

1. 第一個Qt程序
   新建一個空的項目
   
   .pro文件內容
   
   示例代碼：
   

    1 /* 應用程序抽象類 */ 2 #include <QApplication> 3 #include <QWidget> 4 #include <QPushButton> 5 #include <QDebug> 6  7 int main(int argc, char *argv[]) 8 { 9     QApplication app(argc, argv);10 11     QWidget w;12     w.show();13     w.setWindowTitle("你好，世界！"); // Qt 5不存在亂碼的問題了14 15     QPushButton btn("button");16     btn.setParent(&w); // 不設置父對象，那麼按鈕也就是一個獨立的窗口17     btn.show();18 19     QObject::connect(&btn, QPushButton::clicked, [](){20         qDebug() << "button is clicked..." << endl;21     });22 23     return app.exec();24 }

2. QLineEdit經常使用功能
   設置輸入密碼
   設置提示文字
   設置自動匹配
   示例代碼：
   

    1 #include <QApplication> 2 #include <QLineEdit> 3 #include <QDebug> 4 #include <QCompleter> 5 #include <QWidget> 6  7 int main(int argc, char *argv[]) 8 { 9     QApplication app(argc, argv);10 11     QLineEdit lineEdit;12     /* 顯示模式 enum EchoMode { Normal, NoEcho, Password, PasswordEchoOnEdit }; */13     //lineEdit.setEchoMode(QLineEdit::PasswordEchoOnEdit); // 失去焦點時候變爲密文14 15     /* 淘汰傳統的輸入以後還要點擊按鈕 */16     QObject::connect(&lineEdit, QLineEdit::returnPressed, [](){17         qDebug() << "You have entered the return key...";18     });19 20     /* 自動補全 只有echomode設置爲Normal時completer纔有效 */21     QCompleter completer(QStringList() << "aa" << "abc" << "123");22     completer.setFilterMode(Qt::MatchContains); // 包含匹配 好比：輸入b也會匹配abc23     lineEdit.setCompleter(&completer);24 25     /* lineEdit設置提示文字 */26     lineEdit.setPlaceholderText("Please input text:");27 28     lineEdit.show();29 30     return app.exec();31 }

3. 座標系統
   設置座標
   

    1 #include <QApplication> 2 #include <QWidget> 3 #include <QPushButton> 4  5 int main(int argc, char* argv[]) 6 { 7     QApplication app(argc, argv); 8  9     /* 構造一個窗口*/10     QWidget w;11 12     /*顯示窗口*/13     w.show();14 15     /* 按鈕也是個窗口 */16     QPushButton button;17     button.setText("Button");18     /* 窗口對象的父子關係，影響顯示位置 */19     /* 沒有父窗口的窗口，咱們稱之爲主窗口 */20     button.setParent(&w);21     button.show();22 23     button.setGeometry(30, 30, 100, 30);24 25     return app.exec();26 }

4. 佈局Layout
   QHBoxLayout簡單實現控件居中：
   

    main.cpp

   效果圖：
   

   QHBoxLayout實現居中而且設置控件比重：
   

    main.cpp

   效果圖：
   

   QGridLayout實現控件居中：
   

    main.cpp

   效果圖：
   

   QGridLayout實現簡單的登陸界面：
   

    main.cpp

   效果圖：
   

5. 經常使用控件的基本使用
   QLabel
   

    QLabel.cpp

   Button組（QPushButton，QRadioButton, QCombobox，QCheckBox）

    Button.cpp

   效果圖：
   
   QTextEdit基本使用：

    QTextEdit.cpp

   效果圖：
   

   QGroupBox基本使用：

    QGroupBox.cpp

   效果圖：
   

   QSlider、QSpinBox基本使用：

    QSpinBoxAndQSlider.cpp

   效果圖：
   

   QLCDNumber基本使用：

    QLCDNumber.cpp

   效果圖：
   

6. QEvent
   

    MyEvent.h

    MyEvent.cpp

7. EventFilter
   

    MyApplication.h

    MyApplication.cpp

    MyWidget.h

    MyWidget.cpp

8. QPainter
   覆蓋基類的painterEvent虛函數，函數原型爲：
   
   簡單的圖形繪製：
   

    1 void MyWidget::paintEvent(QPaintEvent *) 2 { 3     // 簡單的繪製 4     QPainter p(this); 5     //p.drawArc(100, 100, 20, 20, 10, 10); 6     p.drawLine(QPointF(100, 100), QPointF(200, 200)); 7     p.setPen(QPen(QColor("red"))); 8     p.setBrush(Qt::yellow); // 畫刷是表明封閉圖形的內部填充 9     p.drawRect(QRect(200, 200, 220, 220));10     p.setRenderHint(QPainter::Antialiasing); // 變得圓潤一些11     p.drawEllipse(QPointF(150, 150), 40, 40);12     p.drawText(QPointF(250, 250), "Hello Qt");13 }

    經過變換集來存儲全部的變換：

    1 { 2   // 經過變換集來存放全部的變換 3     QPainter p(this); 4     QTransform trans; 5     //trans.rotate(88.0, Qt::YAxis); 6     //trans.translate(100, 300); 7     trans.scale(3, 3); 8     p.setTransform(trans); 9     p.drawLine(100, 100, 200, 100);      
   10 }

   先畫一張圖，而後將該圖繪製到窗口上:

    1 {    
    2     // 先畫一張圖，而後將圖繪製到窗口 3     QPixmap pixmap(size()); // pixmap默認的是黑色背景 4     QPainter p(&pixmap); 5  6     // 想着設置pixmap背景爲白色，並不能實現，須要經過如下方法 7     //p.setBackground(QBrush(Qt::white));  8     p.setBrush(Qt::white); 9     p.drawRect(0, 0, size().width(), size().height());10     p.drawLine(QPointF(100, 100), QPointF(200, 200));11     p.setPen(QPen(QColor("red")));12     p.setBrush(Qt::yellow); // 畫刷是表明封閉圖形的內部填充13     p.drawRect(QRect(200, 200, 220, 220));14 15     p.end();16     p.begin(this); // 開始繪製窗口17     p.drawPixmap(0, 0, pixmap);18 }