QML和Qt Quick快速入門

本書是基於Qt 6.4的QML 和Qt Quick入門書籍,詳細介紹了QML 語言的語法和編寫Qt Quick程序需要用到的基本知識點。
本書內容主要包括QML語法、Qt Quick基礎知識以及在圖形動畫、3D、數據處理、多媒體和移動開發方面的應用等。
本書全面系統講解了Qt Quick編程的方方面面,與主要講解Qt Widgets編程的
《Qt Creator快速入門(第4版)》相輔相成,可以幫助初學者快速入門Qt Quick編程。

第1章走進Qt Quick的 1
1.1 QML和Qt Quick簡介 1
1.1.1 QML 1
1.1.2 Qt Quick 2
1.1.3 Qt Quick和Qt Widgets用戶界面對比 3
1.2 Qt 6的下載安裝和Qt Creator開發環境簡介4
1.2.1 Qt 6的下載與安裝 4
1.2.2 Qt Creator開發環境 5
1.3 運行示例程序 7
1.4 Qt Quick應用 8
1.4.1 創建Qt Quick應用 9
1.4.2 使用Qt資源文件 12
1.4.3 設置應用程序圖標15
1.4.4 Qt Quick程序的發布 15
1.5 創建Qt Quick UI項目 17
1.6 Qt幫助和本書源碼的使用 18
1.6.1 Qt幫助的使用 18
1.6.2 本書源碼的使用20
1.7 小結20
第2章QML語法21
2.1 QML語法基礎 21
2.2 import導入語句 24
2.2.1 模塊(命名空間)導入語句24
2.2.2 目錄導入語句25
2.2.3 JavaScript資源導入語句 27
2.3 QML類型系統 28
2.3.1 基本類型28
2.3.2 JavaScript類型 30
2.3.3 對像類型30
2.4 對象性(Attributes) 30
?
2.4.1 id性 31
2.4.2 屬性性31
2.4.3 信號和信號處理器性40
2.4.4 方法性44
2.4.5 附加屬性和附加信號處理器46
2.4.6 枚舉性47
2.5 集成JavaScript 48
2.5.1 JavaScript表達式和屬性綁定 48
2.5.2 從JavaScript動態創建QML對象 53
2.5.3 在QML中定義JavaScript資源 57
2.5.4 在QML中導入JavaScript資源 59
2.5.5 JavaScript宿主環境 62
2.6 QML文檔 64
2.6.1 通過QML文檔定義對像類型 64
2.6.2 QML組件 67
2.6.3 作用域和命名解析69
2.6.4 資源加載和網絡透明性75
2.6.5 QML的國際化 76
2.6.6 QML的編碼約定 79
2.7 QML模塊 82
2.8 小結83
第3章Qt Quick基礎 84
3.1 基礎可視項目85
3.1.1 Item 85
3.1.2 Rectangle 89
3.1.3 Text 89
3.1.4 TextInput 96
3.1.5 TextEdit 101
3.2 佈局管理 102
3.2.1 定位器(Positioners) 102
3.2.2 基於錨(anchors)的佈局 107
3.2.3 佈局管理器(Layouts) 109
3.2.4 佈局鏡像(LayoutMirroring) 112
3.3 事件處理 113
3.3.1 MouseArea 114
3.3.2 鼠標事件(MouseEvent)和滾輪事件(WheelEvent) 115
3.3.3 拖放事件(DragEvent) 117
3.3.4 鍵盤事件(KeyEvent)和焦點作用域(FocusScope) 120
3.3.5 定時器(Timer) 126
3.4 使用Loader動態加載組件126
3.4.1 Loader的大小與行為 127
3.4.2 從加載的項目中接收信號 127
3.4.3 焦點和鍵盤事件 128
3.5 小結 129
第4章Qt Quick控件和Qt Quick對話框 130
4.1 Qt Quick控件項目 131
4.1.1 窗口Window 131
4.1.2 應用程序主窗口ApplicationWindow 133
4.1.3 控件基類型Control 138
4.2 按鈕類控件 139
4.2.1 AbstractButton、Button和RoundButton 139
4.2.2 CheckBox、RadioButton和ButtonGroup 141
4.2.3 DelayButton和Switch 143
4.3 容器類控件 143
4.3.1 Pane、Frame和GroupBox 144
4.3.2 Page 145
4.3.3 ScrollView 147
4.3.4 Container、SwipeView和TabBar 147
4.3.5 SplitView 150
4.3.6 StackView 151
4.4 委託類控件 153
4.4.1 ItemDelegate、CheckDelegate、RadioDelegate和
SwitchDelegate 153
4.4.2 SwipeDelegate 154
4.5 指示器類控件 157
4.5.1 BusyIndicator 157
4.5.2 ProgressBar 158
4.6 輸入類控件 158
4.6.1 ComboBox 158
4.6.2 Dial 159
4.6.3 RangeSlider和Slider 159
4.6.4 TextArea和TextField 160
4.6.5 Tumbler和SpinBox 160
4.7 菜單類控件 163
4.8 導航類控件 164
4.9 彈出類控件 165
4.10 分隔類控件167
4.11 日期類控件168
4.12 設置控件樣式170
4.12.1 使用控件樣式170
4.12.2 自定義控件172
4.13 Qt Quick Dialogs模塊 173
4.13.1 顏色對話框ColorDialog 173
4.13.2 文件對話框FileDialog 174
4.13.3 目錄對話框FolderDialog 176
4.13.4 字體對話框FontDialog 176
4.13.5 消息對話框MessageDialog 177
4.14 小結177
第5章圖形動畫基礎178
5.1 顏色、漸變和調色板179
5.1.1 顏色color 179
5.1.2 漸變Gradient 181
5.1.3 系統調色板SystemPalette 181
5.2 圖片、邊界圖片和動態圖片182
5.2.1 圖片Image 182
5.2.2 邊界圖片BorderImage 184
5.2.3 動態圖片AnimatedImage 185
5.3 縮放、旋轉和平移變換186
5.3.1 使用屬性實現簡單變換 186
5.3.2 使用Transform實現高級變換 187
5.4 狀態State 189
5.4.1 創建狀態 189
5.4.2 默認狀態和when屬性 191
5.5 動畫和過渡 192
5.5.1 使用屬性動畫 192
5.5.2 使用預定義的目標和屬性 193
5.5.3 在狀態改變時使用過渡 194
5.5.4 使用默認的行為動畫 195
5.5.5 使用並行或順序動畫組 196
5.5.6 使用動畫師動畫 197
5.5.7 控制動畫的執行 198
5.5.8 共享動畫實例 199
5.6 靈動畫Sprite Animations 200
5.6.1 靈引擎介紹 200
5.6.2 AnimatedSprite 203
5.7 Flickable和Flipable 204
5.7.1 彈動效果Flickable 204
5.7.2 翻轉效果Flipable 207
5.8 小結 208
第6章粒子系統和圖形效果209
6.1 粒子系統 209
6.1.1 ParticleSystem 209
6.1.2 發射器Emitter 211
6.1.3 渲染器ParticlePainters 212
6.1.4 TrailEmitter 214
6.1.5 粒子組 216
6.1.6 隨機參數 217
6.1.7 影響器Affector 218
6.2 圖形效果 223
6.2.1 混合效果 223
6.2.2 顏色效果 226
6.2.3 漸變效果 229
6.2.4 變形效果 231
6.2.5 陰影效果 231
6.2.6 模糊效果 233
6.2.7 動感模糊效果 236
6.2.8 發光效果 237
6.2.9 遮罩效果 239
6.3 小結 240
第7章Qt Quick 3D 241
7.1 創建一個Qt Quick 3D項目 242
7.2 場景 244
7.2.1 場景坐標 244
7.2.2 場景環境 246
7.2.3 基於圖像的照明和天空盒 248
7.2.4 Qt Quick 3D場景效果 250
7.3 相機 250
7.3.1 相機 251
7.3.2 正交相機 253
7.4 光源和陰影 253
7.4.1 平行光源 254
7.4.2 點光源 254
7.4.3 聚光燈光源 255
7.5 網格 256
7.5.1 內置網格 256
7.5.2 使用Balsam工具轉換網格文件 257
7.6 材質和紋理 259
7.6.1 DefaultMaterial 259
7.6.2 PrincipledMaterial 260
7.6.3 SpecularGlossyMaterial 261
7.6.4 紋理貼圖 261
7.7 在3D場景中添加2D內容263
7.8 實例化渲染 265
7.9 3D粒子系統268
7.10 Qt Quick 3D物理模擬 269
7.11 小結274
第8章模型和視圖275
8.1 模型/視圖架構簡介275
8.2 數據模型 277
8.2.1 整數作為模型 277
8.2.2 ListModel 278
8.2.3 XmlListModel 280
8.2.4 ObjectModel 282
8.2.5 DelegateModel 283
8.2.6 Package 285
8.2.7 TableModel 286
8.2.8 在委託中使用需屬性來匹配模型角色 288
8.2.9 使用C 擴展QML模型 289
8.2.10 LocalStorage 293
8.2.11 WorkerScript 297
8.3 視圖類型 298
8.3.1 ListView 298
8.3.2 GridView 304
8.3.3 視圖過渡 305
8.3.4 TableView和TreeView 308
8.3.5 PathView 312
8.4 委託選擇器DelegateChooser 315
8.5 小結 317
第9章Qt圖表 318
9.1 創建一個圖表項目 319
9.2 坐標軸Axes 320
9.2.1 數值坐標軸和對數數值坐標軸 321
9.2.2 分類坐標軸 322
9.2.3 柱形圖分類坐標軸 322
9.2.4 日期時間坐標軸 323
9.2.5 坐標軸的共有屬性 324
9.3 圖例Legend 325
9.4 ChartView 326
9.4.1 設置主題 327
9.4.2 啟用動畫 328
9.5 使用數據動態創建圖表 328
9.6 常用圖表類型 331
9.6.1 折線圖、曲線圖和散點圖331
9.6.2 面積圖 332
9.6.3 柱形圖、堆積柱形圖、百分比堆積柱形圖 333
9.6.4 餅狀圖 334
9.6.5 盒須圖(箱形圖) 335
9.6.6 蠟燭圖(K線圖) 336
9.6.7 坐標圖 337
9.7 小結 338
第10章Qt Data Visualization數據可視化 339
10.1 3D柱形圖 'A1?339
10.1.1 3D坐標軸 341
10.1.2 數據代理343
10.1.3 3D系列 345
10.2 自定義3D場景 346
10.3 設置主題346
10.4 選擇模式和切片視圖349
10.5 3D散點圖 350
10.6 3D曲面圖 352
10.7 小結355
第11章多媒體應用 356
11.1 播放音頻357
11.1.1 播放壓縮音頻357
11.1.2 播放未壓縮音頻359
11.2 播放視頻360
11.2.1 使用MediaPlayer播放視頻文件 360
11.2.2 對視頻使用圖形效果361
11.3 媒體捕獲363
11.3.1 CaptureSession和MediaDevices 363
11.3.2 相機Camera 363
11.3.3 使用ImageCapture進行拍照 364
11.3.4 使用MediaRecorder進行音視頻錄製365
11.4 小結367
第12章QML與C 的集成368
12.1 QML運行時的C 類 369
12.1.1 QQmlEngine、QQmlApplicationEngine和QQuickView 369
12.1.2 QQmlContext 370
12.1.3 QQmlComponent 372
12.1.4 QQmlExpression 373
12.2 在QML類型系統中註冊C 類型 374
12.2.1 不再推薦使用的qmlRegisterType()相關函數 374
12.2.2 基於宏的註冊方式375
12.2.3 註冊值類型378
12.2.4 註冊不可實例化的對像類型379
12.2.5 註冊單例類型379
12.2.6 類型的修訂和版本380
12.3 定義QML定類型和屬性 381
12.3.1 提供附加屬性381
12.3.2 屬性修飾符類型383
12.3.3 QML對像類型的默認屬性和父級屬性 386
12.3.4 接收對像初始化通知387
12.3.5 使用Qt Quick 模塊定義可視化項目 388
12.4 在QML中使用C 性 388
12.4.1 數據類型處理和擁有權388
12.4.2 數據類型的轉換388
12.4.3 使用C 屬性393
12.4.4 使用函數和槽397
12.4.5 使用信號398
12.5 在C 中使用QML對象 399
12.5.1 使用C 加載QML對象 399
12.5.2 使用對象名字訪問加載的QML對象 401
12.5.3 使用C 訪問QML對象成員 401
12.6 小結405
第13章Qt移動開發入門 406
13.1 Qt Android開發配置 406