《Qt Quick核心編程》起始于基礎(chǔ)的開發(fā)環(huán)境搭建和Qt Creator快速介紹，幫助讀者正確使用開發(fā)環(huán)境；著力于QML語(yǔ)言基礎(chǔ)、事件、Qt Quick基本元素，輔以簡(jiǎn)要的ECMAScript（JavaScript）語(yǔ)言介紹，使得讀者能夠快速熟悉Qt Quick的基本知識(shí)和開發(fā)過程；對(duì)于Qt Quick中的關(guān)鍵主題，如動(dòng)畫、Model-View、Component、網(wǎng)絡(luò)、多媒體，做了詳盡入微的講解，讓讀者一冊(cè)在手，別無(wú)他求；QML與C++混合編程、Canvas、定制及自定義控件等高級(jí)主題，《Qt Quick核心編程》也做了詳細(xì)講解，同時(shí)提供了多個(gè)精彩的實(shí)作實(shí)例，力求概念清晰，用途明確。《Qt Quick核心編程》的內(nèi)容適用于桌面與Android平臺(tái)。值得一提的是，《Qt Quick核心編程》覆蓋了Android開發(fā)的多個(gè)主題，如拍照、定位、錄音、國(guó)際化、可伸縮界面等，也是使用Qt Quick進(jìn)行移動(dòng)開發(fā)不可錯(cuò)過的。《Qt Quick核心編程》的讀者對(duì)象為：希望學(xué)習(xí)一門高效的界面編程語(yǔ)言的開發(fā)人員；希望在多個(gè)移動(dòng)設(shè)備（如智能手機(jī)）上構(gòu)建流暢用戶界面的開發(fā)人員；有一定C/C++基礎(chǔ)，希望快速構(gòu)建應(yīng)用程序界面的開發(fā)人員；有一定Qt基礎(chǔ)，希望快速構(gòu)建界面的開發(fā)人員；有一定QML基礎(chǔ)，想進(jìn)階學(xué)習(xí)的朋友；想熟悉跨平臺(tái)應(yīng)用開發(fā)框架的開發(fā)人員。

目錄

編輯

第1章 Qt Quick概覽 1

1.1 什么是Qt Quick 1

1.2 我們能用Qt Quick做什么 2

第2章 Qt開發(fā)環(huán)境快速上手 3

2.1 Qt Creator簡(jiǎn)介 3

2.2 Qt Creator下載與安裝 3

2.2.1 下載 3

2.2.2 安裝 4

2.3 Hello Qt Quick App 8

2.3.1 創(chuàng)建項(xiàng)目 8

2.3.2 運(yùn)行項(xiàng)目 11

2.3.3 在手機(jī)上運(yùn)行 12

2.4 Qt Creator集成開發(fā)環(huán)境 15

2.4.1 歡迎界面 15

2.4.2 編輯界面 18

2.4.3 調(diào)試界面 19

2.4.4 項(xiàng)目選項(xiàng)設(shè)置 20

2.5 善用佳軟之Qt Quick開發(fā)工具 21

2.5.1 Qt幫助 21

2.5.2 Qt Quick Designer 24

2.5.3 命令行環(huán)境 25

2.5.4 qmlscene 26

第3章 QML語(yǔ)言基礎(chǔ) 28

3.1 對(duì)象 28

3.2 表達(dá)式 29

3.3 注釋 30

3.4 屬性 31

3.4.1 屬性命名 31

3.4.2 屬性的類型 31

第4章 Qt Quick入門 35

4.1 Hello Qt Quick App再分析 35

4.1.1 基本程序結(jié)構(gòu) 35

4.1.2 使用Item作為QML根對(duì)象 37

4.2 閑話Window 38

4.2.1 Window細(xì)說 38

4.2.2 ApplicationWindow 40

4.3 基本元素初體驗(yàn) 40

4.3.1 Rectangle 40

4.3.2 顏色 41

4.3.3 漸變色 41

4.3.4 Item 42

4.3.5 使用錨布局 44

4.3.6 響應(yīng)按鍵 46

4.3.7 Text 47

4.3.8 Button 50

4.3.9 ButtonStyle 51

4.3.10 Image 52

4.3.11 BusyIndicator 55

4.4 圖片瀏覽器的第一個(gè)版本 55

4.4.1 QML代碼 56

4.4.2 FileDialog 58

第5章 ECMAScript初探 59

5.1 語(yǔ)法 60

5.1.1 區(qū)分大小寫 60

5.1.2 弱類型 60

5.1.3 語(yǔ)句后的分號(hào)可有可無(wú) 61

5.1.4 注釋 61

5.1.5 代碼塊 61

5.2 變量 61

5.2.1 變量聲明 61

5.2.2 變量命名規(guī)則 62

5.2.3 關(guān)鍵字 62

