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 }