2.1.1 QML语法基础一
原创
import QtQuick 2.9
Rectangle{
id:root
width:400
height:400
color:"blue"
Image{
source:"img/hi.png"
anchor.centerIn:parent
}
}1.导入语句
import QtQuick 2.9 ：导入了QtQuick模块，包含各种QML类型，如果不使用import语句，Rectangle和Image类型都无法使用
2.对象和属性
在上面代码中，我们创建了Rectangle根对象和Image子对象。QML对象由大写字母开头，后面有一对花括号，括号里面包含对象的id、属性值或者子对象。
一个对象一般都会在最开始指定一个id，这个id是在此qml中必须是唯一的。我们可以通过id值在其他对象中识别并引用该对象，但id值的特性并不是一个属性。
除了id设置，在Rectangle中还设置了width、height和color等属性，属性通过“属性:值”语法进行初始化，属性和它的值使用冒号隔开。
属性可以分行写时，结尾可不加分号；属性值写在一行，必须用分号分开。
3.布局
anchor.centerIn属于锚布局
4.表达式
Item{
id：root
width:text1.width+30
Text{
id:text1
width:30
}
}在表达式中包含其他对象或属性的引用，当表达式的值改变是，以该表达式为值的属性会自动更新为新的值。
5.打印输出
console.log()和console.debug()来输出调试信息，类似qt C++中的qDebug()
6.import导入语句
import QtQuick 2.9 as CoreItems
import "../textwidgets" as Mymodule
CoreItems.Rectangle{
width:100;height:100
MyMudule.Text{ text:"Hello Qt!"}
CoreItems.Text{text:"Hello from Qt Quick"}
}（1）如果QtQuick和自定义的Mymodule中都有Text类型，在同一个Qml中使用这两个模块，则需要加上as后面的限定符
（2）加上限定符之后，使用任何对象前面都要加限定符
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。