5.2.4 保留字 63

5.2.5 原始值與引用值 64

5.3 原始類型 64

5.3.1 typeof運(yùn)算符 64

5.3.2 Undefined類型 65

5.3.3 Null類型 65

5.3.4 Boolean類型 66

5.3.5 Number類型 66

5.3.6 String類型 67

5.4 類型轉(zhuǎn)換 67

5.4.1 轉(zhuǎn)換成字符串 68

5.4.2 轉(zhuǎn)換成數(shù)字 68

5.4.3 強(qiáng)制類型轉(zhuǎn)換 69

5.5 對(duì)象 70

5.5.1 Object 70

5.5.2 String 72

5.5.3 RegExp 75

5.5.4 Array 78

5.5.5 Math 80

5.5.6 Date 81

5.5.7 你不可不知的對(duì)象碎碎念 83

5.6 函數(shù) 84

5.6.1 函數(shù)語(yǔ)法 84

5.6.2 函數(shù)的返回值 85

5.7 表達(dá)式和運(yùn)算符 85

5.7.1 表達(dá)式 85

5.7.2 算術(shù)運(yùn)算符 86

5.7.3 賦值運(yùn)算符 86

5.7.4 比較和邏輯運(yùn)算符 87

5.7.5 條件運(yùn)算符 88

5.7.6 位運(yùn)算符 88

5.7.7 關(guān)鍵字運(yùn)算符 88

5.7.8 逗號(hào)運(yùn)算符 89

5.7.9 數(shù)組和對(duì)象存取運(yùn)算符 89

5.7.10 優(yōu)先級(jí) 89

5.8 程序控制語(yǔ)句 90

5.8.1 if-else語(yǔ)句 90

5.8.2 switch語(yǔ)句 90

5.8.3 for語(yǔ)句 91

5.8.4 while語(yǔ)句 92

5.8.5 do-while語(yǔ)句 92

5.8.6 break、continue和return 92

5.9 使用console 93

5.9.1 輸出日志信息 93

5.9.2 斷言 94

5.9.3 計(jì)時(shí)器 94

5.10 內(nèi)置對(duì)象 94

5.10.1 Global對(duì)象 94

5.10.2 JSON對(duì)象 96

5.11 來(lái)自QML的基本類型 98

5.11.1 url 99

5.11.2 list 99

5.11.3 enumeration 100

5.11.4 font 100

5.12 宿主對(duì)象Qt 101

5.12.1 Qt對(duì)象的屬性 101

5.12.2 Qt對(duì)象的枚舉類型 102

5.12.3 Qt對(duì)象的方法 102

第6章 Qt Quick事件處理 105

6.1 Qt Quick中的信號(hào)與槽 105

6.1.1 連接QML類型的已知信號(hào) 105

6.1.2 如何尋找感興趣的信號(hào) 109

6.1.3 定義自己的信號(hào) 115

6.1.4 信號(hào)與槽的連接 117

6.2 鼠標(biāo) 119

6.2.1 變色矩形示例 119

6.2.2 MouseArea 120

6.3 鍵盤 121

6.3.1 會(huì)動(dòng)的文本實(shí)例 121

6.3.2 Keys與信號(hào)處理器 123

6.4 定時(shí)器 124

6.4.1 定時(shí)器對(duì)象介紹 124

6.4.2 倒計(jì)時(shí)程序 124

6.5 觸摸事件 126

6.5.1 PinchArea 127

6.5.2 縮放與旋轉(zhuǎn)實(shí)例 128

6.5.3 多點(diǎn)觸摸 130

第7章 組件與動(dòng)態(tài)對(duì)象 133

7.1 Component（組件） 133

7.1.1 嵌入式定義組件 133

7.1.2 在單獨(dú)文件中定義組件 134

7.2 使用Loader 137

7.2.1 Loader詳細(xì)介紹 137

7.2.2 從文件加載組件 142

7.2.3 利用Loader動(dòng)態(tài)創(chuàng)建與銷毀組件 143

7.3 在ECMAScript中動(dòng)態(tài)創(chuàng)建對(duì)象 146

7.3.1 從組件文件動(dòng)態(tài)創(chuàng)建Component 146

7.3.2 從QML字符串動(dòng)態(tài)創(chuàng)建Component 148

7.3.3 銷毀動(dòng)態(tài)創(chuàng)建的對(duì)象 149

第8章 Qt Quick元素布局 152

8.1 定位器 152

8.1.1 Row 152

8.1.2 Colomun 154

8.1.3 Grid 155

8.1.4 Flow 158

8.1.5 定位器嵌套 160

8.2 布局管理器 162

8.2.1 GridLayout 163

8.2.2 RowLayout 166

8.2.3 ColumnLayout 168

8.3 其他的布局方式 169

