页?
在这一阶段,我们将会介绍如何在一个单独的QML文件中创建元素并指定动作。在这一节,我们将会介绍如何导入QML元素以及如何使用已经存在的组件构建新的组件。
菜单显示了一个列表内容,每一个元素都用执行一个特殊动作的功能。在QML中,我们可以使用几种方式创建菜单。首先我们会创建一个包含按钮的菜单,每一个按钮执行不同的动作。菜单的代码在文件FileMenu.qml中。
上面的语法展示了如何导入关键字。这里需要使用java script文件,或者使用不在同一目录下的QML文件。因为Button.qml文件和FileMenu.qml文件在同一个目录下,因此我们无需导入Button.qml文件就可以使用它。我们可以直接通过声明Button()创建按钮,类似Rectangle的声明。
在FileMenu.qml文件中声明了三个Button元素。它们都声明在一个Row元素内。该元素将其子元素水平放置。Button是在Button.qml文件中声明的,这种用法和上一节的用法一致。在新创建的button中,我们可以将其属性绑定为新值,覆盖它们在Button.qml中绑定的默认值。exitButton按钮在被按下的时候整个应用程序就会退出。值得注意的是:在Button.qml中定义的信号onButtonClick将会在FileMenu.qml中被调用,除了exitButton的onButtonClick事件处理者。
Row是在一个Rectangle中声明的,创建了一个用于防止按钮的矩形容器。这个矩形创建了一个间接的方式用于组织在一个菜单中的按钮行。编辑菜单的声明和之前菜单声明十分类似。菜单中的按钮的标签为:Copy,Paste和SelectAll。
|