更多关于Palm webOS 开发笔记,关注http://i.wezine.cn/index.php/webos-dev
总览
此页面主要概述用户界面(UI)的动作,场景最佳实现指导以及构造场景单元。
用户期望
用户通过内建的程序学习操作设备,如果新程序很相似并且是标准的界面控制,那用户上手就很快。
另外,为了更傻瓜直白的上手,用户希望程序有介绍文档,通俗易懂并且很快上手。你可以通过使用标准界面控制和默认风格设置达到目的。同样也有可用的工具来自定义程序界面。
界面交互
用户通过触摸屏与palm webOS平台交互。(手写笔不生效)下表列出支持的界面交互元素。轻触动作就是轻压某个元素。多点触碰动作就是轻压并拖拽某个元素。
界面元素 | 动作 |
---|---|
页卡 |
|
手势区 | |
键盘 |
|
键盘快捷键 |
|
列表 |
|
文本区 |
|
触摸屏 |
|
场景基本向导
本节讨论一下几个方面:
- 屏幕精度
- 屏幕模式
- 屏幕调节
- 程序菜单
- 按钮和菜单命令
- 计划中断
- 错误提示
- 启动新卡项
- 保存数据
- 系统资源使用
屏幕精度
爱爱爱给palm pre设计程序时,可以参考下表显示屏幕精度。如果如果想要程序正常的切换屏幕,就得在转动屏幕后定义场景元素能正常显示的尺寸。更多信息参考Accelerometer 和 Canvas Tag Support.
项目 | 精度 | 备注 |
---|---|---|
程序图标 | 64 x 64 像素 (W x H) | |
浏览器地址栏 | 50 像素 (H) | |
命令菜单栏 | 50 像素 (H) | 浮于场景内容上方. |
屏幕, 图片 | Max. 320 x 480 像素 (W x H) (HVGA) | 满屏显示. |
屏幕, 水平视图 | Max. 480 x 320 像素 (W x H) | 不是所有程序都翻转到水平模式. |
页眉栏, 固定 | 50 像素 (H) | 固定与场景内容上方. |
页眉栏, 滚动 | 可变 | 我们建议 50 像素 (H). |
提示栏 (a) | 28 像素 (H) | 总是可见. |
提示气泡 | Max. 240 像素s (H), 最小化 28 像素(H) | 遮挡场景内容. 越小越好, 绝不要超过半屏高. |
电话栏 | 28 像素 (H) | |
状态栏 (a) | 28 像素 (H) | 总是可见. |
视图菜单 | 50 像素s (H) | 浮与场景内容之上. |
a. 在全屏模式下,项目隐藏
屏幕模式
- 默认——无裁剪,显示全图
- 全屏——显示文件部分区域,但允许程序填充全屏。全屏模式隐藏状态栏以及提示栏。此模式仍不禁止提示气泡出现。
更多信息,查看 Media Extensions, FilePicker, 和Video.
屏幕调节
待续