第9章 Qt Quick常用元素介紹 170

9.1 行編輯（TextInput與TextField） 170

9.1.1 TextInput 170

9.1.2 TextField 172

9.2 文本塊（TextEdit與TextArea） 172

9.2.1 TextEdit 173

9.2.2 TextArea 173

9.3 ExclusiveGroup 174

9.4 RaidoButton 174

9.4.1 RadioButtonStyle 174

9.4.2 實(shí)例：選擇你喜歡的手機(jī)操作系統(tǒng) 175

9.5 CheckBox 177

9.5.1 CheckBoxStyle 178

9.5.2 實(shí)例：那些你喜歡的愛情電影 178

9.6 GroupBox 180

9.7 ComboBox 182

9.7.1 ComboBoxStyle 183

9.7.2 ComboBox綜合演示 183

9.8 ProgressBar 187

9.8.1 ProgressBarStyle 187

9.8.2 進(jìn)度條綜合演示 188

9.9 TabView 191

9.9.1 標(biāo)簽控件簡(jiǎn)單示例 192

9.9.2 使用TabViewStyle 193

9.10 Slider 196

9.10.1 SliderStyle 197

9.10.2 滑塊簡(jiǎn)單示例 197

9.11 Flickable 199

9.12 Screen對(duì)象 200

第10章 Canvas（畫布） 202

10.1 開始之前 202

10.1.1 畫布 202

10.1.2 畫師 203

10.1.3 畫筆 203

10.1.4 畫刷 203

10.1.5 坐標(biāo)系 203

10.1.6 圖元 204

10.2 基本繪圖模式 204

10.3 繪制路徑 206

10.4 繪制文本 209

10.5 繪制圖片 211

10.6 變換 215

10.7 裁切 219

10.8 圖像合成 220

10.9 挖頭像實(shí)例 221

10.9.1 項(xiàng)目創(chuàng)建 221

10.9.2 C++代碼 222

10.9.3 QML代碼分析 223

第11章 C++與QML混合編程 228

11.1 在QML中使用C++類和對(duì)象 229

11.1.1 定義可以導(dǎo)出的C++類 229

11.1.2 注冊(cè)一個(gè)QML可用的類型 235

11.1.3 完整的ColorMaker實(shí)例 237

11.1.4 將一個(gè)C++對(duì)象導(dǎo)出為QML屬性 239

11.2 在C++中使用QML對(duì)象 242

11.2.1 查找一個(gè)對(duì)象的孩子 243

11.2.2 使用元對(duì)象調(diào)用QML對(duì)象的方法 243

11.2.3 callQml示例 244

11.3 美圖實(shí)例 248

11.3.1 美圖實(shí)例效果 248

11.3.2 圖像處理算法 250

11.3.3 源碼情景分析 256

第12章 動(dòng)畫 264

12.1 動(dòng)畫元素分類 264

12.2 基本動(dòng)畫元素 265

12.2.1 Animation 265

12.2.2 PropertyAnimation 266

12.2.3 NumberAnimation 270

12.2.4 ColorAnimation 273

12.2.5 RotationAnimation 273

12.2.6 PathAnimation 275

12.2.7 SmoothedAnimation 278

12.2.8 SpringAnimation 279

12.3 組合動(dòng)畫 280

12.3.1 ParallelAnimation 280

12.3.2 SequentialAnimation 281

12.4 State 283

12.4.1 使用State變換文本的小示例 283

12.4.2 State詳解 284

12.4.3 PropertyChanges 286

12.4.4 ParentChange 289

12.4.5 AnchorChanges 292

12.4.6 StateChangeScript 294

12.5 Transition 296

12.6 協(xié)同動(dòng)畫元素 302

12.6.1 Behavior 303

12.6.2 ParentAnimation 304

12.6.3 AnchorAnimation 305

12.7 實(shí)例：射泡泡游戲 306

12.7.1 游戲介紹 307

12.7.2 源碼情景分析 310

第13章 Model/View 318

13.1 ListView 319

13.1.1 ListView的簡(jiǎn)單使用 319

13.1.2 header 323

13.1.3 footer 326

13.1.4 訪問與修改Model 330

13.1.5 動(dòng)畫效果 336

13.1.6 section 343

13.2 XmlListModel的用法 347

13.2.1 XPath簡(jiǎn)介 347

13.2.2 XmlRole 349

13.2.3 XmlListModel的屬性與方法 349

13.3 使用C++ Model 354

13.3.1 C++實(shí)現(xiàn)QML可用的Model 354

13.3.2 將Model導(dǎo)出到QML中 359

13.3.3 QML代碼的變化 360

13.4 TableView 362

13.4.1 一個(gè)簡(jiǎn)單的TableView實(shí)例 362

13.4.2 定制表格外觀 364

