Qt quick核心编程学习(一)

第三章

QML支持ECMAScript表达式

    BUtton{        text:"Quit";        style:ButtonStyle{            background:Rectangle{                implicitWidth:70;                implicitHeight:25;                border.width:control.activeFocus?2:1;            }        }    }//定制了一个按钮风格，指定一个Rectangle对象作为按钮背景。在按钮有焦点时候边框宽度为2，没有焦点的时候宽度为1.control.activeFocus则是引用了其他对象和属性。当使用这个，待赋值的属性就和你所引用的对象那个属性建立了管理，当被引用的属性发生变化，表达式的值就会重新计算，而待赋值的属性也会变化。

如何引用对象

通过对象的id值。
id属性：值必须是小写字母或下划线，并且不能包含字母、数字、下划线以外的字符。

列表属性

QML对象中列表属类似于下面这样
Item{
children:[
Image{},
Text{}
]
}
列表是包含在方括号中，以逗号分隔的多个元素的集合
。其实列表和ECMAScript的数组是类似的，器访问方式也一样。

可以用[value1,value2,…valueN]这种形式给list对象赋值。

length属性提供了列表内元素的个数

列表内的元素通过数组下标来访问

信号处理器

信号处理器其实等价于Qt中的槽。
名字一般是on<Signal>

    Rectangle{        width:320;        height:480;    Button{        id:quit;        text:"退出";        anchors.left:parent.left;        onClicked:{            Qt.quit();        }    }}//当信号是clicked(),信号处理器就是onClicked。

分组属性

Text{    font.pixelSize:18;    font.bold:true;}//更贴切的分组写法如下Text{    font {        pixelSize:12;        bold:true;    }}//即font属性的类型本身也是一个对象，这个对象又有pixelSize、bold、italic、underline属性。

附加属性

附加到一个对象的额外属性

Item{        width:320;        height:480;        focus:true;        Keys.enabled:false;        //Keys就是Qt Quick提供的供Item处理按键事件的附加属性。}