Qt安装和QML HelloWord程序
QT Win7開發(fā)環(huán)境安裝配置
Qt是一個(gè)跨平臺應(yīng)用程序和用戶界面框架,使用C?+?+或者QML,類似CSS和JavaScript開發(fā)語言。?它提供給應(yīng)用程序開發(fā)者建立藝術(shù)級的圖形用戶界面所需的所用功能。Qt是完全面向?qū)ο蟮?#xff0c;很容易擴(kuò)展,并且允許真正地組件編程。
下載所需開發(fā)軟件工具:
官方網(wǎng)站:http://qt-project.org/downloads/,選擇對應(yīng)版本如下圖所示:
下載地址:
http://download.qt-project.org/official_releases/qt/5.2/5.2.1/qt-opensource-windows-x86-mingw48_opengl-5.2.1.exe
?
下載完成后雙擊文件:?qt-opensource-windows-x86-mingw48_opengl-5.2.1.exe,一步一步完成安裝:
第一步:
選擇設(shè)置安裝組件,建議全選。第二步:
第三步:
第四步:
安裝完成!第五步:
打開QT Creator配置qmake和gcc編譯器,
QML HelloWord程序
這第一個(gè)程序是一個(gè)非常簡單的“Hello World”例子,介紹一些基本的QML概念。下面的圖片是這個(gè)程序的截圖。這里是QML代碼的應(yīng)用程序:
import QtQuick 2.0Rectangle {id: pagewidth: 320; height: 480color: "lightgray"Text {id: helloTexttext: "Hello world!"y: 30anchors.horizontalCenter: page.horizontalCenterfont.pointSize: 24; font.bold: true} }
逐步解說
Import
首先,需要導(dǎo)入在這個(gè)例子中使用的類型。大多數(shù)QML文件將導(dǎo)入內(nèi)置的QML類型(如矩形,圖像,...)來給Qt使用:
import QtQuick 2.0Rectangle類型:
Rectangle {id: pagewidth: 320; height: 480color: "lightgray" }
我們聲明類型矩形的根對象。這是基本的構(gòu)建模塊之一,你可以用它來在QML創(chuàng)建一個(gè)應(yīng)用程序。我們給它一個(gè)id為以后能夠引用它。在這種情況下,我們把它稱為“頁面”。還設(shè)置了寬度,高度和顏色屬性。矩形類型包含許多其他屬性(如x和y),但這些都是使用它們的默認(rèn)值。
Text 類型:
Text {id: helloTexttext: "Hello world!"y: 30anchors.horizontalCenter: page.horizontalCenterfont.pointSize: 24; font.bold: true}我們添加了一個(gè)文本類型的顯示文本的根矩形子類型的?'Hello world!'.
y屬性用于在從其父的前垂直30個(gè)像素位置的文本。
anchors.horizontalCenter屬性是指一個(gè)類型的水平中心。在這種情況下,我們指定了文本類型應(yīng)該水平居中的頁面元素
font.pointSize和font.bold性質(zhì)與字體,并使用點(diǎn)符號。
查看示例
要查看所創(chuàng)建文件名作為第一個(gè)參數(shù)運(yùn)行qmlscene工具(位于bin目錄中)。例如,若要從安裝位置,請鍵入運(yùn)行提供完成helloword例如:
qmlscene tutorials/helloworld/helloword.qmlfrom: http://www.yiibai.com/qt/qt_install.html#
總結(jié)
以上是生活随笔為你收集整理的Qt安装和QML HelloWord程序的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Scala基础教程(九):提取器、文件I
- 下一篇: Shell 编程快速入门