QtExamples 系列目錄

---

項目介紹：

✅ Qt 的 GUI 基礎控件用法，網絡；

✅ DTK 重繪控件方式的框架解析；

✅ QtCrator 使用和一些小技巧；

✅ Qt 原理/運行機制理解;

自己所學記錄，亦可以互相交流共享學習，有朋自遠方互聯網而來，不亦悅乎？

項目文章系列：

第一部分：預備知識

• windows 系統：

  • windows10環境下安裝Qt Creator5.9.8作爲c++的IDE開發工具，學習和使用qt (最佳推薦)
  • Qt Creator 安裝SDK，在MSVC編譯模式下使用CDB調試器
  • windows環境下安裝Qt Creator + Visual Studio 2015作爲c++的IDE開發工具，學習和使用qt (備選)
  • windows環境下安裝Qt Creator 5.9 + Visual Studio 2017專業版 參考此文 （備選）

• MacOS 系統：

  • MacOS10.14.6環境下安裝QtCreator5.9.8作爲c++的IDE開發工具，學習和使用qt(推薦)

• Linux 系統:

  • 在win10裏面的VMware安裝UOS20，在uos20裏面安裝QtCreator，配置dtk開發環境
  • MacOS10.14安裝虛擬機Parallels_Desktop，安裝UOS20和 QtCreaor，搭建dtk開發環境
  • 在macOS 10.14的虛擬機VMware Fusionlimian裏面安裝deepin15.11（Linux）

