首先是QML與Qt Quick的關系；

這就相當于C++與Qt的關系；

只是一個語言和框架的關系

從Qt 5.1開始，Qt Quick引入了一組界面控件，使用這些控件可以更簡單地創建傳統桌面應用。這些控件包含在QtQuick Controls模塊中，包括窗口部件、各種視圖、按鈕等。從Qt 5.7開始，加入了一個Qt Quick Controls 2模塊，與前者不同，它主要終于創建手機或嵌入式應用界面

Qt 5增加了QML這種應用程序開發方式。由于QML的簡潔性，QML和Qt Quick 2更適合快速開發動態界面程序。
有理由相信，在未來越來越多的程序都會使用這種全新的開發模式。相比而言，QML更能適應現代界面的要求。
Windows 8 Modern UI這樣的嶄新用戶界面并不能簡單地加入到現有的QWidget基礎架構中。存在于智能電話和
平板設備的那種富含動畫效果的界面大行其道，同樣也是QWidget這種為大量以靜態圖形為主要顯示單元的用戶界
面而設計的組件所不擅長的。QML和Qt Quick的出現就是為了解決這些問題。

Qt 5的QWidget及其子類是開發桌面應用的核心，我們仍然能夠像Qt 4時那樣編寫程序。現階段新生的QML和QtQuick遠不如QWidget那樣擁有豐富的開發組件，尤其缺乏復雜的企業級應用程序所必須的樹等控件。這就決定了至少在現階段，真正大型的桌面程序依舊只能選擇QWidget為主，QML和Qt Quick為輔的開發模式。

下面來看一個例子：

源碼如下：

import QtQuick 2.7 import QtQuick.Window 2.2 import QtQuick.XmlListModel 2.0 import QtQuick.Controls 2.1Window {id:window;property string detial:"";visible:true;width:340;height:480;Image{source:"qrc:/images/home.png";anchors.fill: parent;}XmlListModel{id:model;source:"qrc:/test.xml";query:"/rss/channel/item";XmlRole{name:"title";query:"title/string()";}XmlRole{name:"description";query:"description/string()";}}ListView{id:listView;width:parent.width;height:parent.height;model:model;delegate: Item{width:parent.width;height:window.height/10;Text{text:title;color:"white";anchors.left: parent.left;anchors.leftMargin: 30;anchors.verticalCenter: parent.verticalCenter;}Image{source:"qrc:/images/mainLine.png";anchors.bottom: parent.bottom;anchors.bottomMargin: 5;}Image{source:"qrc:/images/listArrow.png";anchors.right: parent.right;anchors.rightMargin: 30;anchors.verticalCenter: parent.verticalCenter;}MouseArea{anchors.fill: parent;onClicked:{detial=description;stack.push(mainView)}}}}StackView{id:stack;anchors.fill: parent;initialItem: listView;}Component{id:mainView;Item{ToolButton{id:toolBtn;contentItem:Image{fillMode: Image.pad;horizontalAlignment: Image.AlignHCenter;verticalAlignment: Image.AlignVCenter;source:"qrc:/images/back.png";}onClicked: stack.pop();}Label{text:detial;color:"white";anchors.margins: 20;anchors.top:toolBtn.bottom;anchors.left: parent.left;anchors.right: parent.right;verticalAlignment: Label.AlignVCenter;wrapMode: Label.Wrap;lineHeight: 2;}}} }

程序運行截圖如下：

XML文件格式如下：

