更多关于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.
屏幕调节
待续
本文档概述了Palm webOS用户界面的设计原则及交互方式,包括支持的触摸屏手势、界面元素的操作方法以及场景构建的最佳实践。还介绍了如何通过使用标准界面控制和默认风格设置来帮助用户更快上手。
1876

被折叠的 条评论
为什么被折叠?



