webOS用戶界面基本概念一覽
惠普webOS是專(zhuān)門(mén)為移動(dòng)設(shè)備設(shè)計(jì)的，因此用戶界面的操作是以觸控驅(qū)動(dòng)的。用戶交互每次只作用于一個(gè)應(yīng)用程序，不過(guò)webOS提供了一個(gè)強(qiáng)大的通知系統(tǒng)，能使應(yīng)用程序可以巧妙地通知用戶，或是直接搶占用戶當(dāng)前的應(yīng)用程序。
webOS的用戶界面主要分為導(dǎo)航、啟動(dòng)器、卡片視圖、通知和托盤(pán)四個(gè)主要組成：
導(dǎo)航
webOS的導(dǎo)航操作上基于一些簡(jiǎn)單的手勢(shì)操作，你首先需要知道這些：
“輕擊”（直接作用于一個(gè)對(duì)象）：通常在一個(gè)視圖中會(huì)包括一堆對(duì)象或是一個(gè)列表項(xiàng)，“輕擊”操作可以顯示這個(gè)項(xiàng)目中的信息。這可以視為是一個(gè)打開(kāi)操作。另外，“輕擊”操作也可以改變一個(gè)對(duì)象的狀態(tài)，比如在設(shè)置一個(gè)復(fù)選框時(shí)，或是選中一個(gè)對(duì)象。
“后退”（打開(kāi)的逆向操作）：這個(gè)操作看上去像是輕擊的逆向操作，比如一個(gè)列表項(xiàng)收縮為概要形式。通常“后退”是視圖轉(zhuǎn)換的逆向操作，比如從一個(gè)主視圖切換到子視圖。
“滾動(dòng)”（快速輕拖）：用來(lái)在列表間或是視圖間滾動(dòng)。
除了以上這些操作，你還可以進(jìn)行pan、縮放、拖放、切換應(yīng)用程序、切換視圖、搜索、過(guò)濾列表以及啟動(dòng)應(yīng)用程序。不過(guò)使用一個(gè)webOS設(shè)備，只需要最開(kāi)始提到的三個(gè)手勢(shì)。
啟動(dòng)器
當(dāng)你啟動(dòng)一個(gè)webOS設(shè)備時(shí)，屏幕會(huì)顯示預(yù)選的墻紙圖片，上方顯示狀態(tài)欄，下方懸停著快速啟動(dòng)欄。用這個(gè)快速啟動(dòng)欄可以快速啟動(dòng)你喜歡的應(yīng)用，或是打開(kāi)啟動(dòng)器以訪問(wèn)設(shè)備上的所有應(yīng)用程序。在開(kāi)機(jī)后的這個(gè)視圖中，你只要直接輸入字符就可以發(fā)起一次搜索，可以搜索通信錄、搜索安裝了的程序或是在互聯(lián)網(wǎng)中進(jìn)行搜索。下圖中包含了快速啟動(dòng)欄和啟動(dòng)器。
圖：快速啟動(dòng)欄和啟動(dòng)器
新打開(kāi)的程序會(huì)代替當(dāng)前的界面而成為前臺(tái)應(yīng)用，這個(gè)應(yīng)用的視圖會(huì)代替墻紙圖片，快速啟動(dòng)欄也會(huì)被隱藏。除了全屏模式（比如視頻播放器或其他程序）外，上方的狀態(tài)欄會(huì)一直顯示。所有的視圖切換都非常流暢、平滑。
卡片視圖
圖：Email程序的主視圖
上圖是一個(gè)Email程序的主視圖，當(dāng)前處于文件夾視圖。程序中包含了Email應(yīng)用中的基本UI元素，選擇收件箱的話會(huì)打開(kāi)一個(gè)新的卡片，其中包含所選文件夾內(nèi)的各信息的詳細(xì)視圖。上圖中，底部有一個(gè)浮動(dòng)的圖標(biāo)，這就是菜單項(xiàng)。輕擊該圖標(biāo)，會(huì)顯示一個(gè)子菜單或是一個(gè)對(duì)話框。
大多數(shù)情況下，我們每次都只做一件事情，但有些程序需要并行處理很多事情，比如當(dāng)正在寫(xiě)一封新郵件時(shí)，你可能會(huì)想退回收件箱來(lái)查看另一封郵件里的信息，或是讀一封剛收到的郵件。
在webOS設(shè)備中，郵件草稿有它單獨(dú)的卡片。也就是說(shuō)，你可以同時(shí)寫(xiě)很多郵件草稿，每一個(gè)都有自己?jiǎn)为?dú)的卡片，并且它們總會(huì)被保存。下圖就是一個(gè)Email應(yīng)用卡片和一封新Email的視圖：
圖：Email應(yīng)用卡片和新Email的視圖
通知和托盤(pán)
當(dāng)你切換到一個(gè)新程序的時(shí)候，當(dāng)前的前臺(tái)應(yīng)用不會(huì)被關(guān)掉，而會(huì)作為后臺(tái)程序繼續(xù)運(yùn)行。后臺(tái)程序可以獲得事件、讀寫(xiě)數(shù)據(jù)、訪問(wèn)服務(wù)、重畫(huà)自身，且運(yùn)行優(yōu)先級(jí)不會(huì)比前臺(tái)程序低。為了能使后臺(tái)程序與用戶通信，Palm提供了一個(gè)通知系統(tǒng)，該通知有兩種類(lèi)型：
彈出框：具有固定高度、至少包含一個(gè)可以隱藏該消息的按鈕。
橫幅：一個(gè)圖標(biāo)和一串無(wú)樣式的文字字符。
彈出式通知是具有破壞性的，適合來(lái)電、日歷提醒、導(dǎo)航通知和其他對(duì)時(shí)間敏感或緊急的通知。這會(huì)強(qiáng)制用戶來(lái)處理彈出框，或主動(dòng)清除它，不過(guò)并不需要用戶立即處理它。
下圖展示了橫幅型通知：
圖：橫幅型通知
橫幅通知會(huì)在底部的通知欄中緩慢顯示，在顯示之后，橫幅通知還可以留下一個(gè)圖標(biāo)以提醒用戶。下圖就是一個(gè)橫幅通知留下提示圖標(biāo)的例子：
圖：橫幅通知留下提示圖標(biāo)的例子
上圖指示了音樂(lè)播放器處于活動(dòng)狀態(tài)，且有一個(gè)即將到時(shí)的日歷事件和一些新信息。
用戶可以隨時(shí)輕擊通知欄來(lái)打開(kāi)最小化面板。凡是沒(méi)有清除的通知，都可以在最小化面板中顯示他們當(dāng)前的狀態(tài)。
最小化面板不僅是所有通知的集合，它還是一個(gè)能使應(yīng)用程序顯示相關(guān)信息和狀態(tài)的動(dòng)態(tài)視圖。比如：日歷應(yīng)用總是顯示日歷中的下次事件，即便之前已經(jīng)通知過(guò)了。下圖中，音樂(lè)應(yīng)用顯示了當(dāng)前歌曲以及播放控制，使用戶可以暫停音樂(lè)或是另選一首。
圖：音樂(lè)應(yīng)用顯示了當(dāng)前歌曲以及播放控制
通知欄和最小化面板管理了那些中斷事件，使得不必打斷你當(dāng)前的活動(dòng)，同時(shí)讓你及時(shí)獲取其他變更信息。這有助于以事件驅(qū)動(dòng)的方式來(lái)查看和管理你的世界，同時(shí)卡片視圖為你提供了以任務(wù)為導(dǎo)向的導(dǎo)航工具。這些組合都讓你在需要的時(shí)刻快速跟蹤和訪問(wèn)你需要的事情。
還有一種程序被稱(chēng)為“無(wú)頭”應(yīng)用（headless，我實(shí)在不知道怎么翻譯才好，這名字太恐怖了），這些應(yīng)用程序完全是在最小化面板中工作的，這些應(yīng)用的全部工作目的就是監(jiān)視和展示信息。比如一個(gè)天氣應(yīng)用程序，只要在最小化面板中顯示指定地理位置的天氣信息就好了，根本不需要一個(gè)卡片視圖。
最小化面板的任務(wù)就是監(jiān)視你的世界，以查看到底變更了什么，發(fā)生了什么，而這些事情通常又會(huì)引發(fā)另一些新的事情。
以上內(nèi)容翻譯自palm開(kāi)發(fā)者網(wǎng)站中開(kāi)發(fā)指南的部分章節(jié)，只摘取了重點(diǎn)部分，并沒(méi)有全篇翻譯，原文在這里，實(shí)際上這是一本叫做 Palm webOS: Developing Applications in JavaScript using the Palm Mojo Framework 的開(kāi)發(fā)書(shū)籍內(nèi)容中的一部分。該書(shū)在verycd上有下載。
【編輯推薦】
