2024年5月22日发(作者：马帅红)

月10日，惠普推出了它的首款平板TouchPad，同时还发布了Pre 3和Veer两

款手机。这些设备搭载的都是webOS系统。惠普表示将把webOS操作系统应用到

包括打印机和PC在内的所有设备中去。这样你的整个电子设备就能实现互联，

你的手机收到的短信，可以在平板电脑上显示，还可以使用你的平板电脑打电话。

目前市场上搭载该系统的手机是Palm Pre 2，下面就以该机为例为大家介绍一

下这个系统。

1 技术基础

HP的webOS平台是建立在WebKit（一种开源的浏览器引擎）基础上的，所以

任何使用HTML，CSS和Javascript来设计网站的人都有能力创建一个webOS

应用程序。从这个角度来讲，开发的门槛是大大的降低了，如今在webOS系统

上大约有5000个应用。

2主要UI交互元素介绍

卡片

这是该系统一个非常基础的概念，当你打开一个webOS应用程序，你就打开了

一个卡片，基于屏幕的操作都是在卡片上完成的。

基于卡片我们主要可以完成两种行为：

1退出一个应用程序（按下卡片然后将它向上拖出屏幕）。个人觉得这个拟物化

的设计是超赞的，它非常符合人们日常生活中对一个事物的使用习惯。

2为卡片重新排序（按下卡片并且将它拖动到新的位置）。

手势

该系统独特的手势操作有让人眼前一亮的感觉，毕竟，这与在屏幕上单独寻找一

个按钮相比，要爽的多。

介绍两种常用的手势：

1后退手势（使用手指在手势区从右向左滑动）。

2进入卡片浏览模式（从手势区向上滑动至屏幕）。

3屏幕尺寸

以下是Palm Pre 2 手机320×480的屏幕中各个元素所占的大小：

2024年5月22日发(作者：马帅红)

月10日，惠普推出了它的首款平板TouchPad，同时还发布了Pre 3和Veer两

款手机。这些设备搭载的都是webOS系统。惠普表示将把webOS操作系统应用到

包括打印机和PC在内的所有设备中去。这样你的整个电子设备就能实现互联，

你的手机收到的短信，可以在平板电脑上显示，还可以使用你的平板电脑打电话。

目前市场上搭载该系统的手机是Palm Pre 2，下面就以该机为例为大家介绍一

下这个系统。

1 技术基础

HP的webOS平台是建立在WebKit（一种开源的浏览器引擎）基础上的，所以

任何使用HTML，CSS和Javascript来设计网站的人都有能力创建一个webOS

应用程序。从这个角度来讲，开发的门槛是大大的降低了，如今在webOS系统

上大约有5000个应用。

2主要UI交互元素介绍

卡片

这是该系统一个非常基础的概念，当你打开一个webOS应用程序，你就打开了

一个卡片，基于屏幕的操作都是在卡片上完成的。

基于卡片我们主要可以完成两种行为：

1退出一个应用程序（按下卡片然后将它向上拖出屏幕）。个人觉得这个拟物化

的设计是超赞的，它非常符合人们日常生活中对一个事物的使用习惯。

2为卡片重新排序（按下卡片并且将它拖动到新的位置）。

手势

该系统独特的手势操作有让人眼前一亮的感觉，毕竟，这与在屏幕上单独寻找一

个按钮相比，要爽的多。

介绍两种常用的手势：

1后退手势（使用手指在手势区从右向左滑动）。

2进入卡片浏览模式（从手势区向上滑动至屏幕）。

3屏幕尺寸

以下是Palm Pre 2 手机320×480的屏幕中各个元素所占的大小：