• Qt Creator 作爲 IDE 基礎講解：

  • Qt Creator` 此IDE的界面基本組成和入門使用講解(Win,Linux,MacOS搭配不同版本 Qt)

第二部分：qt生成原理/運行機制

• make makefile cmake qmake都是什麼，有什麼區別？
• Qt 編程中 namespace Ui { class Widget; } 解析

第三部分：常用 GUI 控件

• 一個默認的Qt Widget項目 【空】
• 元對象系統moc(Meat-Object System)的對象MetaObject和(含動態)屬性Propert的用法 【QtMeatObjectEx】
• QString在2 ／8／10／16進制之間轉換 【QtQStringEx】
• QString常用的功能函數的介紹和用法 【QtQStringFunEx】
• QSlider和QAbstractSlider的介紹和用法【QtQSliderEx】
• QSlider移動條、QScrollBar滾動條、QProgressBar進度條控件的聯動【QtQProgressBarEx】
• 儀表盤QSlider和數值顯示QLCD_NUmber的講解和使用【QtQdialQLCDEx】
• 時間日期(QTime/QDate/QDateTime)和定時器(QTimer)的介紹和使用【QtDateTimeEx】
• QComboBox(下拉列表框)和QPlainTextEdit(多行富文本編輯器)的用法 【QtQcomboBoxEx】
• 列表控件QListWidget和工具按鈕QToolButton的和用法【QtQListWidgetEx】
• 目錄樹組件QTreeWidget和停靠區域組件QDockWidget的用法【QtQTreeWidgetEx】
• QTableWidget表格組件的屬性介紹和使用【QtQTableWidgetEx】
• QFileSystemModel數據模型獲取本機文件系統的使用【QtQFileSystemModelEx】
• getOpenFileName標準對話框和自定義對話框的使用【QtQDialogEx】
• QTableView和QStandardItemModel的用法【QtQStandardItemModelEx】
• 自定義和標準對話框的用法【QtCustomDialogEx】
• 多文檔界面MDI(Multi-document Interface)的實現，QMdiArea使用【QtMDIEx】

第四部分：網絡編程

• 主機信息查詢QHostInfo和QNetworkInterface查詢IP等【QtQHostInfoEx】
• TCP通信之QTcpServer和QTcpSocket，服務器和客戶端通訊【QtTcpEx】
• Upd通信之QUdpSocket的unicast單播、broadcast廣播、multicast組播【QtUdpEx】
• QNetworkAccessManager/QNetworkReply/QNetworkRequest實現高層網絡的操作http 【QtHttpEx】

網絡的實際使用🌰：

• QT5/C++項目：基於QT的跨平臺網絡對戰象棋（一）（推薦★★★★）

• QT5/C++項目：基於QT的跨平臺網絡對戰象棋（二）（推薦★★★★）

• QT5/C++項目：基於QT的跨平臺網絡對戰象棋（三）（推薦★★★★）

• 項目實戰：Qt5／C++：TCP的C/S的聊天小程序 （帶界面 GUI）

• 項目實戰：仿QQ的QQ簡潔版2019羣聊項目（帶界面 GUI）

• 項目實戰Small example：C:Socket之Tcp編程 [終端 Terminal]

• 項目實戰Small example：C:Socket之UDP編程 [終端 Terminal]

• 項目實戰：Qt5／Quick：模仿扣扣登錄界面[小程序]

第五部分：DTK 重繪控件原理解析（自定義樣式 QStyle ）

• dtk 歷史發展：
  • DTK的歷史起源、發展，和簡單入門 『🥳🥳』
  • deepin、dde的歷史起源與發展(附deepin所有版本的dde截圖) 『🥳🥳』
• 預備知識：
  • QStyle與QPen、QPush、QPalette、QPainter之間的區別
  • QStyle設置界面的外觀和QCommonStyle繼承關係圖講解和使用 『👩‍💻👩‍💻👩‍💻』
  • DTK常用和測試代碼片
  • qt之proxy()代理探究
• 感性理解👀：
  • 應用軟件在「ous20和 MaOS10.14下」顯示應用不同的QStyle「即：所有控件的樣式換膚」
  • 應用軟件在「windows10 和 deepin10.15下」顯示應用不同的QStyle「即：所有控件的樣式換膚」
• DTK 源碼解析架構🤔：
  • QStyle/DTK重繪Qt-GUI已有控件,舉例QScrollBar 『👩‍💻👩‍💻👩‍💻』
  • QStyle/DTK重繪自定義需求控件,舉例MySwitchButton 『👩‍💻👩‍💻👩‍💻』
• 項目實戰：
  • 更換Qt應用程序的界面UI，實現換膚，改用自帶其他默認QStyle風格樣式
  • QStyle自定義重繪滑動條QSlider控件
  • QStyle自定義重繪QRubberBand控件
  • 重繪的QStyle中sizeFromContents()沒有被調用
  • QStyle之PenStyle的CustomDashLine使用
  • QStyle自定義重繪滑動條QSlider控件二
  • QStyle自定義重繪QScrollBar

第六部分：Qt / IDE 出現亂碼原因和解決：

• 輸出亂碼原因：古文碼、口字碼、符號碼、問號碼、棍拷碼
• qt5 中文亂碼解決
• Qt字符串有中文，編譯不通過解決方法：
• 亂碼原因（Qt版本）_附上語文的pdf版本
• qt中文亂碼問題
• 借Qt中文亂碼談談Coding中的編碼問題

• Qt5與Qt4的信號接收差異
• qt的信號和槽關係
• qt中Lam表達式

第七部分：QtCreator 的使用小技巧：

• QtCreator設置代碼美化astyle之Artistic

• Qt Creator 關閉.cpp文件右側的黃色警告

• 小技巧：Design設計師裏，無法拖拽action到toolbar裏

• 小技巧：設置QToolBox的每一頁page的使用單獨的佈局（QTabWidget同理）

• 小技巧：QtCreator用快捷鍵秒實現，聲明在基類中重寫的派生類(純)虛函數

第八部分：提交規範和發佈 Qt 程序：

• 約定式提交規範
• qt項目在Windows平臺上面發佈成可執行程序
• qt項目在MacOS平臺上面發佈成可執行程序
• qt項目在Linux平臺上面發佈成可執行程序

新手過來：

新手 在深思熟慮後踏入的編程，容易遭遇如下如下幾點:

1. 語言語法不熟悉🤦‍♀️
2. 相關 IDE 安裝、配置不會；不懂如何創建自己所需的工程項目🤦‍♀️
3. 基礎控件不認識，不會用🤦‍♀️
4. 難以🔍可閱讀、成體系的低級博客，多爲高熱度Title文章🤦‍♀️
5. …開始步入正軌👣
6. 也不知學編程到是底在學習什麼❓👀
7. …修行靠個人👩‍💻

分享所想：

1. 自己想學一遍 GUI 控件
2. 幫助真的新手實現0→1的入門，解決👆的1，2，3，4，6問題
3. 學習於網絡，回饋於網絡
4. 希望永久被🔍引擎檢索到，以博客形式發表📝

我所想說：🙋‍♀️

雖然不盈利，會累，但因自由和開源軟件而寫的開心ya， 鴨鴨

由於會經常更新新的文章，所以暫時先使用這一份目錄更新：https://github.com/xmuli/QtExamples
更新時間： 2020-05-19