BB10 Cascades: 按钮组件的使用
来源:互联网 发布:足球经理手游 知乎 编辑:程序博客网 时间:2024/05/17 03:41
在BB10 Cascades的QML中提供了按钮组件,也就是Button组件,通过它可以为用户提供一个操作按钮。
对于简单的界面操作,可以在QML中直接为按钮编写javascript代码,通过javascript执行一些操作,如果涉及到复杂的后台操作,可以在按钮事件中通过javascript调用C++/QT对象的方法。
本文先讨论如何通过简单的javascript代码为按钮添加动作。
按钮组件的使用比较简单,我们还是使用之前博文使用的“HelloWorld”样例来演示。
首先通过QML编辑器打开mail.qml页面,然后从左下角拖拽按钮控件到QML编辑器中,在希望插入按钮的地方释放鼠标,我是将按钮插入到“hello world”标签之前,所以我将按钮组件拖拽到"helllo world"那个“label”组件的上方。
拖拽完成后Cascades IDE会自动生成按钮的QML代码,选中生成的QML代码,就可以在QML Properties页面中修改按钮属性了。在Text一栏中可以输入按钮的文字,我输入的是“Chang Value”。点击On click旁边的闪电形按钮可以生成该按钮的onClicked方法,我希望点击按钮可以修改“hello world”标签的文字,所以我在onClicked事件中输入了代码:
myLabel.text = qsTr("New String");
注意这里使用了组件名myLabel,但是目前没有为“hello world”标签指定名称,所以这时运行测试程序会报找不到“myLabel”。
我们需要为“helllo world”标签指定一个名称,方法是选中对应的Label组件,在QML Properties页面中将ID设置成指定的名称,本例将“Hello World”标签的id设置成myLabel。
有关按钮的创建请参考下图:
另外,通过javascript除了可以修改标签组件的文字以外,还可以修改组件的其它属性,比如通过“布局属性”的修改可以改变一个组件的位置。我在以上的养例中添加了第二个按钮,按钮文字为“Change Position”, onClicked代码为:
myLabel.horizontalAlignment = HorizontalAlignment.Left;
这样点击“Change Position”按钮时“hello world”标签就会变成左对齐。
大家可以测试运行一下,同时可以在测试一下按钮的其它QML属性。
下面是完整的mail.qml代码,供参考:
// creates one page with a labelPage { Container { layout: StackLayout { } Button { horizontalAlignment: HorizontalAlignment.Center onClicked: { myLabel.text = qsTr("New String"); } text: "ChangValue" } Button { text: "Change Position" onClicked: { myLabel.horizontalAlignment = HorizontalAlignment.Left; } horizontalAlignment: HorizontalAlignment.Center } Label { id: myLabel text: qsTr("Hello World") textStyle.base: SystemDefaults.TextStyles.BigText verticalAlignment: VerticalAlignment.Center horizontalAlignment: HorizontalAlignment.Center } }}
- BB10 Cascades: 按钮组件的使用
- BB10 Cascades: ToggleButton的使用
- BB10 Cascades: ActivityIndicator的使用
- BB10 Cascades: CheckBox的使用
- BB10 Cascades:如何使用照相机组件
- BB10 Cascades: QML中Label的使用。
- BB10 Cascades: QML中Sheet页面的使用
- BB10 Cascades:如何查看Cascades IDE本身的日志。
- BB10 Cascades: "QML Preview compatibility check failed"问题的解决。
- BB10 Cascades Beta3已经发布!
- BB10 Cascades: 如何解决json文件中中文乱码的问题
- SegmentedControl 控件选中内容的获取(BB10 Cascades Beta3)
- BB10 Cascades: 如何解决应用作者和调试令牌不符的问题。
- BB10 Cascades: 导入部分项目后编译失败问题的处理。
- BB10 Cascades Beta2开发环境搭建
- BB10 Cascades Hello World样例分析
- BB10 Cascades:QML中的布局管理方式
- BB10 Cascades: 为页面添加菜单项
- Hadoop学习总结之五:Hadoop的运行痕迹
- 为iPart表添加“重量”列
- EndNote 插入参考文献
- 黑马程序员--Log4j日志管理系统简单使用说明
- HDU2476(String painter)DP
- BB10 Cascades: 按钮组件的使用
- 64位?32位?32位程序如何在64位linux下运行?
- Xcode 4.2关闭ARC, release
- 类工厂
- linux命令大全
- assert用法总结
- SOCKS5代理
- Supermarket poj 1456
- jsp学习笔记之基础语法