13.4.3 動(dòng)態(tài)修改TableView 368

13.5 實(shí)例：股票跟蹤 368

13.5.1 你的樣子 369

13.5.2 項(xiàng)目創(chuàng)建 370

13.5.3 main.cpp分析 372

13.5.4 TableView外觀定制 373

13.5.5 QML與C++混合應(yīng)用的國(guó)際化 375

13.5.6 Qt on Android應(yīng)用國(guó)際化 376

13.6 GridView 377

13.7 PathView 379

13.7.1 Path簡(jiǎn)介 380

13.7.2 PathAttribute 385

13.7.3 PathPercent 386

13.7.4 使用PathView 386

13.8 找圖看實(shí)例 390

13.8.1 功能與界面 390

13.8.2 QML多界面切換 392

13.8.3 創(chuàng)建自己的QML按鈕 394

13.8.4 本地瀏覽 395

13.8.5 網(wǎng)絡(luò)圖片搜索 399

13.9 Repeater 400

13.9.1 model為數(shù)字 400

13.9.2 model為字符串列表 401

13.9.3 model為對(duì)象列表 402

13.9.4 model為L(zhǎng)istModel 403

13.10 ListView的下拉刷新效果 405

13.10.1 C++ Model 405

13.10.2 QML代碼分析 408

第14章 多媒體 410

14.1 MediaPlayer 410

14.1.1 播放音樂 410

14.1.2 視頻 413

14.1.3 多媒體元信息 414

14.2 拍照 415

14.2.1 配置Camera 415

14.2.2 設(shè)置取景器VideoOutput 418

14.2.3 捕獲靜態(tài)圖片 419

14.2.4 簡(jiǎn)單的拍照實(shí)例 419

第15章 網(wǎng)絡(luò) 426

15.1 大珠小珠落玉盤——支持網(wǎng)絡(luò)的對(duì)象 426

15.1.1 Image 426

15.1.2 Qt.createComponent 426

15.1.3 Loader對(duì)象 427

15.1.4 QQmlApplicationEngine 427

15.1.5 QQuickView 427

15.1.6 MediaPlayer 428

15.2 QML里的HTTP 428

15.2.1 XMLHttpRequest類介紹 428

15.2.2 GET小示例 430

15.2.3 POST數(shù)據(jù) 433

15.3 使用C++代碼完成復(fù)雜的網(wǎng)絡(luò)操作 433

第16章 定位 435

16.1 類庫(kù)介紹 435

16.1.1 coordinate 435

16.1.2 QtPositioning 436

16.1.3 Position 436

16.1.4 PositionSource 436

16.2 團(tuán)購(gòu)查詢實(shí)例 437

16.2.1 百度API說明 437

16.2.2 手機(jī)運(yùn)行效果 438

16.2.3 源碼分析 439

第17章 綜合實(shí)例之文件查看器 443

17.1 文件查看器的運(yùn)行效果 444

17.2 再論ApplicationWindow 445

17.3 MenuBar 447

17.3.1 Menu 447

17.3.2 MenuItem 448

17.3.3 Action 448

17.4 ToolBar 449

17.5 使用XMLHttpRequest加載本地文件 450

17.6 使用標(biāo)準(zhǔn)對(duì)話框 450

17.6.1 ColorDialog 451

17.6.2 MessageDialog 452

17.7 源碼分析 453

17.7.1 QML代碼 453

17.7.2 C++代碼 461

17.7.3 項(xiàng)目文件 461

第18章 綜合實(shí)例之聊哈 462

18.1 界面效果 462

18.2 分析 465

18.2.1 適應(yīng)多種分辨率 465

18.2.2 聊天界面實(shí)現(xiàn)分析 469

18.2.3 錄音與回放 471

18.2.4 聊天協(xié)議 475

18.2.5 MessengerManager 485

18.2.6 AccessPointModel 486

附錄A 常見問題 487

該怎么學(xué)習(xí)Qt Quick 487

如何發(fā)布Qt Quick應(yīng)用 487

怎樣保持Android手機(jī)屏幕常亮 489

我想創(chuàng)建可擴(kuò)展的UI來(lái)適應(yīng)各種屏幕 489

Qt Quick應(yīng)用如何國(guó)際化 490

Qt Quick應(yīng)用體積太大了啊 490

有沒有靜態(tài)庫(kù)版本的Qt 490

我不想讓別人看見我的QML文檔 490

Android上的Qt Quick控件看起來(lái)和系統(tǒng)風(fēng)格不一樣 490

自己做一些Qt Quick控件怎么樣 491

Qt Quick不支持文件操作嗎 491

想用數(shù)據(jù)庫(kù)來(lái)著…… 491

說真的，本書示例代碼在哪兒可以下載 491

參考文獻(xiàn) 492

聊聊寫作期間聽的音樂 493