在设计手机移动应用的时候,需要尽量利用手机有限的屏幕,为了不让按钮占用太多空间,我们可以使用菜单项替代按钮,将用户需要执行的操作集中到菜单上。
BB10 Cascades QML中可以为页面(page)添加“ActionItem”组件,“ActionItem”组件将出现在屏幕下方的操作条中,或者出现在菜单栏里,具体是出现在哪里由开发人员通过ActioniItem的ActionBar.placement属性来指定。
为了给页面添加ActionItem,需要在页面中添加actions属性,格式如下:
// Default empty project template
import bb.cascades 1.0
// creates one page with a label
Page {
Container {
//这里添加我们页面中需要的组件
}
//这里开始action的定义
actions: [
ActionItem { //第一个item
title: "Action 1" //item 的文字
ActionBar.placement: ActionBarPlacement.OnBar //item的摆放位置,缺省放在菜单了,加了这行就放屏幕下方的操作条里
onTriggered: { //点击触发的事件
myLabel.text = "Action 1 selected!"
}
},
ActionItem { //第二个item....
title: "Action 2"
onTriggered: {
myLabel.text = "Action 2 selected!"
}
}
]
}
以上添加的菜单项(ActionItem)执行的操作是改变myLabel组件的文字,这里还是使用之前的"Hello World"样例为基础,所以myLabel指向“Hello World”标签。
所以以下语句将“Hello World”标签修改成“Action 1 selected!”:
myLabel.text="Action 1 selected!"
为页面添加菜单项后可以在QML预览界面看到菜单项的效果,虽然不能点击测试,不过可以预先查看菜单项的静态效果,见下图:
下面是应用进行测试时在模拟器上显示的效果,用户点击“Action1”可以将“Hello World”标签的文字修改为“Action 1 selected!”:
下面是用户点击操作条右方“更多..”按钮菜单的效果:
分享到:
相关推荐
BB10终端本机 BB10 Cascades 终端仿真器。
知乎日报 BB10(已停止维护此版本,继续更新 Cascades 版本。)暂时测试的机器是 passport, 其他bb10机器没有测试完成功能首页, 置顶新闻(轮播图部分), 每日新闻栏目以及查看栏目内容主题以及查看主题内容查看评论...
黑莓10平台开发教程,Cascades教程,适合于初学者,可以了解整个BB10的开发流程。
为 BlackBerry 10 平台构建cordova 项目。 安装 npm install --save-dev gulp-cordova-build-bb10 用法 确保将的位置添加到您的路径中。 var path = require ( 'path' ) , gulp = require ( 'gulp' ) , create ...
bb10world for 黑莓 很好用,是zip文件,解压即可
节点-bb10 轻松向 BlackBerry 10 应用程序发送推送通知。 安装 $ npm install node-bb10 要求 BlackBerry 10 设备和您在时从 BlackBerry 获得的相应密钥。 用法 var bb10 = require ( 'node-bb10' ) ; // create a...
科尔多瓦-ua-bb10 BlackBerry 10 推送插件。 注意:Urban Airship 在开发模式下推送消息有问题。 消息没有被传递。 他们知道这个问题,这将在今年晚些时候修复。 如果您想在开发模式下测试您的推送消息,您可以...
廉价亲民黑鸟单车BB10 GPS码表评测.pdf
黑莓手机中一些应用的简化
phonegap-ua-bb10(已弃用) 已弃用此插件已弃用,以支持 用于在令人敬畏的 BlackBerry 10 平台上使用 Urban Airship 的 PhoneGap 插件。 配置文件 您应该将以下首选项和调用目标添加到 config.xml 文件中。 &...
BB10安装BAR软件详细教程.黑莓Q10 Z10 详细软件安装转制教程
◆ 生活指数:一键更新每日生活指数,包括衣食住行等 10 项指数。 ◆ 人体节律:人体每天的体力、情绪和智力情况分析。 ◆ 校对时间:同步国家授时中心并设置手机时间。 ◆ 电量记录和分析:记录电量损耗情况,计算...
BB10基于webworks下的HTML5应用开发
将著名的改编为 BB10 平台,该平台使用替代的 Cascades UI 框架。 可以浏览预构建的 HTML 文档。 它位于 prebuilt-docs-html/ 目录中。
无标签播放器 BB10 音频播放不使用 MP3 标签,而是使用目录树
BlackBerry手机,Sony定制微信流畅版,之前可以用,不知道以后还可不可以用
BB10-WebWorks-SDK_2.2 最新的SDK下载
Phonegap基于bb10的环境搭建和app的创建
测试 BB10 的 Pouch DB 示例应用程序 这个应用程序的目的是演示在 BB10 设备上运行 ... 如果您希望遵循我用于创建应用程序的确切设置,您可以通过 Couchbase 控制台创建一个名为 sync_gateway 的数据桶。 配置同步网
黑莓OS10系统可用的安卓软件