<?xml version="1.0" encoding="utf-8"?> <rss version="2.0"><channel><title>電影新聞-Mtime時光網</title><description>時光網（Mtime.com）電影新聞</description><link>http://feed.mtime.com/movienews.rss</link><pubDate>Fri, 14 Jul 2017 06:29:37 GMT</pubDate><docs>http://backend.userland.com/rss</docs><item><title>山崎賢人《齊木楠雄的災難》發預告</title><description>麻生周一人氣漫畫《齊木楠雄的災難》改編的真人電影今日發布預告，彌漫著滿滿的中二風，更有雷人的5毛錢科幻特效場面。目前來看，人物形象還原度較高。</description><link>http://news.mtime.com/2017/07/14/1571357.html</link><pubDate>Fri, 14 Jul 2017 03:42:57 GMT</pubDate></item><item><title>《極盜車神》中國版定檔預告曝光</title><description>《僵尸肖恩》導演埃德加·賴特的口碑新作《極盜車神》將于8月25日與內地觀眾見面，一款中國定檔海報與定制預告片今日曝光，六大主演酷炫集結，開啟狂飆極盜之旅。</description><link>http://news.mtime.com/2017/07/14/1571355.html</link><pubDate>Fri, 14 Jul 2017 03:09:48 GMT</pubDate></item><item><title>孫悟空只愛過這一個女人</title><description>這首歌曲命名為《紫》，與倪妮飾演的阿紫有千絲萬縷的聯系。</description><link>http://news.mtime.com/2017/07/14/1571354.html</link><pubDate>Fri, 14 Jul 2017 02:53:52 GMT</pubDate></item><item><title>劉德華&讓雷諾《俠盜聯盟》雙雄對決</title><description>讓·雷諾飾演的皮埃爾對劉德華飾演的張丹始終心懷戒備，在張丹出獄后依然對他嚴密監視。在得知張丹計劃盜取天價珠寶“蓋亞”后，皮埃爾找來寶物鑒定師Amber組成聯盟，橫跨歐洲追捕張丹。</description><link>http://news.mtime.com/2017/07/14/1571352.html</link><pubDate>Fri, 14 Jul 2017 02:32:16 GMT</pubDate></item><item><title>《引爆者》曝"鐵漢柔情"人物海報</title><description>《引爆者》曝"鐵漢柔情"版人物關系海報，段奕宏分別與其他三位主演同框出鏡。段奕宏和余男首次合作演繹一對苦命鴛鴦，攜愛逃亡不離不棄，兩人在戲外互懟不停，開起彼此的玩笑更是“毫不留情”。</description><link>http://news.mtime.com/2017/07/14/1571350.html</link><pubDate>Fri, 14 Jul 2017 02:24:37 GMT</pubDate></item><item><title>諾蘭新片《敦刻爾克》倫敦首映</title><description>昨晚，《敦刻爾克》在倫敦舉行首映禮，眾位主創到場助陣。</description><link>http://news.mtime.com/2017/07/14/1571351.html</link><pubDate>Fri, 14 Jul 2017 02:23:37 GMT</pubDate></item><item><title>《悟空傳》上映首日擊敗"小黃人"</title><description>霸屏一周的《神偷奶爸3》終于被國產電影請下票房日冠軍寶座，《悟空傳》上映首日破1億登頂票房冠軍。</description><link>http://news.mtime.com/2017/07/14/1571344.html</link><pubDate>Fri, 14 Jul 2017 02:17:47 GMT</pubDate></item><item><title>北野武《極惡非道3》發正式預告</title><description>北野武要將《極惡非道》系列中全員惡人的極端暗黑畫風進行到底。在這里，沒有絲毫人情味可言，只要利益、金錢、暴力。</description><link>http://news.mtime.com/2017/07/14/1571349.html</link><pubDate>Fri, 14 Jul 2017 02:04:29 GMT</pubDate></item><item><title>《十萬個冷笑話2》曝最強“站”隊海報</title><description>宙斯、女媧、奧丁、拉四位天神作為幕后操控者集結亮相，小金剛、雅典娜、河神、雷神托爾則各持武器站成“1字型”，一場宇宙大戰即將開啟。</description><link>http://news.mtime.com/2017/07/14/1571347.html</link><pubDate>Fri, 14 Jul 2017 01:57:09 GMT</pubDate></item><item><title>《鮫珠傳》動作特輯高燃上線</title><description>《鮫珠傳》將于8月11日上映，動作特輯高燃上線，主演王大陸、張天愛兩人首次挑戰打戲，在金牌動作指導谷軒昭的耐心指導下，他們雖然在片場被摔打不停，卻都堅持親身上陣，十分敬業。</description><link>http://news.mtime.com/2017/07/14/1571346.html</link><pubDate>Fri, 14 Jul 2017 01:51:16 GMT</pubDate></item><item><title>DC大作《正義聯盟》新劇照曝光</title><description>新劇照中超人還是沒有出現。不過蝙蝠俠、神奇女俠和閃電俠看起來狀態都不錯。</description><link>http://news.mtime.com/2017/07/14/1571345.html</link><pubDate>Fri, 14 Jul 2017 01:44:15 GMT</pubDate></item><item><title>《蝙蝠俠》導演：我放棄了大本的劇本</title><description>《蝙蝠俠》是馬特·里夫斯第一部漫改電影，他此前曾說要把它拍出“希區柯克式”的感覺。</description><link>http://news.mtime.com/2017/07/14/1571342.html</link><pubDate>Fri, 14 Jul 2017 01:03:21 GMT</pubDate></item><item><title>"至暗時刻"正式預告片中神還原丘吉爾</title><description>焦點影業發布了《至暗時刻》的首支正式預告片，加里·奧德曼飾演的是英國最著名的首相之一——溫斯頓·丘吉爾。</description><link>http://news.mtime.com/2017/07/14/1571339.html</link><pubDate>Thu, 13 Jul 2017 23:41:00 GMT</pubDate></item><item><title>《悟空傳》導演&原著作者專訪</title><description>郭子健是在為《西游降魔篇》收集資料時讀到了《悟空傳》，“雖然不是我寫的，但是我總覺得好像自己的作品一樣。那個時候就覺得我好想把這個小說拍出來。”</description><link>http://news.mtime.com/2017/07/14/1571338.html</link><pubDate>Thu, 13 Jul 2017 23:07:25 GMT</pubDate></item><item><title>喜劇《羞羞的鐵拳》造就“艾瑪疼”組合</title><description>《羞羞的鐵拳》中，艾倫智商進化，從傻春變成專門打假拳的“過氣拳手”；馬麗“變美”，飾演一位專門打假的熱血記者；沈騰變身二人“導師”，教授武林絕學。</description><link>http://news.mtime.com/2017/07/13/1571337.html</link><pubDate>Thu, 13 Jul 2017 15:19:14 GMT</pubDate></item><item><title>《悟空傳》首日票房破億</title><description>根據今何在同名小說改編的電影《悟空傳》今日正式上映，首日票房截至發稿時已達1.08億。</description><link>http://news.mtime.com/2017/07/13/1571334.html</link><pubDate>Thu, 13 Jul 2017 15:07:24 GMT</pubDate></item><item><title>帥彎！《神奇女俠》曝概念藝術畫</title><description>近日，概念藝術畫家約書亞·閔為《神奇女俠》創作了一組藝術概念圖，獲得。</description><link>http://news.mtime.com/2017/07/13/1571333.html</link><pubDate>Thu, 13 Jul 2017 13:59:54 GMT</pubDate></item><item><title>神馬畫風？哪咤要加入變形金剛"宇宙"</title><description>近日美國孩之寶公司全球CEO史蒂芬·戴維斯等一行10人到央視動畫有限公司，雙方就合拍動畫項目《哪吒與變形金剛》達成多項共識。</description><link>http://news.mtime.com/2017/07/13/1571327.html</link><pubDate>Thu, 13 Jul 2017 10:18:58 GMT</pubDate></item><item><title>"男人來自火星女人來自金星"將拍電影</title><description>暢銷兩性讀物《男人來自火星 女人來自金星》將被傳奇影業改編成電影。</description><link>http://news.mtime.com/2017/07/13/1571326.html</link><pubDate>Thu, 13 Jul 2017 10:13:42 GMT</pubDate></item><item><title>《S的秘密》7.20公映曝光新劇照</title><description>《S的秘密》即將于7月20日全國公映，片中吳啟華飾演一名時尚前衛的內衣設計師方浪，同時會一人分飾男女兩角。在新劇照中，吳啟華以“斬男色”的粉唇形象出鏡，頗為嫵媚的造型驚呆眾人。</description><link>http://news.mtime.com/2017/07/13/1571324.html</link><pubDate>Thu, 13 Jul 2017 09:36:08 GMT</pubDate></item></channel> </rss>

總結

以上是生活随笔為你收集整理的QML学习笔记-对QML基本认识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。