Qt常用控件+事件+基礎(chǔ)繪圖（四）

第一個Qt程序
新建一個空的項目

.pro文件內(nèi)容

示例代碼：

10年積累的網(wǎng)站設(shè)計制作、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有廣安免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

 1 /* 應(yīng)用程序抽象類 */ 2 #include  3 #include  4 #include  5 #include  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); // 不設(shè)置父對象，那么按鈕也就是一個獨立的窗口17     btn.show();18 19     QObject::connect(&btn, QPushButton::clicked, [](){20         qDebug() << "button is clicked..." << endl;21     });22 23     return app.exec();24 }

QLineEdit常用功能
設(shè)置輸入密碼
設(shè)置提示文字
設(shè)置自動匹配
示例代碼：

 1 #include  2 #include  3 #include  4 #include  5 #include  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); // 失去焦點時候變?yōu)槊芪?4 15     /* 淘汰傳統(tǒng)的輸入之后還要點擊按鈕 */16     QObject::connect(&lineEdit, QLineEdit::returnPressed, [](){17         qDebug() << "You have entered the return key...";18     });19 20     /* 自動補全 只有echomode設(shè)置為Normal時completer才有效 */21     QCompleter completer(QStringList() << "aa" << "abc" << "123");22     completer.setFilterMode(Qt::MatchContains); // 包含匹配 比如：輸入b也會匹配abc23     lineEdit.setCompleter(&completer);24 25     /* lineEdit設(shè)置提示文字 */26     lineEdit.setPlaceholderText("Please input text:");27 28     lineEdit.show();29 30     return app.exec();31 }

坐標系統(tǒng)
設(shè)置坐標

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

布局Layout
QHBoxLayout簡單實現(xiàn)控件居中：

 main.cpp

效果圖：

QHBoxLayout實現(xiàn)居中并且設(shè)置控件比重：

 main.cpp

效果圖：

QGridLayout實現(xiàn)控件居中：

 main.cpp

效果圖：

QGridLayout實現(xiàn)簡單的登錄界面：

 main.cpp

效果圖：

常用控件的基本使用
QLabel

 QLabel.cpp

Button組（QPushButton，QRadioButton, QCombobox，QCheckBox）

 Button.cpp

效果圖：

QTextEdit基本使用：

 QTextEdit.cpp

效果圖：

QGroupBox基本使用：

 QGroupBox.cpp

效果圖：

QSlider、QSpinBox基本使用：

 QSpinBoxAndQSlider.cpp

效果圖：

QLcdnumber基本使用：

 QLCDNumber.cpp

效果圖：

QEvent

 MyEvent.h

 MyEvent.cpp

EventFilter

 MyApplication.h

 MyApplication.cpp

 MyWidget.h

 MyWidget.cpp

QPainter
覆蓋基類的painterEvent虛函數(shù)，函數(shù)原型為：

簡單的圖形繪制：

 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); // 畫刷是代表封閉圖形的內(nèi)部填充 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     // 想著設(shè)置pixmap背景為白色，并不能實現(xiàn)，需要通過以下方法 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); // 畫刷是代表封閉圖形的內(nèi)部填充13     p.drawRect(QRect(200, 200, 220, 220));14 15     p.end();16     p.begin(this); // 開始繪制窗口17     p.drawPixmap(0, 0, pixmap);18 }