用Qt編寫GUI的另一種方法是使用QtQuick模塊。使用QtQuick的GUI是用QML編寫的。QML是一種聲明性的對象描述語言，它集成了Javascript進行程序化編程。QtQuick為使用QML開發GUI提供了必要的模塊?？梢灾挥肣ML編寫整個應用程序，但通常只有GUI是用QML編寫的，應用程序的后臺是用C++實現的（參見整合QML和C++）。

點擊下載Qt最新試用版

動畫背景對象

我們使用NumberAnimation在屏幕上以相反的方向水平移動波浪，使用SequentialAnimation與NumberAnimation上下移動波浪。

我們將Number動畫應用于wave的x屬性作為屬性值源，將x值從當前值到-(wave.width)，經過16秒的時間進行動畫。我們將循環屬性設置為Animation.Infinite，以無限次重復動畫。

 
 NumberAnimation on x { from: 0; to: -(wave.width); duration: 16000; loops: Animation.Infinite }
我們將圖像的y屬性作為屬性值源，應用順序動畫對y值進行動畫處理。我們使用一個數字動畫將圖像從y值下方的兩個位置動畫到其上方的兩個位置，時間超過1600毫秒。隨后我們使用另一個數字動畫對圖像進行相反方向的動畫，時間同樣為1600毫秒。該動畫無限次重復。

 SequentialAnimation on y {
                    loops: Animation.Infinite
                    NumberAnimation { from: y - 2; to: y + 2; duration: 1600; easing.type: Easing.InOutQuad }
                    NumberAnimation { from: y + 2; to: y - 2; duration: 1600; easing.type: Easing.InOutQuad }
                }

我們將這種類型的緩動曲線Easing.InOutQuad用于五次（t ^ 5）函數，以將運動加速到一半，然后將其減速。

我們使用順序動畫和數字動畫來制作wave2類似于的動畫wave，但方向相反：

 SequentialAnimation on y {
                    loops: Animation.Infinite
                    NumberAnimation { from: y + 2; to: y - 2; duration: 1600; easing.type: Easing.InOutQuad }
                    NumberAnimation { from: y - 2; to: y + 2; duration: 1600; easing.type: Easing.InOutQuad }
                }

我們使用連續動畫，旋轉，順時針方向繞原點，我們設置為陽光度光線Item.Top的transformOrigin特性。動畫無限期重復：

transformOrigin: Item.Top
                SequentialAnimation on rotation {
                    loops: Animation.Infinite
                    NumberAnimation { from: -10; to: 10; duration: 8000; easing.type: Easing.InOutSine }
                    NumberAnimation { from: 10; to: -10; duration: 8000; easing.type: Easing.InOutSine }
                }

我們使用一個數字動畫在8秒內將圖像從-10度10旋轉10到-10度，然后在相同的持續時間內將圖像從度旋轉到度。

Easing.InOutSine對于正弦函數（sin（t）），我們使用該類型的緩動曲線將運動加速到一半，然后將其減速。

我們使用順序動畫和數字動畫以相似的方式為另一張sunlight.png圖像設置動畫，但方向相反：

  transformOrigin:  Item.Top
                SequentialAnimation on SequentialAnimation on rotation {
                    {
                    loops:  Animation.Infinite
                    NumberAnimation { { from:  10;  to: - -10;  duration:  8000;  easing.type: type: Easing.InOutSine }
                    }
                    NumberAnimation { { from: - -10;  to:  10;  duration:  8000;  easing.type: type: Easing.InOutSine }}
                }}

有關在和屬性以及和屬性上使用SequentialAnimation和NumberAnimation的示例。

Qt常用組件：

• QtitanRibbon| 下載試用: 遵循Microsoft Ribbon UI Paradigm for Qt技術的Ribbon UI組件，致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart | 下載試用 :是一個C ++庫，代表一組控件，這些控件使您可以快速地為應用程序提供漂亮而豐富的圖表。并且支持所有主要的桌面操作系統。
• QtitanDataGrid | 下載試用 :這個Qt數據網格組件使用純C++創建，運行速度極快，處理大數據和超大數據集的效果突出。QtitanDataGrid完全集成了QtDesigner，因而極易適應其他相似的開發環境，保證100%兼容Qt GUI。