Palm Mojo SDK初试四翻译—用户界面概述

更多关于Palm webOS 开发笔记,关注http://i.wezine.cn/index.php/webos-dev

原文

总览

此页面主要概述用户界面(UI)的动作,场景最佳实现指导以及构造场景单元。

用户期望

用户通过内建的程序学习操作设备,如果新程序很相似并且是标准的界面控制,那用户上手就很快。

另外,为了更傻瓜直白的上手,用户希望程序有介绍文档,通俗易懂并且很快上手。你可以通过使用标准界面控制和默认风格设置达到目的。同样也有可用的工具来自定义程序界面。

界面交互

用户通过触摸屏与palm webOS平台交互。(手写笔不生效)下表列出支持的界面交互元素。轻触动作就是轻压某个元素。多点触碰动作就是轻压并拖拽某个元素。

界面元素 动作
页卡
  • 退出程序—按住并将程序卡向上滑动.
  • 切换/重排程序卡—选择并拖到对应位置.
手势区
键盘
  • 开始输入.
键盘快捷键
  • 拷贝—按住手势区 + C键.
  • 剪切—按住手势区 + X 键.
  • 粘贴—按住手势区 + V 键.
列表
  • 删除列表—按住并向左或向右拖拽
  • 编辑标题—按住标题.
  • 项目重排—选中上下拖拽.
文本区
  • 插入光标位置—单击文本区.
  • 移动光标—按住 Option键 + 轻触屏幕.
  • 选择文本—按住SHIFT + 轻触屏幕.
触摸屏
  • 移动项目—按住拖拽.
  • 滚动—拖拽或者手指向上,向下,向左,向右滑.
  • 触发动作或者打开项目—单击.
  • 放大—双击.
  • 放大或缩小—双指回捏(撮 )或者双指外滑.

场景基本向导

本节讨论一下几个方面:

  • 屏幕精度
  • 屏幕模式
  • 屏幕调节
  • 程序菜单
  • 按钮和菜单命令
  • 计划中断
  • 错误提示
  • 启动新卡项
  • 保存数据
  • 系统资源使用

屏幕精度
爱爱爱给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 ExtensionsFilePicker, 和Video.

屏幕调节
待续

你可能感兴趣的:(设计模式,PHP,UI,Palm,webos)