2011-10-20 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的設(shè)計機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
理解iPhone和iPad觸摸式交互
iPhone和iPad都使用支持多點觸摸的電容式觸摸屏。用戶借助手指的輕擊來訪問設(shè)備。這種方式與鼠標(biāo)截然不同。
或許應(yīng)該重點說明：手指并不是鼠標(biāo)。一般來說，手指比傳統(tǒng)定點設(shè)備更大，性也更低。這排除了對選擇要求較高的某些傳統(tǒng)類型的UI。舉例來說，iPhone和iPad上沒有滾動欄。用"粗大的手指"選擇滾動欄要么非常困難，要么需要一個占用大量iPhone珍貴屏幕可用空間的大滾動欄。針對此問題，蘋果公司的解決方法是讓用戶在任何位置輕擊，然后通過向特定方向"輕滑"來完成滾動操作。
觸摸屏的另一個有趣的元素就是：手指不止一個。還記得iPhone和iPad的觸摸屏是多點觸摸的吧。這允許用戶使用多個手指的"手勢"來操作設(shè)備。"掐捏式"縮放就是一個例子。用兩個手指觸擊頁面，然后分開它們來放大頁面，或收攏它們來縮小頁面。
最后一點，手指不是持續(xù)的。鼠標(biāo)光標(biāo)始終位于屏幕上，但手指并非如此，它可以隨意輕擊多個位置，而其間不用進(jìn)行移動。你將看到，對于依賴鼠標(biāo)光標(biāo)在屏幕上移動的一些傳統(tǒng)Web技巧，這可能會引發(fā)一些問題。它還提供了一些在SDK程序中經(jīng)常可見的限制。舉例來說，它沒有剪切和粘貼的標(biāo)準(zhǔn)，而這是過去生產(chǎn)的計算機(jī)所具備的非常普及的特性。
除了對現(xiàn)有界面的一些更改，輸入界面還引入了許多新的觸摸（單手指輸入）和手勢（兩手指輸入），如表1-4所示。
表1-4 iPhone和iPad的觸摸和手勢允許開發(fā)者以新的方式接受用戶輸入
輸入
|
類型
|
概述
|
氣泡（
Bubble
）
|
觸摸
|
觸摸并按住不動。在可單
擊元素上彈出信息氣泡
|
輕滑（
Flick
）
|
觸摸
|
觸摸并滑動。滾動頁面
|
輕滑，兩個手指
|
手勢
|
使用兩個手指觸摸并滑動。
滾動可滾動元素
|
掐捏
|
手勢
|
移動兩個手指?？s小或放大
|
輕擊
|
觸摸
|
單擊。選擇
|
輕擊，兩次
|
觸摸
|
雙擊。放大列
|
使用SDK進(jìn)行設(shè)計時，不用擔(dān)心手指鼠標(biāo)操作的許多細(xì)微差異。一些標(biāo)準(zhǔn)控件針對手指使用進(jìn)行了優(yōu)化，并且你只能訪問iPhone或iPad實際支持的事件。第6章闡述了如何使用SDK中的觸摸、事件和動作。雖然許多事情都不用你擔(dān)心，但作為SDK開發(fā)者，你仍然需要變換方式來考慮輸入，以更好地支持新設(shè)備。
藍(lán)藍(lán)設(shè)計的小編 http://tweetduck.com