具有基於圖像的瀏覽的媒體播放器的製作方法
2023-07-02 15:57:46 4
專利名稱：具有基於圖像的瀏覽的媒體播放器的製作方法
具有基於圖像的瀏覽的媒體播放器
背景技術：
當前，諸如媒體播放器或音樂播放器這樣的媒體重放設備具有存 儲容量以存儲諸如音樂這樣的媒體的大的集合。對於這樣的大的媒體 集合，為了由用戶選擇特定歌曲來由媒體播放器播放，用戶通常導航
通過(navigate through )長的歌曲列表。作為一個例子，用戶可以與 媒體播放器交互以顯示一個藝術家列表，這些藝術家的歌曲被存儲在 媒體播放器上的媒體集合內。然後，用戶滾動該列表並且選擇將要播 放的適當歌曲。然而，不幸地，隨著媒體播放器的存儲容量增加，存 儲在媒體播放器上的媒體集合中的歌曲數目增加。因此，用戶必須導 航通過以便選擇歌曲的列表可能非常長。
因此，需要用於瀏覽內容的改進方法。
發明內容
在一個實施例中，本發明涉及具有導航通過並選擇與數據相關的 圖像的基於圖像的瀏覽器窗口的可攜式電子設備。選擇一個圖像就導 致在可攜式電子設備處啟動一個動作。動作例如可以對應於播放與圖 像相關聯的媒體項目、或啟動列出與圖像相關聯的媒體項的菜單。可 以採用可攜式電子設備的輸入裝置啟動對圖像的導航通過。在一個例 子中，通過旋轉的用戶輸入提供水平地導航通過圖像。在另一個例子 中，通過線性的用戶輸入提供水平地導航通過圖像。例如，可以通過 各種輸入設備實現用戶輸入。在一個實施例中，輸入設備是對象感測 設備，諸如觸摸感測設備。在一個例子中，輸入設備選自觸摸板、觸 摸屏和觸敏外殼。
在另 一個實施例中，本發明涉及用於瀏覽存儲在具有顯示器和用 戶輸入設備的可攜式電子設備上的圖像的方法。該方法包括呈現顯示一組圖像中多個圖^f象的圖像瀏覽器窗口。圖像可以與媒體項相關聯。 該方法還包括當圖像被選擇時，執行與該圖像相關聯的動作。該方法 還包括根據用戶輸入而在該組圖像之間切換。作為一個例子，用戶輸 入可以是旋轉的或線性的用戶輸入。另外，輸入設備例如可以是觸摸 感測設備。
在另一實施例中，本發明涉及一種可攜式電子設備。可攜式電子 設備包括顯示設備。可攜式電子設備還包括用戶輸入設備。用戶輸入 設備例如可以是觸摸感測設備，諸如觸摸板、觸控螢幕或觸敏外殼。便 攜式電子設備還包括能夠存儲與一個或多個數據項相關聯的多個圖 像以及用於顯示、導航和選擇所述多個圖像的電腦程式代碼的至少 一個存儲器設備。可攜式電子設備附加地包括操作地連接到顯示設 備、用戶輸入設備和該至少一個存儲器設備的處理設備。處理設備能 夠執行用於顯示、導航和選擇多個圖像的電腦程式代碼。根據用戶 輸入設備處的用戶輸入而顯示一組圖像中的多個圖像，並在它們之間 切換。用戶輸入例如可以是線性的用戶輸入或旋轉的用戶輸入。另外， 圖像可被配置為在切換過程中在顯示設備上水平地移動。
在另 一 實施例中，本發明涉及一種操作可攜式電子設備的方法。 該方法包括顯示基於圖像的瀏覽器窗口 。該方法還包括檢測感測表面 上的物體。感測表面例如可以是觸摸感測表面。該方法還包括基於圖 像的瀏覽器根據與移動物體相關聯的導航輸入而在圖像之間切換。物
體例如可以是相對於感測表面打轉(swirling)、揮動(swiping)或 滑動的手指。該方法附加地包括根據第一選擇輸入呈現與所選圖像相 關聯的可選數據項。而且，該方法包括根據第二選擇輸入而啟動與所 選數據項相關聯的動作。
在另 一實施例中，本發明涉及一種具有觸控螢幕顯示器的手持式電 子設備。觸控螢幕顯示器在至少兩個組中呈現多個圖像。以第一格式呈 現第一組。以第二格式呈現第二組。響應於用戶沿觸控螢幕顯示器的表 面滑動其手指，所述多個圖像被順序地從第一組推移(advance)到 第二組。該推移可以基本上與手指在其沿著觸控螢幕顯示器的表面滑動
9時的速度成比例。
在另 一實施例中，本發明涉及一種具有顯示器和觸摸板的手持式 電子設備。顯示器在至少兩個組中呈現多個圖像。以第一格式呈現第 一組。以第二格式呈現第二組。響應於用戶沿著觸摸板的表面滑動其 手指，所述多個圖像被順序地從第一組推移到第二組。該推移可以基 本上與手指在沿著觸摸板的表面滑動時的速度成比例。
在另一實施例中，本發明涉及一種電子設備。該電子設備包括用 於存儲多個媒體項的存儲設備和觸控螢幕顯示器。該電子設備還包括圖 像瀏覽器模塊，其可操作地在觸控螢幕顯示器上呈現與媒體項相關聯的 圖像，並允許用戶瀏覽圖像以定位媒體項中的特定媒體項。該電子設 備還包括可操作地重放該特定媒體項的重放模塊。
在另 一 實施例中，本發明涉及一種包括有形電腦程式代碼的計 算機可讀介質，其中可由計算機執行該電腦程式代碼，以瀏覽存儲 在電子設備上的圖像。該電子設備可以具有顯示器和用戶輸入設備。
該計算機可讀介質可以至少包括用於呈現顯示一組圖像中多個圖像 的圖像瀏覽器窗口的電腦程式代碼；用於根據至少 一個用戶輸入在 該組圖像之間切換的電腦程式代碼；用於跟隨切換而從該組圖像中 選擇圖像之一 的電腦程式代碼;和用於隨後執行與所選圖像相關聯 的動作的電腦程式代碼。
可以參考以下結合附圖進行的描述最好地理解本發明，其中 圖l是根據本發明一個實施例的電子設備的圖； 圖2是根據本發明一個實施例的可攜式電子設備的圖3是根據本發明一個實施例的可攜式電子設備的圖4是根據本發明一個實施例的能夠存儲、編錄(cataloging)、 選擇和輸出數據的可攜式電子設備的簡化方框圖5是根據本發明多個實施例的能夠瀏覽圖像的瀏覽窗口的圖； 圖6是根據本發明多個實施例的能夠瀏覽圖像的瀏覽窗口的10圖7是根據本發明多個實施例的能夠瀏覽圖像的瀏覽窗口的圖8是根據本發明多個實施例的能夠瀏覽圖像的瀏覽窗口的圖9是根據本發明一個實施例的操作瀏覽器窗口的方法；
圖IO是根據本發明一個實施例的菜單分層結構；
圖ll是根據本發明一個實施例的菜單分層結構；
圖12A-12B示出了根據本發明一個實施例的當可攜式電子設備
處於電話或通信模式時的基於圖像的瀏覽器；
圖13示出了根據本發明一個實施例的與應用相關聯的基於圖像
的瀏覽器；
圖14A-14D示出了根據本發明一個實施例的與日程簿或日曆相 關聯的基於圖像的瀏覽器；
圖15示出了根據本發明一個實施例的與照片查看應用相關聯的 基於圖像的瀏覽器；
圖16示出了根據本發明 一 個實施例的與可攜式電子設備的模式 相關聯的基於圖像的瀏覽器；
圖17A-17B示出了根據本發明一個實施例的與輸入數據到便攜 式電子設備中相關聯的基於圖像的瀏覽器；
圖18是根據本發明一個實施例的瀏覽方法；
圖19A-19H示出了根據本發明一個實施例的用於創建用於基於 圖像的瀏覽器的導航輸入的物體動作的若干例子；
圖20是根據本發明一個實施例的瀏覽選擇方法；
圖21A-21F示出了根據本發明一個實施例的用於創建用於基於 圖像的瀏覽器的導航輸入的物體動作的若干例子；
圖22是根據本發明一個實施例的瀏覽器方法；
圖23A-23H示出了根據本發明一個實施例的使用圖22中所述方 法的示例性瀏覽序列；
圖24A-24H示出了根據本發明一個實施例的使用圖22中所述方 法的示例性瀏覽序列；
圖25是根據本發明一個實施例的選擇方法；圖26A-26E示出了在上述實施例中使用的翻動(flipping)序歹'J; 圖27是根據本發明一個實施例的瀏覽方法； 圖28A和28B是根據本發明一個實施例的示出在圖27中所述 方法的圖29是根據本發明一個實施例的瀏覽方法； 圖30A和30B是根據本發明一個實施例的示出在圖29中所述 方法的圖31是根據本發明一個實施例的瀏覽方法；
圖32是根據本發明一個實施例的為列表分配圖像的方法；
圖33是根據本發明一個實施例的用於可攜式電子設備的操作方
法；
圖34是示出了根據本發明一個實施例的在縱向模式的基於菜單 的窗口以及橫向模式的基於圖像的瀏覽器之間切換的設備的圖； 圖35是根據本發明一個實施例的媒體設備的方框圖； 圖36是根據本發明一個實施例的媒體管理系統的方框圖； 圖37是根據本發明一個實施例的在主機設備和可攜式媒體設 備之間傳輸圖像數據的方法；和
圖38是根據本發明 一個實施例的用於可攜式媒體設備的方法。
具體實施例方式
本發明一般地涉及改進在電子設備、諸如可攜式電子設備上播 放、分類、修改、存儲和編錄媒體的方式的方法和系統。本發明的一 個方面涉及允許用戶導航通過圖像和/或選擇圖像的基於圖像的瀏覽。
根據一個實施例， 一種電子設備可以執行或提供基於圖像的瀏覽 器功能，以執行基於圖像的瀏覽。基於圖像的瀏覽器功能提供允許用 戶導航通過圖像和/或選擇圖像的圖形用戶接口，而不是包含在常規菜 單列表中的文本菜單項(例如，垂直菜單)。基於圖像的瀏覽可以提供 以視覺方式表示或可以用視覺方式表示的一組數字項的有效的圖形 瀏覽(例如，滾動)。
12被瀏覽的圖像可以與數據相關或被連結到數據。例如，圖像可以 與媒體文件、地址文件、日程簿文件、文檔文件、應用、模式等相關 聯。在一個實施例中，可以實現圖像瀏覽以模仿翻頁或翻閱羅拉代克
斯(rolodex )或日曆、或者翻閱LP記錄或箱內的CD。
下面參考圖1-38討論本發明的這些和其他實施例。然而，本領 域的技術人員將很容易理解，此處針對這些附圖給出的詳細描述是出 於示例的目的，因為本發明延及這些有限實施例之外。
圖l是根據本發明一個實施例的電子設備2的圖。電子設備2例 如可以是易於運送或轉移的可攜式電子設備。
電子設備例如可以對應於計算機(例如，個人計算機)、移動電 話(例如，蜂窩電話)、個人數字助理(PDA)、媒體播放器(例如，音樂， 視頻，遊戲，圖像)、媒體存儲設備、照相機、遙控器和/或類似設備。 電子設備還可以是將這些設備功能中的兩個或多個組合到單個設備 中的多功能設備。在提交於2005年3月4日的題目為 "MULTI-FUNCTIONAL HAND-HELD DEVICE"的美國臨時專利申 請No.60/658， 777中可以找到多功能設備的例子，通過引用將該專利 申請結合在此。
電子設備還可以是手持式電子設備。術語"手持式"一般意味著電 子設備具有足夠小以至於可以舒適地單手握住的外形因素。手持式電 子設備可以被涉及為單手操作或雙手操作。在單手操作中，在使用過 程中單個手被用來支承該設備並且執行與用戶接口的操作。在雙手操 作中，在使用過程中， 一隻手用於支承該設備，而另一隻手執行與用 戶接口的操作；後者可替換地，在使用過程中，雙手支承該設備並且 執行操作。在某些情況下，手持式電子設備的大小適合於放置到用戶 的口袋中。通過使其為口袋大小，用戶不必直接拿著設備，並且因此 可以幾乎在用戶所到的任何地方都帶著該設備(例如，用戶不受攜帶 大的笨拙的並通常沉重的設備所限)。
根據一個實施例，電子設備2能夠執行基於圖像的瀏覽器功能。 基於圖像的瀏覽器功能提供允許用戶導航通過圖像和/或選擇圖像的圖形用戶接口，而不是包含在常規菜單列表(例如，垂直菜單)中的
文本菜單項。然而，應當注意，電子設備2不限於基於圖像的瀏覽器， 並且通常包括菜單驅動列表和基於圖像的瀏覽器兩者。實際上，電子 設備2可被配置為根據設備、軟體平臺和/或用戶的需要而以任一配置 操作。在某些情況下，電子設備2甚至可以同時操作菜單驅動列表和 基於圖像的瀏覽器。
一般地說，基於圖像的瀏覽器提供了允許用戶以有效且用戶友好 的方式翻閱圖像的滾動型動作。圖像一般圖形地描述存儲在電子設備 2上的文件的某些方面。在許多情況下，瀏覽器至少包括觀察區，觀 察區提供將一組圖像中的圖像帶入或帶出視野的位置。觀察區通常僅 顯示該組圖像中可獲得的圖像總數中的一小部分。圖像例如可以沿著 包含在觀察區中或延伸於觀察區上的路徑從一個位置移動到另一位 置。路徑可以是固定沿著軸、諸如水平或垂直軸的端部開放的直線。 可替換地，路徑可以不固定沿著軸。例如，路徑可以與波形(例如， 正弦曲線)相關聯。在其他情況下，路徑可以是端部封閉的，從而形 成形狀。例如，路徑可以符合一種形狀，諸如圓形、橢圓形、三角形、 正方形、矩形和/或類似形狀。
包含在瀏覽器中的圖像可以極為不同。圖像例如可以是表示存儲 在可攜式電子設備中的一個或多個歌曲的曲集插圖。圖像還可以是存 儲在可攜式電子設備上的照片的縮略圖。圖像還可以是代表存儲在便 攜式電子設備上的應用的圖標。圖像還可以表示存儲在可攜式電子設 備上的日程簿的月或日期。圖像還可以是信息被存儲在可攜式電子設 備的地址簿中的人的圖片。圖像還可以是代表可攜式電子設備的各個 模式的圖標。圖像還可以是用於將信息輸入到可攜式電子設備中的符 號或字符。圖像還可以是諸如PDF、字處理或電子表格文檔(例如， pdf，doc，xls)這才羊的文檔的圖《象。
在(1 )提交於2002年10月28日的題目為"GRAPHICAL USER INTERFACE AND METHODS OF USE THEREOF IN A MULTIMEDIAPLAYER"的美國專利申請No.10/282，861, ( 2 )提交
14於2006年9月ll日的題目為"MEDIA MANAGER WITH INTEGRATED BROWSERS"的美國專利申請No. 11/519,460中提供 了關於用於電子設備的基於圖像的瀏覽器和菜單列表的附加細節，通 過引用將這兩個專利申請結合在此。
下面將更詳細地描述關於基於圖像的瀏覽器和菜單列表的進一 步的細節。
在示出的實施例中，電子設備2是可攜式電子設備，其包括外殼 4、至少一個顯示設備6和一個或多個用戶輸入i殳備8，所有這些部件 可以位於外殼4的前、側和/或後表面上。顯示設備6例如可被用於顯 示與基於圖像的瀏覽器功能相關聯的基於圖像的瀏覽器3，並且輸入 設備8可被用於在存儲在可攜式電子設備2上的圖像中導航和/或選擇 圖像。當然，顯示設備6和輸入設備8還可被用於可攜式電子設備2 的其他功能，包括例如菜單驅動列表。
顯示設備6例如可以包括液晶顯示器(LCD)、顯示器、有機發 光二極體(OLED)顯示器、基於電子墨水的顯示器和/或類似顯示器。 根據可攜式電子設備2的整體佔地面積，顯示設備6可以具有多種不 同的配置。作為例子但不是限制性的，顯示設備6可以具有傳統的4: 3長寬比，或它可以具有更全景的長寬比，諸如16: 9。
在一個實施例中，電子設備2包括電子設備2的前表面的一部分 處的小顯示器。在另一實施例中，電子設備2被配置為至少佔據電子 設備2前表面的大部分。例如，顯示設備的面積可以佔據前表面面積 的50%以上，並且甚至佔據前表面面積的75%以上。電子設備2可 以被配置為具有佔據電子設備2的表面(例如前表面)或至少在該表 面上佔據主導地位的全屏顯示或近似全屏顯示。在一個實現中，全屏 顯示基本上耗盡電子設備2的整個前表面(在兩個方向上)。全屏顯 示可以從邊沿延伸到邊沿，或它可在設備邊沿處外殼的小邊框內。
另外，用戶輸入設備8可以例如包括一個或多個機械和/或電氣 驅動的輸入設備。機械驅動的輸入設備包括諸如按鈕、按鍵、開關、 撥號盤、導航板、操縱杆、軌跡球(jog ball)和/或類似結構的機構。電氣驅動的輸入設備可以包括例如物體感測設備，諸如檢測物體位於 表面(例如，前表面)之上的接近感測設備、和/或檢測物體觸摸表面 (例如，前表面)的觸摸感測設備。觸摸感測設備的例子包括觸摸板、 觸控螢幕、觸敏外殼和/或類似設備。
用於電子設備中的輸入設備的數目和組合一般取決於電子設備
的預期需要。在大多數情況下，電子設備2至少包括用於導航和選擇 存儲在電子設備2上的內容的輸入設備。
在一個實施例中，通過旋轉的和/或線性的用戶輸入產生用於遍 歷基於圖像的瀏覽器的圖像的導航命令。當然，導航命令還可被用於 遍歷菜單列表。用於線性用戶輸入的設備包括例如觸摸設備、接近設 備、機械滑塊、垂直或水平滾輪、軟滾動條和/或類似設備。用於旋轉 用戶輸入的設備包括例如觸摸設備、接近設備、機械撥號盤、軟撥號 盤和/或類似設備。可以通過用於導航的相同輸入設備、或可替換地通 過單獨的輸入設備來實施用於選擇圖像和菜單項的選擇命令。例如， 可以使用觸摸板進行導航，而可以以按鈕進行選擇，或者可替換地， 可以使用觸控螢幕進行導航和選擇兩者。
1/0設備的布局可以極大的不同。在某些實施例中，對於顯示和 在菜單/瀏覽器中導航和進行選擇的所有必要I/O設備位於可攜式電 子設備2的前表面上。因此，用戶能夠在觀看顯示設備6的同時容易 地操縱輸入設備8。
在一個實施例中，電子設備2的前表面被劃分為顯示區和輸入 區。例如，顯示區可以位於前表面的頂部，輸入區可以位於前表面的 底部。作為一個例子，這可以用前表面上半部分中小的橫向顯示設備 和前表面下半部分中的觸摸板或帶有一個或多個按鈕的可傾斜導航 板來實現。在另一實施例中，顯示和輸入區被配置為基本上覆蓋前表 面的相同區域(無論是前表面的一部分還是基本上整個前表面)。這 可以用與顯示器重疊的觸控螢幕實現。在另一實施例中，設備可以附加 地在上表面、下表面和側表面上包括其他控制和埠。
另外，支持可攜式電子設備2的瀏覽器功能和其他功能的各種軟
16件或電子組件在電子設備2的外殼4內部。
圖2是根據本發明一個實施例的可攜式電子設備10的圖。便攜 式電子設備IO可以例如代表圖1所示的電子設備2的一種實現。
在這個實施例中，可攜式電子設備IO包括與顯示設備6—起被 提供在外殼4的前表面上的旋轉用戶輸入設備14。旋轉用戶輸入設備 14至少接收來自可攜式電子設備10的用戶的旋轉用戶輸入，以與正 顯示在顯示設備6上的菜單、列表、瀏覽器等交互。旋轉用戶輸入設 備14可以例如對應於撥號盤或觸摸板。在撥號盤的情況下，圓形平
臺繞一個軸旋轉，以便產生旋轉用戶輸入。在觸摸板的情況下，物體、 諸如手指繞觸摸感測平臺打轉，以便產生旋轉用戶輸入(例如，弧形
或圓形運動)。觸摸感測平臺可以具有圓的形狀，以便於實現圓形運動。
旋轉用戶輸入可以使能與基於圖像的瀏覽器相關聯的一組圖像 中的導航。例如，如圖所示，旋轉用戶輸入可被用於滾動通過圖像， 其中圖像沿著預定路徑從一個位置移動到下一位置(例如，水平地進 入和退出屏幕)。遍歷的各個方面可以基於圓形運動的一個或多個特 徵，包括但不限於方向、速度、加速度和/或類似特徵。
可攜式電子設備10還可以經由 一個或多個按鈕動作區域16 - 22 支持各種按鈕動作。按鈕動作區域16-22可以與旋轉用戶輸入"i殳備 14相分離或被結合在一起。在一個實施例中，按鈕動作區域可被集成 在旋轉用戶輸入設備14的表面或平臺內。然而，在其他實施例中， 按鈕動作區域可被提供在可攜式電子設備10的外殼4上的其他位置 處。例如，它們可以圍繞旋轉用戶輸入設備，或它們可以在空間上與 旋轉用戶輸入設備14分離。
可攜式電子設備10的用戶可以在按鈕動作區域16-22上或附近 按壓，以便向可攜式電子設備10發送關於特定用戶輸入的信號。按 鈕動作區域16-22可以提供類似按鈕的功能。作為一個例子，按鈕 動作區域16-22可以分別對應於菜單、下一個、前一個和播放/暫停 的通常媒體播放器輸入。可替換地，按鈕動作區域可以對應於通常的電"i舌輸入，i者如例3口l、 2、 3、 4、 5、 6、 7、 8、 9、 0、 *and #。
可攜式電子設備10還可以包括選擇按鈕區域24。選擇按鈕區域 24可以與旋轉用戶輸入設備14分離或集成在一起。在示出的實施例 中，選擇按鈕區域24被提供在旋轉用戶輸入設備14的中心處。然而， 在其他實施例中，選擇按鈕區域24可以被提供在可攜式電子設備10 的外殼上的其他位置處。
選擇按鈕區域24 —般提供選擇或輸入類功能。可攜式電子設備 10的用戶可以在選擇按鈕區域24上或附近按壓，以向可攜式電子設 備10發送關於應當進行選擇的信號。例如，選擇按鈕區域24可被用 於選擇圖像瀏覽器的圖像。
在(1)提交於2003年11月25日的題目為"TOUCHPADFOR HANDHELD DEVICE"的美國專利申請No. 10/722,948, ( 2 )提交於 2002年7月1日的題目為"TOUCH PAD FOR HANDHELD DEVICE" 的美國專利申請No. 10/188,182， (3)提交於2003年8月18日的題 目為"MOVABLE TOUCH PAD WITH ADDED FUNCTIONALITY" 的美國專利申請No. 10/643,256， (4)提交於2002年9月26日的題 目為"METHOD AND APPARATUS FOR ACCELERATED SCROLLING"的美國專利申請No. 10/256,716， (5)提交於2002年 9月26日的題目為"METHOD AND APPARATUS FOR USE OF ROTATIONAL USER INPUT，，的美國專利申請No. 10/259,159, ( 6 ) 提交於2006年7月6日的題目為"CAPACITANCE SENSING ELECTRODE WITH INTEGRATED I/O MECHANISM，，的美國專 利申請No. 11/483,008， (7)提交於2006年7月6日的題目為 "MUTUAL CAPACITANCE TOUCH SENSING DEVICE"的美國專 利申請No. 11/482,286, ( 8)美國專利公開No.2003/0076301, (9) 美國專利/〉開No.2003/0095096，( 10 )美國專利〃>開No.2003/0055446, (11)美國專利No. 7,046,230和(12)美國專利No. 7,084,856 B2中 提供了關於用於電子設備的旋轉用戶輸入設備的附加細節，通過引用 將這些文獻全部結合在此。
18應當理解，可替換地，可以作為旋轉用戶輸入設備的替代或附加， 使用線性用戶輸入設備。線性用戶輸入設備例如至少接收來自可攜式
電子設備IO的用戶的線性用戶輸入，以與正在顯示設備12上顯示的 菜單、列表、瀏覽器等交互。線性用戶輸入設備可以例如對應於滑鼠 滾輪、滑塊機構或觸摸板。在滑鼠滾輪的情況下，輪繞著一個軸旋轉 以便產生線性用戶輸入。在滑塊機構的情況下，旋紐物理地上下或側 到側地平移以便產生線性用戶輸入。在觸摸板的情況下，物體、諸如 手指上下或側到側地在觸摸感測平臺附近揮動或滑動，以便產生線性 用戶輸入。線性用戶輸入可被用於與基於圖像的瀏覽器相關聯的在一 組圖像中導航。
圖3是根據本發明一個實施例的可攜式電子設備21的圖。便攜 式電子設備30可以例如代表圖1中所示電子設備2的一種實現。
在這個實施例中，可攜式電子設備21包括感測物體在其表面上 滑動的觸控螢幕顯示器23。物體可以例如是一個或多個手指。觸控螢幕顯 示器23能夠檢測包括與旋轉用戶輸入25相關聯的旋轉運動和/或與線 性用戶輸入27相關聯的揮動或滑動的各種動作，以與正顯示在觸摸 屏顯示器23上的菜單、列表、瀏覽器等交互。觸控螢幕顯示器23還能 夠檢測可能與選擇用戶輸入相關聯的按壓、輕敲(tapping)或握持動 作。當然，觸控螢幕顯示器也能夠檢測其他類型的動作。這些動作有時 被稱為手勢。
觸控螢幕顯示器23可以消耗可攜式電子設備21前表面的大面積。 作為例子，觸控螢幕顯示器可以是全屏或近似全屏顯示。
另外，觸控螢幕顯示器23可以能夠同時感測多個觸摸(例如多點 感須'J )。
觸控螢幕顯示器具有優於其他輸入技術的若干優點。例如，觸控螢幕 感測被定位在顯示器的前面，並且因此用戶可以直接操縱GUI。另外， 觸控螢幕允許放大顯示區域，因為通常不需要其他輸入裝置。
在(1 )提交於2004年5月6日的題目為"MULTIPOINT TOUCHSCREEN"的美國專利申請No. 10/840,862， ( 2 )提交於2004
19年7月30日的題目為"GESTURES FOR TOUCH SENSITIVE INPUT DEVICES，，的美國專利申請No. 10/903,964， (3)提交於2005年1 月 18 日的題目為"MODE-BASED GRAPHICAL USER INTERFACES FOR TOUCH SENSITIVE INPUT DEVICES"的美國 專利申請No. 11/038，5卯，(4)提交於2006年1月30日的題目為 "GESTURING WITH A MULTIPOINT SENSING DEVICE"的美國 臨時專利申請No. 60/763,605， ( 5 )提交於2005年2月11日的題目 為"DISPLAY ACTUATOR"的美國專利申請No. 11/057,050中提供了 關於用於電子設備的觸控螢幕顯示器和手勢的附加細節，通過引用將所 有文獻結合在此。
另外或可替換地，電子設備可以包括感測物體在電子設備之上停 懸而不是觸摸其前表面的接近感測設備。接近感測設備的例子可見於 提交於2005年9月30日的題目為"PROXIMITY DETECTOR IN HANDHELD DEVICE，，的美國專利申請No. 11/241,839、以及提交於 2005年9月 30日的題目為"PROXIMITY DETECTOR IN HANDHELD DEVICE"的美國專利申請No. 11/240，788，通過引用將 這些文獻結合在此。
另外或可替換地，電子設備可以包括感測圍繞顯示器的外殼部分 上的物體的觸摸感測外殼。在一個例子中，圍繞顯示器邊沿的邊框可 以包括能夠接收與線性用戶輸入相關聯的線性運動的嵌入式觸摸感 測設備。在外殼中所採用的觸摸感測設備的例子可見於提交於2005 年4月26日的題目為"HAND HELD ELECTRONIC DEVICE WITH MULTIPLE TOUCH SENSING DEVICES"的美國專利申請No. 11/115，539，通過引用將該文獻結合在此。
圖4是根據本發明一個實施例的能夠存儲、編錄、選擇和輸出數 據的可攜式電子設備50的簡化方框圖。電子設備50可以例如對應於 前面參考圖l-3提及的那些電子設備中的任意一個。
電子設備50包括被配置為管理在電子設備50處執行的操作的控 制器52。控制器52可以從各種輸入設備54接收輸入。輸入設備例如可以選自按鈕、按鍵、機械板、觸摸板、觸控螢幕等。
控制器52還可以被配置為控制通過各種輸出設備58的輸出。輸 出設備58可以例如包括顯示器58A和一個或多個揚聲器或揚聲器插 口 58B。作為一個例子，可以經由顯示器58A輸出基於圖像的數據， 諸如視頻和圖像，可以經由一個或多個揚聲器或揚聲器插口 58B輸出 基於音頻的數據，諸如音樂或語音。
控制器52可以附加地被配置為在顯示器58A上產生圖形用戶接 口 60。圖形用戶接口 60提供用於控制在電子設備處執行的操作的使 用接口的便利。可以利用本地地存儲在資料庫64中的數據創建圖形 用戶接口 60。資料庫64 —般包括描述存儲在文件系統66處的文件的 各個方面的信息。該信息可以例如包括與特定文件相關聯的元數據、 描述符和圖像。作為例子，對於歌曲，信息可以包括歌曲名稱、曲集 名稱、藝術家名稱、時間、流派、曲集插圖等。
一般地說，GUI60代表具有圖形圖像的應用、文件和操作控制。 圖形圖像可以包括窗口、域、對話框、菜單、圖標、按鈕、光標、滾 動條、文件夾、列表、文本等。可以預定的布局布置這樣的圖像，或 可以動態地創建這樣的圖像，以便為用戶所採取的具體動作服務。在 操作過程中，用戶可以選擇並激活各種圖形圖像，以便啟動與之相關 聯的功能和任務。作為例子，用戶可以選擇打開、關閉、最小化或最 大化窗口的按鈕，或選擇啟動特定應用或功能的圖標。GUI可以附加 地或可替換地顯示信息，諸如非交互性文本和圖形。
根據一個實施例，控制器52被配置為產生一個或多個圖形用戶 接口 60,用於滾動或遍歷在電子設備處本地存儲的數據文件。在一個 實施例中，第一 GUI4皮配置為呈現與數據文件相關聯的文本數據。文 本數據可以例如作為菜單列表的一部分被呈現在垂直行內。在另一實 施例中，第二 GUI被配置為呈現與從資料庫44取出的數據文件相關 聯的圖像。圖像例如可被呈現在由基於圖像的瀏覽器所提供的基於圖 像的瀏覽窗口中。基於圖像的瀏覽窗口允許用戶瀏覽圖像，而不是瀏 覽基於文本的菜單項的行。在兩個實施例中，用於創建GUI的數據可以被存儲在資料庫64中。即，當為控制器52分配產生GUI的任務時， 從資料庫獲取與要呈現的文件相關聯的適當數據。當在顯示設備上呈 現圖像時，控制器52還可以產生切換、動畫、陰影、反射或其他視 覺效果。
採用任一 GUI，可攜式電子設備的用戶能夠通過進行輸入而滾 動菜單或圖像。在一個實施例中，輸入是旋轉用戶輸入，其或者是通 過在觸摸板/觸控螢幕/觸敏外殼上用他或她的手指打轉、或者是通過旋 轉撥號盤而創建的。在這個實施例中，隨著手指繞觸摸板/觸控螢幕/觸 敏外殼運動或隨著撥號盤被旋轉，媒體項列表中的被顯示的項或圖像 組中的圖像改變，從而用戶能夠有效地滾動媒體項列表和圖像組。在 另一實施例中，輸入是線性用戶輸入，其或者是通過在觸摸板/觸控螢幕 /觸敏外殼上揮動他或她的手指、或通過平移機械滑塊、或通過旋轉滾 輪而創建的。在這個實施例中，隨著手指沿觸摸板/觸控螢幕/觸敏外殼 滑動，或隨著滑塊機構平移，或隨著滾輪被旋轉，媒體項列表中的被 顯示項或圖像組中的圖像改變，從而用戶能夠有效地滾動媒體項列表 和圖4象組。
雖然未示出，該設備可以附加地包括一個或多個數據捕捉設備， 諸如麥克風或照相機。數據捕捉設備被配置為以音頻、圖像或視頻形 式捕捉數據。控制器52被配置為對數據編錄，並且將其存儲在媒體 資料庫和/或適當的文件中。
雖然未示出，設備可以附加地包括提供與其他設備和/或系統的 連接性的I/O埠 。該I/O埠例如可以允許可攜式電子設備與主機 設備、外圍1/0設備或電源通信。這例如可以通過有線或無線連接來 實現。
雖然未示出，設備還可以包括向用戶提供音頻和/或觸覺反饋的 一個或多個設備。音頻反饋例如可以是點擊或翻動聲音。觸覺反饋例 如可以是脈衝振動。在一個實施例中，反饋與數據遍歷同時發生。隨 著在數據之間切換的速率增加或加快，反饋的頻率增加。另外，當在 數據之間切換的速率減小或變慢時，反饋的頻率減小。因此，為用戶
22提供關於正以何種速率遍歷數據的反饋。數據例如可以是分層菜單列 表中的項和/或與基於圖像的瀏覽器相關聯的圖像。
圖5 - 8是根據本發明的若千實施例的能夠瀏覽圖像的瀏覽窗口 80A-D的各個圖。瀏覽窗口 80A-D可以例如被用於圖4的圖形用 戶接口中。在這些實施例中的每一個中，瀏覽窗口 80A-D提供允許 用戶以有效的和用戶友好的方式滾動或翻閱圖像86的滾動型動作。 圖像86通常圖形地描述一個或多個數據文件的某些方面。對於歌曲 文件，圖像86可以是曲集插圖。對於有聲讀物文件，圖像86可以是 書的封面。對於電影文件，圖像86可以是海報插圖。對於遊戲文件， 圖像86可以是封面套。對於照片文件，圖像86可以是縮略圖。對於 地址簿，圖像86可以是人的相片。對於文檔(例如，pdf文件)，圖 像可以是文檔的示意圖。例如，圖像可以是pdf文檔的第一頁的縮略 圖，並且可以包括關於它是否是多頁文檔的指示(層疊圖像)。
一旦發現所期望的圖像86,用戶就可以選擇所期望的圖像86， 以便啟動與圖像86相關聯的動作。例如，可以選擇曲集插^f象， 以打開包含該曲集上的歌曲的菜單和/或開始播放該曲集上的歌曲。
如圖5-8所示，瀏覽窗口 80A-D中每一個都包括觀察區82。 觀察區82提供圖像組中的圖像86被帶入和帶出視野的位置。觀察區 82通常僅顯示圖像組中可獲得的圖像86總數中的一小部分。在大多 數情況下，圖像86沿著在觀察區82上伸展的路徑或路線從一個位置 移動到另一位置。路徑或路線可以是直線、成角度的、彎曲的、臺階 形的、波浪形的、蜿蜒曲折的等等。沿著路線的位置的數量可以極大 地改變，並且通常由觀察區82的大小、圖像86的所希望的大小、路 徑或路線的長度、以及在任一時刻要觀看的圖像86的希望數目來確 定。在某些情況下，圖像86可以視覺切換效果或動畫的方式移動通 過觀察區82。還可以使用聲音效果，諸如點擊或翻動噪聲或振動。
在大部分情況下，在主要位置92和與主要位置92毗連的一個或 多個次要位置94中呈現圖像86。主要位置92是當圖像86要被選擇 時圖像86移動的位置。即，在一種實現中，當圖像86在主要位置92中時，可以選擇圖像86。實質上，將圖像86置於主要位置92中與高 亮顯示圖像86相似(選擇但不激活)。次要位置94是保持位置，位 於其上的圖像86被鎖定而不被激活。雖然受其數目的限制，但是次 要位置94處的圖像86允許用戶觀看在主圖像之前和之後的圖像86， 從而使得更容易瀏覽(用戶可以視覺地掃描哪些圖像是感興趣的以及 哪些不是)。在某些情況下，用戶可以在次要位置94處的圖像上點 擊，以便將其從次要位置94移動到主要位置92。在一個實施例中， 對次要位置處的圖像的選擇導致快速遍歷該組圖像，直到被選中的圖 像最終移動到主要位置92中。
圖像86的布局和配置可以極大地改變。在一個實施例中，使主 要位置92處的圖像86相對於次要位置94處的圖像86突出。這可以 通過以與主圖像不同的方式重新格式化或配置次要圖像從而提醒用 戶哪個圖像是主要的以及哪些圖像是次要的(例如，通過調整圖像的 大小和/或形狀)而實現。例如，可以將次要圖像最小化、遮掩(obscur)、 畸變、分割、分段或以其他方式修改、改變或調整。附加地或可替換 地，這可以利用對主位置處的圖像進行濃淡處理、圍繞或加下劃線的 圖像突出顯示效果來實現。例如，瀏覽器可以包括突出顯示窗口，其 中當在觀察區82中切換時，主要位置92處的圖像移動到該窗口下。 附加地或可替換地，這還可以通過將標識符或描述符放置在主要位置 92處的圖像之下或之上來實現。例如，標識符可以是與圖像所代表的 媒體文件相關聯的名稱或標題。作為例子，對於歌曲文件而言，圖像 可以是曲集插圖，而標識符可以包括藝術家或曲集名稱。
根據一個實施例，當由用戶提示時，輸入裝置被配置為產生用於 遍歷圖像的導航命令。在一個例子中，用戶簡單地繞觸摸感測表面順 時針或逆時針用其手指打轉以便遍歷圖像86。在另一個例子中，用戶 簡單地在觸摸感測表面上揮動其手指以便遍歷圖像86。
現在詳細描述圖5-8。在圖5中，路徑或路線是水平穿過觀察 區82的直線。在遍歷過程中，圖像86作為一個組水平地在圖像86 上從一個位置移動到另一個位置。當用戶發起左導航命令時，新圖像
2486出現在觀察區82的左邊位置處，並且所有其他圖像86挪開一個位 置。如果觀察區滿了，則最右邊的圖像86移出觀察區82。類似地， 當用戶發起右導航命令時，新圖像86出現在觀察區82的右邊位置處， 並且所有其他圖像86挪開一個位置。如果觀察區滿了，則最左邊的 圖寸象86移出觀察區82。這允許用戶觀看當前保持在觀察區82之外的 連續圖像。另外，通常使次要位置94中的圖像86比主要位置92中 的圖像86小。在瀏覽過程中，當圖像86從主要位置92移動到次要 位置94時，圖像86的大小可以減小，而當圖像86從次要位置94移 動到主要位置92時，圖像86可以增大其大小。
圖6類似於圖5，即圖像86水平地移過觀察區82。然而與圖5 不同，使次要位置94處的圖像86看起來如同它們是層疊的，而不是 如圖5中那樣是空間分離的。這允許呈現更多的圖像。在這個實現中， 每個連續的次要圖像部分地落在前一圖像之下，從而留下邊沿部分87 暴露。暴露部分87可以為用戶提供足夠的視覺信息來識別圖像。暴 露的邊沿部分87還可以包括基於文本的信息。在瀏覽過程中，當圖 像86從主要位置92移動到隨後的次要位置94時，圖像86被重新配 置為部分暴露的邊沿部分87，而當圖像86從次要位置94移動到主要 位置92時，圖像被重新配置為完整的圖像視圖。可以實時(onthefly) 重新配置圖像，或它們可與完整視像一起被存儲在媒體資料庫 中。
圖7類似於圖6，即圖像86水平地移過觀察區82並且被層疊， 從而可以呈現更多的圖像86。然而，與圖7不同，緊挨著主要圖像的 次要圖〗象為完整視圖(或基本完整的視圖)，而落在前一圖像之下的 每個連續次要圖像是部分視圖。
另外，次要位置94處的圖像可被傾斜，以便使其看起來好象從 前景延伸到背景(例如，3D效果)。可以通過將左側次要位置中每 個圖像的右上角降低並提高左下角，以及通過將右側次要位置中每個 圖像的左上角降低並提高左下角來創建這種效果。在瀏覽過程中，當 圖像86被從主要位置92移動到次要位置94時，圖像86被傾斜，而當圖像86被從次要位置94移動到主要位置92時，圖像86是正常的。
另外，圖像86可以包括從圖像86的基底(base)向下延伸的反射部分96。可以通過製作圖像的副本、裁剪圖像的副本(例如，縮短)、垂直翻轉裁剪的圖像、從頂部半透明到底部全透明地改變翻轉的圖像的透明度(例如，梯度)、並且將翻轉的圖像的頂部附加到該圖像的底部來創建反射部分96。此後，可以單獨地或組合地使次要位置94處的圖像和任意相應的反射部分傾斜。可將圖像86放置在黑色背景之上以便進一步輔助反射效果。
類似於圖7，圖8包括層疊和傾斜的圖像。然而，與前面的實施例不同，圖8包括橢圓路徑，其中圖像86繞著該路徑旋轉。從而，可以在觀察區82中找到所有圖像86。這個實施例有些類似於其中繞著樞軸(例如，垂直羅拉代克斯)翻頁的羅拉代克斯。同樣，在這個實施例中存在兩個完全大小的中央圖像，它們中的一個是主要圖像，一個是次要圖像。
另外，圖像86被配置為看起來好象它們在一個視平面上，其中兩個中心圖像出現在前景中，次要位置處的其餘圖像漂移到背景中(看上去好象它們在後面並且從前面位置中的圖像向著消失點過渡)。可以通過當圖1象86處於次要位置時減小它們的大小、並且圖像86離這兩個前面的位置越遠就使圖像86越小來實現這種效果。
當遵從這些規則時，當主要位置處於路徑上的最高點時可以創建蟲瞰視圖(worms eye view )(觀看者的視角低)，而當主要位置處於路徑上的最低點時可以創建鳥瞰視圖(birds eye view )(觀看者的視角升高)(如圖所示)。可以通過改變橢圓路徑的高度來調整蟲瞰或鳥瞰的景深(depth of view)。以具有較大高度的橢圓路徑創建較大的景深，而以具有較短高度的橢圓路徑創建較小的景深。
在操作過程中，圖像86被配置為沿著路線從一個預先設置的位置移動到下一預先設置的位置。例如，當接收到導航命令時，圖像86都挪動一個位置。即，它們作為一個組沿著路線移動，並且當它們都已經轉移到下一預先設置的位置時停止。如果導航命令是左向命令，則圖像86通常以逆時針運動繞路線旋轉。如果導航命令是右向命令，圖像86通常以順時針運動繞路線旋轉。
關於繞觀察區移動圖像的附加細節可見於提交於2005年10月11日的題目為"MULTIMEDIA CONTROL CENTER"的美國專利申請No.ll/249，139,通過引用將該文獻結合在此。
圖9是根據本發明一個實施例的操作可攜式電子設備處基於圖像的瀏覽器窗口的方法100。方法100開始於方框102，其中呈現基於圖像的瀏覽器窗口。例如，圖像從資料庫或數據存儲中被獲得，並且以預定的格式呈現。基於圖像的瀏覽器窗口可以利用此處描述的任何基於圖像的瀏覽器窗口呈現圖像。
在方框102之後，在方框104，確定是否已經進行選擇。例如可以通過使用圖2中所示的圓形輸入裝置的選擇按鈕、或通過使用圖3中所示的觸控螢幕在圖像上輕敲來實現選擇。如果已經選擇了所希望的圖像，則方法100進入方框106,其中執行與該圖像相關聯的動作。這可以例如包括打開菜單、播放媒體文件、啟動應用、啟動模式、放大圖像、發起電話呼叫、打開另一瀏覽器和/或類似動作。
在一個例子中，如果瀏覽窗口正在顯示曲集插圖，則選擇特定曲集可以導致播放與該曲集相關聯的歌曲列表的顯示(例如在菜單窗口中)。可替換地或附加地，選擇曲集可以啟動從曲集的第一音軌開始的播放序列。
在另一例子中，如果瀏覽窗口正在顯示電影插圖，則選擇特定電影插圖就啟動與該圖像相關聯的視頻文件的重放。可替換地或附加地，選擇電影圖像可以打開與該電影相關聯的菜單窗口。
在另一例子中，如果瀏覽窗口正在顯示基於模式的圖標，則選擇特定模式圖標就啟動可攜式電子設備的模式改變，即可攜式電子設備改變到所選模式。作為例子，模式可以包括電話模式、音樂播放器模式、麥克風記錄器模式、照相機模式、遊戲機模式、視頻播放器模式、電子郵件模式等。
在另 一例子中，如果瀏覽窗口正在顯示基於圖片的電話或地址
27簿，則選擇特定的圖片可以提供以圖片表示的人的可選擇的聯繫信息，和/或可以發起到以圖片表示的人的電話呼叫。
在另一例子中，如果瀏覽窗口正在顯示圖庫中的縮略圖，則選擇特定的縮略圖可以放大圖片以便觀看。
在另一例子中，如果瀏覽窗口正在顯示曰程簿(date book),則選擇一個月份就可以打開與該月的日期相關聯的新的瀏覽窗口 ，並且然後選擇特定的日期就可以打開與該日期中的小時相關聯的新的瀏覽窗口 ，並且選擇特定的小時就打開用於輸入事件的輸入窗口 。
在再一例子中，如果瀏覽窗口正在顯示小鍵盤，則選擇特定字符就導致將字符例如輸入文本或數字框中。這個例子可用於進行電話呼叫或輸入文本。
在再一例子中，如果瀏覽窗口正在以圖標的形式顯示一組應用，則選擇一個圖標就可以啟動與該圖標相關聯的應用。
在再一實施例中，如果瀏覽窗口正在顯示文檔圖像，則除了與文檔圖像相關聯的應用之外，選擇文檔圖像就可以加載與文檔圖像相關聯的文檔。
在再一實施例中，如果瀏覽窗口正在顯示網絡站點圖像，則選擇網絡站點圖像就可以顯示來自與該網絡站點圖像相關聯的網絡站點的網絡頁面。
瀏覽窗口還可以顯示不止一個項。例如，瀏覽窗口可被配置為查找器，並且因此，通過使用圖像，可以呈現查找器區域內所包含的任何數據。例如，瀏覽窗口可以包括聯繫人、文檔、圖片、電影等的圖像。
如果還沒有選擇圖像，則方法進入方框108，其中確定是否做出了導航命令。可以通過旋轉用戶輸入或線性用戶輸入產生導航命令。在旋轉用戶輸入的情況下，當轉動撥號盤或繞著觸摸面，諸如觸摸板、觸控螢幕或觸摸感測外殼將手指打轉時，可以創建旋轉輸入。在線性用戶輸入的情況下，當手指在觸摸板、觸控螢幕或觸摸感測外殼上滑動，或可能通過平移機械滑塊或旋轉滑鼠滾輪時，可以創建線性輸入。
28如果已經產生了導航命令，則方法100進入方框110,其中根據
導航命令在圖像之間切換。在旋轉輸入的情況下，當做出逆時針旋轉 輸入時可以向左移動圖像，並且當做出順時針旋轉輸入時可以向右移 動圖像(反之亦然)。在線性輸入的情況下，當做出右線性輸入時可 以向左移動圖像，並且當做出左線性輸入時可以向右移動圖像(反之 亦然)。
由於圖像組可能非常長，所以本發明為用戶提供了通過以更快的 速度移動他或她的手指來快速遍歷(或滾動)圖像組的能力(輸入越 快，遍歷圖像越快)。另外，在一個實施例中，用戶可以加速方式遍 歷圖像組，諸如通過加速通過圖像組，從而某些圖像被跳過並因此不
被顯示。
如果還未產生導航命令，則方法進入方框112，其中確定是否已 經收到關閉命令。如果未收到，則方法回到方框102。如果收到了， 則方法進入方框114，其中去除(關閉)基於圖像的瀏覽器窗口。在 某些情況下，顯示恢復回到前一窗口。在其他情況下，顯示器呈現與 關閉命令相關聯的新窗口。
在一個實施例中，存在打開基於圖像的瀏覽器窗口的專用菜單 項。即，選擇該菜單項就使電子設備直接進入基於圖像的瀏覽器。
圖10是使用專用菜單項打開基於圖像的瀏覽器窗口的菜單分層 結構120的示意圖。該圖示與媒體播放器相關聯，雖然這個概念可被 應用於其他電子設備。在這個例子中，在主菜單121中選擇音樂項。 隨後，在子菜單122中選擇曲集插圖項，這啟動基於圖像的瀏覽器窗 口 123。基於圖像的瀏覽器窗口 123中所使用的圖像是關於曲集插圖 的圖像。 一旦在基於圖像的瀏覽器123中選擇了曲集插圖，就打開用 於所選曲集的曲集內容菜單124。例如，可以列表格式顯示與曲集相 關聯的所有音軌。可替換地，可以在圖像瀏覽器的主要位置處呈現可 選音軌列表。在一種實現中，它們可以在曲集插圖上轉換到主要位置 中(例如，淡入/淡出，滑入/滑出等)。在另一實現中，圖像可以翻 頁，以便呈現可選音軌(使得看起來好象音軌在曲集插圖的背面)。這可以類似於翻動物理曲集。
一旦選擇了音軌，通常就打開現在播放
窗口 125。可替換地， 一旦選擇了曲集，方法就可以進入現在播放窗 口，其中播放第一軌跡，並且然後播放曲集的剩餘軌跡(例如，可以 跳過菜單124 )。
在另一實施例中，選擇瀏覽模式以調整如何顯示菜單項。在第一 模式中，在常規列表中顯示它們。在第二模式中，使用基於圖像的瀏 覽器窗口顯示它們。作為例子，用戶可能需要選擇設置菜單並選擇模 式。在大多數情況下，第二模式僅應用於適當的菜單項。某些菜單項 可通過使用常規列表而不是圖像而被最好地遍歷。基於圖像的瀏覽器 可被用於諸如曲集和電影標題這樣的媒體項。
圖ll是菜單分層結構130的示意圖，其中菜單分層結構130使 用設置菜單來設置顯示模式。該圖示與媒體播放器相關聯，雖然該概 念可以被應用於其他電子設備。在這個例子中，在主菜單131中選擇 視頻項。然後，在視頻菜單132中選擇視頻設置項，這打開視頻設置 133的菜單。視頻設置窗口 133中的菜單項中的至少一個是瀏覽模式， 該模式當被選擇時就提供例如在瀏覽模式窗口 134中的列表和/或圖 像之間的瀏覽選擇。如果選擇圖像，則圖像模式被應用於適當的菜單 項。這些例如可以包括任何菜單項，甚至專用於各種分類標準(例如， 藝術家，流派等)的菜單項。在所示例子中，用戶然後可以回到主菜 單131，並選擇視頻，並且在視頻菜單132中選擇電影。 一旦選擇了 ， 就呈現使用海報插圖顯示電影的基於圖像的瀏覽器窗口 135。 一旦選 擇了一個圖像，就打開與正播放的圖像相關聯的電影(如圖所示)， 或可替換地，打開電影或現在播放菜單136。
雖然圖lO和ll已經涉及媒體播放器模式，但是應當理解，這不 是限制性的，並且基於圖像的瀏覽器可被應用於電子設備的其他特 徵。下面以示例的方式給出各種實施例。
圖12A和12B示出了當可攜式電子設備為電話或通信模式時的 基於圖像的瀏覽器140。如圖所示，基於圖像的瀏覽器140的圖像142 是代表其聯繫信息被存儲在地址簿中的個人的圖片。因此，用戶能夠遍歷圖片而不是列表，來查找他們希望聯繫的個人。如果用戶沒有該 個人的圖片，則他們可以給這個人分配某個其他圖片。可替換地或附 加地，圖〗象中可以包括文本。例如，文本可以是個人的名稱。在一個
實施例中，當用戶選擇主要位置處的圖像142時，則打開與圖像142 相關聯的聯繫信息144。聯繫信息144可與新窗口相關聯，或可替換 地，如圖12B所示，它可被呈現在主要位置處。聯繫信息144可以包 括可選擇數據，諸如電子郵件和/或多個電話號碼146。數據還可以包 括文本消息發送。當選擇電子郵件時，打開郵件窗口，其中已經輸入 了電子郵件地址。當選擇電話號碼時，可攜式電子設備發起對該號碼 的呼叫。如應當理解的那樣，每個個人可以具有多個電子郵件地址和 電話號碼。可替換地或附加地，當用戶選擇主要位置處的圖像142時， 可以使用與該圖像相關聯的默認電話號碼來立即發起電話呼叫。默認 可以取決於模式。例如，如果在電子郵件模式中，則默認可以是電子 郵件，如果電話被打開，則默認可以是電話。
圖13示出了與應用相關聯的基於圖像的瀏覽器150。如圖所示， 圖像152是代表可以在電子設備上啟動的應用的圖標。因此，用戶能 夠遍歷圖標而不是列表，來查找他們希望打開的所希望的應用。在一 個實施例中，當用戶選擇主要位置處的圖標152時，啟動應用。作為 例子，應用可以是照片管理程序、音樂管理程序、視頻管理程序、字 處理程序、電子表格程序、畫圖程序等等。
圖14A-14D示出了與日程簿或日曆相關聯的基於圖像的瀏覽 器160。在這個實施例中，基於圖像的瀏覽器160包括分層瀏覽器161、 162、 163和164。圖14A示出了分層瀏覽器中第一瀏覽器161。在這 個第一瀏覽器161中，圖像165與一年中月份相關聯。圖像165可以 包括關於月份的圖片和/或標識月份的文本。例如，二月的圖像可以包 括代表情人節的紅心和"二月，，標識符。可替換地或附加地，可以顯示 其生日在每個月內的人的圖片。可以分配單個圖片，或可替換地可以 順序地顯示(循環)生日在該月中的人的多個圖片。這個數據可從包 括生日和圖片的地址簿中抽取。如圖14B所示，當用戶選擇特定月份時，打開分層瀏覽器中第二瀏覽器162。在第二瀏覽器162中，圖像 166與一個月中的日期相關聯。圖像166可以包括關於日期的圖片和/ 或標識日期的文本。例如，表示情人節的紅心和"二月，，標識符可被用 於二月14日。可替換地或附加地，可以顯示生日在特定日期的人的 圖片。如圖14C所示，當用戶選擇特定日期時，打開分層瀏覽器中第 三瀏覽器163。在第三瀏覽器163中，圖像167與一天中的小時相關 聯。如圖14D所示，當用戶選擇特定小時時，打開數據輸入處理164， 其允許用戶輸入與所選擇的小時/天/月相關聯的文本。例如，窗口 164 可以包括一個或多個數據輸入框168。因此，用戶可以安排事件的時 間。 一旦輸入，數據就被保持以便用於將來處理。
圖15示出了與照片觀看應用相關聯的基於圖像的瀏覽器170。 如圖所示，圖像172是由照片管理應用所管理的照片。照片172可以 是已經被下載到可攜式電子設備的照片和/或已經用可攜式電子設備 拍攝的照片。當被選擇時，照片172可在顯示器內以完整視圖、而不 是小縮略圖被呈現。
圖16示出了與可攜式電子設備的模式相關聯的基於圖像的瀏覽 器180。如圖所示，圖像182是代表可攜式電子設備的不同模式的圖 標。因此，用戶能夠遍歷圖標來改變設備的模式。當用戶選擇圖標時， 可攜式電子設備的模式被改變為該模式。作為例子，從左向右移動， 模式可以包括電子郵件、視頻播放器、音樂播放器、遊戲、電話、麥 克風、照相機、遊戲機和/或等等。應當理解，這個瀏覽器可以是具有 其他瀏覽器的分層結構。例如，如果選擇電話模式，則可以顯示圖12A 和12B中所示的瀏覽器。可替換地，如果選擇音樂播放器模式，則可 以顯示圖10所示的瀏覽器。
圖17A-17B示出了與輸入數據到可攜式電子設備中相關聯的 基於圖像的瀏覽器190。在這兩個圖中，圖像192被分配以各種字符。 如圖17A所示，圖像192A被分配以數字。當一個數字被選擇時，它 被輸入到數據輸入框194中。如圖17B所示，圖像192B被分配以字 母。當一個字母被選擇時，它被輸入到數據輸入框194中。當然，可以在同一基於圖像的瀏覽器中包括數字和字母。另外，根據可攜式電
子設備的需要，可以使用其他符號。例如，圖像192可以是與標準電 話相關聯的被分配符號，即l、 2、 3、 4、 5、 6、 7、 8、 9、 0、 *、 #， 從而可以執行呼叫和呼叫器功能。
圖18是才艮據本發明一個實施例的瀏覽方法200。方法200例如 可被實現在諸如此處所描述的任意一種可攜式電子設備上。可攜式電 子設備一般包括可位於可攜式電子設備各處任意數目位置處的用戶 接口。然而，在大多數情況下，前表面提供用於實現用戶接口的主表 面。用戶接口一般包括顯示設備和一個或多個輸入設備。輸入設備可 以極大地改變。在一個實施例中，輸入設備至少包括用於感測感測表 面之上的物體的接近或觸摸感測設備。接近感測和觸摸感測相對於其 他類型的輸入裝置具有許多優點。
方法200 —般開始於方框202，其中在顯示區域內顯示基於圖像 的瀏覽器窗口 。基於圖像的瀏覽器被配置為至少呈現一組圖像中 一部 分圖像。可以在主要或突出顯示位置以及與主要位置鄰近的位置(例 如，左邊、右邊、上部、下部等)處的一個或多個次要位置中呈現圖 像。主要位置一般意味著圖像能夠被選擇。作為例子，基於圖像的瀏 覽器可以是此處描述的任意一種。
在方框202之後，方法200進入方框204，其中在感測表面之上 檢測物體。物體例如可以是用戶的手指，並且感測表面可與觸摸感測 設備，諸如觸摸板、觸控螢幕或觸敏外殼相關聯。
在方框204之後，方法200進入方框206，其中基於物體動作識 別導航輸入。諸如例如，當用戶在感測表面上平移他們的手指時(例 如，垂直，水平，對角線)，物體動作可與線性用戶輸入相關聯。諸 如例如，當用戶利用圓形運動繞感測表面將他們的手指打轉時，物體 動作可與旋轉用戶輸入相關聯。當然可以使用其他物體動作。
在某些情況下，可以在感測表面之上的任意位置處識別物體動 作。在其他情況下，可僅在預定區域處識別物體動作，即在感測表面 的特定位置處，諸如圖像正上方或圖像旁邊或這兩者。可以利用物體動作的許多方面來創建導航輸入，包括但不限於物體數目、位置、速 度、方向、動作的長度等。
方框106之後，方法進入方框108,其中基於圖像的瀏覽器的圖 像根據導航輸入而切換。切換例如可以基於物體數目、位置、速度、 方向、物體動作長度。 一般地講，切換包括將圖像順序推移入或推移
出觀察區，並且通過次要和主要位置。推移可以與用戶相對於感測表 面的打轉、滑動或揮動動作的速度成比例。
圖19A - 19G示出了用於創建用於基於圖像的瀏覽器212的導航 輸入210的物體動作的若干例子。導航輸入210被設計為沿著預定路 徑移動圖像。在所示例子中，路徑是水平軸。因此，導航輸入210被 設計為沿著水平軸線性地移動圖像。圖像可以被沿著該路徑從一個組 順序地推移到第二組(例如，主要，次要)。
圖19A-19C示出了具有觸控螢幕顯示器的電子設備。在一個實施 例中，如圖19A所示，基本水平地在觸控螢幕顯示器上揮動214或基本 水平地沿著觸控螢幕顯示器的表面滑動214創建導航輸入。在這個實施 例的一種實現中，可以在觸控螢幕的觸摸感測區域內的任何位置進行基 本水平的揮動/滑動214。在這個實施例的另一實現中，必須在觸控螢幕 的觸摸感測區域的特定區域內進行基本上水平的揮動/滑動214，例 如，在基於圖像的瀏覽器212之下的區域中，或可替換地在基於圖像 的瀏覽器212的圖像之上的區域中。
在另一實施例中，如圖19B所示，弧形或旋轉滑動216創建導 航輸入。與基本上水平的揮動/滑動214類似，可能需要在特定區域中 或在觸控螢幕的觸摸感測區域內的任意位置做出弧形或旋轉216。
在大多數情況下，滑動的速度確定遍歷的速度。另外，滑動的方 向確定遍歷的方向。此外，滑動的長度可以確定被遍歷的圖像的數目。 另外，所使用的手指數目可被用於遍歷的速度(一個手指-正常，兩 個手指=加速)，或被遍歷的圖像數目(一個手指-正常，兩個手指 =2X)。
在另一實施例中，如圖19C所示，按壓並保持218創建導航輸入。在大多數情況下，保持的長度確定在圖像之間進行切換的速度(保 持得越長，速度越快)，而按壓的位置確定切換方向。例如，在主要 圖像左側按壓使得圖像向左切換，而在主要圖像右側按壓使得圖像向 右切換(反之亦然)。可替換地或附加地，可以使用單個或多個輕敲 來創建導航輸入。作為例子，單個輕敲可以啟動單個圖像切換，其中 根據輕敲發生在何處，圖像向右或向左移動一個位置。可以使用多個 輕敲來一個一個地切換圖像。例如，兩個輕敲使得圖像移動兩個位置， 三個輕敲使得圖像移動三個位置，以此類推。
圖19D和19E示出了具有觸摸板的可攜式電子設備。圖19D包 括圓形觸摸板，而圖19E包括方形或矩形觸摸板。在一個實施例中， 觸摸板上基本上水平的揮動/滑動214創建導航輸入(或垂直的)。在 另一實施例中，繞著觸摸板的弧形或旋轉滑動216創建導航輸入。
圖19F示出了具有觸敏外殼的可攜式電子設備。觸敏外殼位於 環繞顯示器邊沿的邊框區域中。從而，邊框區域可以包括顯示器側面 之下或側面上的水平和垂直感測組件。在所示實施例中，基於圖^f象的 瀏覽器212下面的下邊框上的基本上水平的揮動/滑動214創建導航輸 入210。另外，在外殼更象是延伸的表面而不是邊沿的情況下，可以 與在圖19A- 19E所示的觸控螢幕和觸摸板的上下文中所述類似地創建 導航輸入210。
圖19G和19H示出了具有觸控螢幕的可攜式電子設備。在這個實 施例中，顯示器被配置為顯示虛擬導航元件或用戶接口元件，包括例 如類似於圖19D或19E的虛擬觸4莫區域(如圖19G所示)，和/或諸 如撥號盤或滑塊或滾動條的虛擬機構(如圖19H所示)。在一個實施 例中，虛擬機構上基本上水平的揮動/滑動214創建導航輸入。在另一 實施例中，繞著虛擬4幾構的孤形或旋轉滑動216創建導航輸入。
對於圖19A-19H,應當注意，水平線性滑動不是限制性的，並 且還可以使用垂直滑動。然而，在大多數情況下，滑動的方向被配置 為與瀏覽器的布局一致。在本例中，瀏覽器具有水平布局，並且因此 優選是水平線性滑動。在其他情況下，可以使用垂直滑動來創建水平運動。
也是對於圖19A-19H，應當注意，利用觸摸設備不是限制性的， 並且也可以使用機械裝置。例如，可以使用撥號盤、滾輪和機械滑塊。 但是，應當理解，這些方案通常不像觸摸設備那樣好，並且可能在如 何組裝可攜式電子設備方面造成更大的複雜性。
圖20是根據本發明的一個實施例的瀏覽選擇方法250。方法250 例如可被實現在可攜式電子設備上，諸如此處所描述的任何可攜式電 子設備上。可攜式電子設備通常包括可被定位在可攜式電子設備各處 任意數目的位置處的用戶接口。然而，在大多數情況下，前表面提供 用於實現用戶接口的主表面。用戶接口通常包括顯示設備和一個或多 個輸入設備。輸入設備可以極大地改變。在一個實施例中，輸入設備 至少包括用於感測感測表面之上的物體的接近或觸摸感測設備。接近 感測和觸摸感測相對於其他類型的輸入裝置具有許多優點。
方法250 —般開始於方框252，其中在顯示設備的顯示區內顯示 基於圖像的瀏覽器窗口。基於圖像的瀏覽器被配置為至少呈現一組圖 像中的一部分圖像。可以在主要或突出顯示位置以及位於主要位置鄰 近位置(例如，左邊，右邊，上部，下部等)處的一個或多個次要位 置中呈現圖像。主要位置一般意味著圖像能夠被選擇。作為例子，基 於圖像的瀏覽器可以是此處所描述的任意一種。
在方框252之後，方法250進入方框254,其中在感測表面之上 檢測物體。物體例如可以是用戶的手指，並且感測表面可與觸摸感測 設備相關聯，其中觸摸感測設備諸如是觸摸板、觸控螢幕或觸敏外殼。
在方框254之後，方法250進入方框256，其中基於物體動作識 別選擇輸入。物體動作可以是輕敲、線性輸入、旋轉輸入和/或類似動 作。當然可以使用其他物體動作。在某些情況下，可以在感測表面之 上的任意位置處識別物體動作。在其他情況下，僅可以在預定區域， 即在感測表面的特定位置處識別物體動作。可以利用物體動作的許多 方面來創建導航輸入，包括但不限於物體數目、位置、速度、方向、 動作長度等。在方框256之後，方法進入方框258，其中發起與所選圖像相關 聯的動作。如應當理解的那樣，存在分配給圖像的動作，使得當該圖 像被選擇時發生所分配的動作。動作可以極大地改變。作為例子，動 作可以涉及啟動應用、改變模式、操作新窗口、播放媒體、發起通信 等。
動作一般取決於瀏覽器(或瀏覽)的類型。例如，如果瀏覽器是 基於曲集的瀏覽器，則動作一般可以對應於呈現與曲集相關聯的歌曲 的菜單列表。如果瀏覽器是基於地址的瀏覽器，則動作一般可以對應 於呈現聯繫人信息和/或可能自動執行聯繫動作，諸如進行電話呼叫或 發起電子郵件。如果瀏覽器是日程簿瀏覽器，則動作一般可以對應於 呈現能夠進行文本輸入的日期窗口 。如果瀏覽器是基於模式的瀏覽 器，則動作可以發起模式改變，即可以啟動主要位置處的模式。如果 瀏覽器是基於照片的瀏覽器，則可以打開具有所選圖像的大窗口。如 果瀏覽器是基於應用的瀏覽器，則可以啟動所選應用。如果瀏覽器被 配置用於數據輸入，則可以輸入與圖像相關聯的數據。如果瀏覽器被 配置為呈現文檔，則可以打開與圖像相關聯的文檔並且可能打開與文 檔相關聯的應用。
圖21A - 21F示出了用於創建用於基於圖像的瀏覽器的選擇輸入 的物體動作的若干例子。選擇輸入270被設計為選擇主要位置處的突 出顯示的圖像。在所示例子中，用於選擇的圖像272位於基於圖像的 瀏覽器274的主要位置處。
圖21A-21B示出了具有觸控螢幕顯示器的可攜式電子設備。在一 個實施例中，如圖21A所示，按壓、輕敲或多個輕敲278創建選擇輸 入。在另一實施例中，如圖21B所示，觸控螢幕上基本上垂直的揮動 276或沿著觸控螢幕的基本上垂直的滑動276創建選擇輸入。在一個實 現中，可以在觸控螢幕的觸摸感測區內的任意位置進行基本上垂直的揮 動/滑動276、按壓或輕敲278。在另一實現中，必須在觸控螢幕的觸摸 感測區的特定區域中進行基本上垂直的揮動/滑動276、按壓或輕敲 278，例如在與基於圖像的瀏覽器274緊鄰的區域中，或可替換地在圖像瀏覽器274自身之上。在一種情況下，必須在主要位置內的圖像 之上進行垂直滑動或輕敲276或278。
圖21C和21D示出了具有觸摸板的可攜式電子設備。圖21C包 括具有中心按鈕區的圓形觸摸板，其中中心按鈕區可以是機械按鈕或 觸敏按鈕，而圖21D包括正方形或矩形觸摸板。在一個實施例中，按 鈕區處的按鈕按壓278創建選擇輸入(圖21C)。在另一實施例中， 按壓、輕敲或基本上垂直的揮動/滑動276創建選擇輸入(圖21D)。
圖21E示出了具有觸敏外殼的可攜式電子設備。觸敏外殼位於 圍繞顯示器的邊框區域277中。從而，邊框區域277可以包括顯示器 側面下或側面上的水平和垂直感測組件。在所示實施例中，緊鄰基於 圖像的瀏覽器274的側邊框上的基本上垂直的揮動/滑動276創建選擇 輸入。另外，在外殼更像是延伸表面的情況下，可以與在圖21A-21D 中所示的觸控螢幕和觸摸板的上下文中所描述的類似地創建選擇輸入。
圖21F示出了具有觸控螢幕的可攜式電子設備。在這個實施例中， 顯示器被配置為呈現接收觸摸輸入的虛擬機構或用戶接口元件。在一 個例子中，如圖21F所示，虛擬機構是虛擬觸摸區279和按鈕區，類 似於圖21C。在這個例子中，當輕敲按鈕區時創建選擇輸入。
圖22是根據本發明一個實施例的瀏覽器方法300。該瀏覽器方 法例如可以是前兩個方法的組合。
方法300 —般開始於方框302，其中在顯示區內顯示基於圖像的 瀏覽器窗口 。基於圖像的瀏覽器被配置為至少呈現一組圖像中的一部 分圖像。可以在主要或突出顯示位置以及處於主要位置鄰近位置(例 如，左邊，右邊，上部，下部等)處的一個或多個次要位置中呈現圖 像。主要位置一般意味著圖像能夠被選擇。作為例子，基於圖像的瀏 覽器可以是此處描述的任意一種。
在方框302之後，方法300進入方框304，其中在感測表面之上 檢測物體。物體例如可以是用戶的手指。作為例子，感測表面可以被 實現為觸摸板、觸控螢幕和/或觸敏外殼。可替換地或附加地，感測表面 可被實現為表面之上的接近區域，諸如接近感測板、接近感測屏和/或接近感測外殼。
在方框304之後，方法300進入方框306，其中確定是否接收到 導航輸入。
如果接收到導航輸入，則方法300進入方框308，其中基於圖像 的瀏覽器的圖像根據導航輸入切換。切換例如可以基於物體的數目、 位置、速度、方向、和物體動作的長度。 一般地說，切換包括順序地 將圖像推移如或推移出觀察區，並且通過次要和主要位置。推移可以 與用戶相對於感測表面的打轉、滑動或揮動動作的速度成比例。
如果未識別出導航輸入，則方法300進入方框310，其中確定是 否接收到選擇輸入。如果未接收到選擇輸入，則方法300返回到方框 306。如果接收到選擇輸入，則方法300進入方框312，其中呈現與主 要或突出顯示的圖像相關聯的可選擇數據。例如可以垂直菜單列表格 式呈現可選擇的數據。
此後，方法300進入方框314,其中確定是否選擇了可選擇數據 項中的任何一個。如果沒有，則方法進入方框316,其中方框316可 以是待命(standby)方框或超時方框。如果是待命，則方法300等待 進行選擇，即呈現菜單列表直到做出選擇為止。如果是超時，則方法 300返回到顯示圖像瀏覽器(方框302)。 一般地，顯示器恢復回在 進行選擇輸入之前最後的瀏覽器設置。
如果在方框314確定選擇可選擇數據項，則方法300進入方框 318，其中發起與可選擇項相關聯的動作。
在一個實施例中，以增量(increment)劃分被指定為接收揮動 的區域的大小，其中每個增量代表一個圖像。因此，用戶能夠估量他 們願意瀏覽的位置。在大多數情況下，區域根據圖像數目而增加。
根據瀏覽器中圖像的數目，可能需要一個或多個揮動來瀏覽整個 圖像集。
圖23A - 23H示出了使用上述方法的示例性瀏覽序列。在可攜式 電子設備上執行該瀏覽序列，其中該可攜式電子設備具有布置在便攜 式電子設備的顯示區之上的觸控螢幕。
39如圖23A所示，可攜式電子設備在可攜式電子設備的顯示區中 顯示基於圖像的瀏覽器。在這個例子中，基於圖像的瀏覽器被配置為 呈現與存儲在可攜式電子設備上的音軌或歌曲相關聯的曲集圖像(每 個歌曲具有分配給其的一個曲集圖像)。
如圖23B所示，用戶在顯示區之上揮動其手指。在某些情況下， 揮動可以依賴於顯示區內的位置，而在其他情況下，可以在顯示區內 的任意位置進行揮動。在所示實施例中，在被顯示的圖像瀏覽器之下 的區域中執行揮動。這允許用戶在進行揮動的同時觀看圖像瀏覽器。 當然，其他區域也是可能的，例如在瀏覽器之上揮動。這具有模擬翻 動真實曲集箱的優點。
如圖23C所示，可攜式電子設備識別揮動並相應地移動圖像。 作為例子，揮動的長度、揮動的速度和揮動的方向是控制針對給定揮 動進行循環的圖像數目的許多可能因素中的一些因素。在所示實施例 中，用戶向左揮動，這使得圖像向左移動(這類似於翻動曲集箱)。 當然，也可以與手指揮動方向相反地移動圖像。在大多數情況下，圖 像移動與手指揮動同時發生。
如圖23D所示，用戶在主要位置處的圖像之上輕敲或按壓其手 指。可替換地，用戶可以在主要位置的圖像處垂直揮動。
如圖23E所示，可攜式電子設備識別輕敲或按壓或垂直揮動， 並且呈現與主要位置處的曲集相關聯的歌曲列表。歌曲列表中的每個 歌曲是可選擇的。在某些情況下，這是一個全新的窗口 (例如，菜單 窗口)。在其他情況下，列表是圖像的一部分或與圖像有關。例如， 列表可以覆蓋在圖像的頂部上，或在與曲集插圖有關的新圖像之上 (例如，曲集的背面)。在一個實施例中，圖像被配置為繞水平軸旋 轉，從而使得看起來好像正在觀看包含該列表的圖像的背面。如果使 用垂直揮動，則旋轉方向可以與垂直揮動的方向有關，從而使得看似 用戶正在翻動圖像。另外，與原始圖像大小相比，可以放大歌曲列表 以及圖像，以使得更易於觀看選擇。作為例子，可以使用使得圖像和 列表看似增長的切換效果。同時，隨著圖像列表大小的增長，可以使
40得次要圖像更小或收縮(或它們可以簡單地消失)。在某些情況下， 可以顯示列表中的每個歌曲，而在其他情況下，可以僅顯示列表的一 部分。
在圖23F中，用戶可以在歌曲列表中導航。這例如可以通過發 起垂直滾動的垂直揮動來完成。這還可以採用隨著手指在列表中上下 移動而移動的高亮顯示條來完成，例如高亮顯示條高亮顯示手指附近 的歌曲(如圖所示)。
如圖23F所示，垂直揮動可以在列表中移動高亮顯示條。
如圖23G所示，用戶通過例如在所希望的歌曲之上按壓或輕敲 其手指來執行選擇事件。
如圖23H所示，可攜式電子設備識別選擇事件，並且開始播放 歌曲。可攜式電子設備還可以打開播放窗口 (如圖所示)。
圖24A - 24H示出了使用上述方法的示例性瀏覽序列。在可攜式 電子設備上執行該瀏覽序列，其中該可攜式電子設備具有顯示區和單 獨的觸摸板區域以及按鈕區。這可被物理或虛擬地實現。
如圖24A所示，可攜式電子設備在可攜式電子設備的顯示區中 顯示基於圖像的瀏覽器。基於圖像的瀏覽器被配置為呈現與存儲在便 攜式電子設備上的地址簿相關聯的聯繫人圖像(每個聯繫人具有分配 給其的一個圖像)。作為例子，聯繫人圖像可以是地址簿中個人的照片。
如圖24B所示，用戶在觸摸板區域之上揮動其手指。 如圖24C所示，可攜式電子設備識別揮動，並相應移動圖像。 作為例子，揮動的長度、揮動的速度和揮動的方向是控制針對給定揮 動進行循環的圖像數目的許多可能因素中的少量幾個因素。在所示實 施例中，用戶順時針揮動，這使得圖像向左移動。當然，也可以與手 指揮動方向相反地移動圖像。在大多數情況下，圖像移動與手指揮動 同時發生。
如圖24D所示， 一旦所希望的圖像被置於主要位置，則用戶在 按鈕區之上輕敲或按壓其手指。可替換地，用戶可以按壓或輕敲觸摸板區域(單擊，雙擊等)。
如圖24E所示，可攜式電子設備識別輕敲或按壓，並且呈現與 聯繫人圖像相關聯的聯繫人信息。聯繫人信息可以包括地址、家庭成 員、電話號碼、電子郵件地址。在某些情況下，該數據可以是可選擇 的數據，例如電話號碼和電子郵件地址。在某些情況下，這是一個全 新的窗口 (例如菜單窗口 )。在其他情況下，聯繫人信息是聯繫人圖 像的一部分或與聯繫人圖像有關。在一個實施例中，聯繫人圖像被配 置為繞著水平軸旋轉，從而使得看似正在觀看包含列表的聯繫人圖像 的背面。如果使用垂直揮動，則旋轉方向可以與垂直揮動的方向有關， 從而使得看似用戶正在翻動圖像。另外，與原始圖像大小相比，可以 放大聯繫人信息，以使得更易於觀看和選擇。作為例子，可以使用使 得聯繫人信息看似增長的切換效果。同時，隨著圖像列表大小的增長， 可以使得次要圖像更小或收縮(或它們可以簡單地消失)。在某些情 況下，顯示所有聯繫人信息，而在其他情況下，僅顯示聯繫人信息的 一部分。
如圖24F所示，用戶在聯繫人信息中導航。當數據量比正在顯 示的大時，這例如可以通過發起垂直滾動的垂直揮動來完成。
如圖24G所示，用戶通過例如在可選擇的數據項、諸如電話號 碼之上按壓或輕敲其手指來執行選擇事件。
如圖24H所示，可攜式電子設備識別選擇事件，並且可以發起 電話呼叫。可攜式電子設備還可以回返到聯繫人圖像，從而用戶知道 在呼叫誰。
圖25是根據本發明一個實施例的選擇方法350。方法350 —般 地開始於方框352，其中在顯示區內顯示基於圖像的瀏覽器窗口。基 於圖像的瀏覽器被配置為至少呈現一組圖像中的一部分圖像。可以在
主要或突出顯示位置以及處於主要位置鄰近位置(例如，左邊，右邊， 上部，下部等)處的一個或多個次要位置中呈現圖像。主要位置一般
意味著圖像能夠被選擇。作為例子，基於圖像的瀏覽器可以是此處描 述的任意一種。
42在這個實施例中，存在與前圖像相關聯的後圖像。當瀏覽器正切 換元素時呈現前圖像。當前圖像被選擇時呈現後圖像。後圖像例如可 以包括與前圖像相關聯的可選擇的數據。
在方框352之後，方法350進入方框354,其中檢測選擇輸入事 件。在一個實施例中，選擇輸入事件是輕敲或按壓。在另一實施例中， 選擇輸入事件是垂直揮動事件。雖然不要求，但是在大多數情況下， 對於將被識別的選擇事件，選擇事件必須發生在主要位置中的圖像之 上。
在方框354之後，方法進入方框356，其中當檢測到選擇輸入事 件時翻轉前圖像和後圖像。例如，如果正顯示前圖像並且檢測到選擇 輸入事件，則從視圖中去除前圖像，而呈現後圖像用於視圖。相反， 如果正顯示後圖像並且檢測到選擇輸入事件，則從視圖中去除後圖 像，而呈現前圖像用於視圖。在一個實施例中，翻轉簡單的是在相同 位置插入或取代圖像。在另一實施例中，圖像被配置為看似繞著水平 軸旋轉。在這個實施例中，圖像繞著水平軸從前轉到後以及從後轉到 前。在某些情況下，這可以包括當圖像旋轉時使圖像歪斜，以使其看 似在前景和背景之間移動(例如，前緣變大而後緣變小)。本質上， 該效果被配置為模擬旋轉2D平面物體，使得可以看到物體的不同側。
圖26A-26E示出了在上述實施例中所使用的翻轉序列。如圖 26A所示，用戶將其手指放置在要翻轉的圖像之上(例如，主要圖像)。 如圖26B-26D所示，用戶在垂直方向上滑動其手指。滑動可以是向 上或向下。
如圖26B所示，在滑動開始時圖像的邊沿在手指垂直移動時跟 隨手指。在本例中，手指向下滑動，並且因此元素的上邊沿跟隨手指。 另外，水平軸之上的元素的第一部分被配置為放大，而水平軸之下的 元素的第二部分;^皮配置為收縮。另外，元素^f皮配置為在運動過程中傾
斜，以使得看似第一部分正引到前景，並且第二部分正被移到背景。 例如，第一部分的上邊沿從水平軸水平向外傾斜，而下部的下邊沿從 水平軸水平向內傾斜。
43如圖26C所示，繼續這個效果，直到圖像的上邊沿和下邊沿與 水平軸對齊。圖像消失，或者顯示小的線段。
如圖26D所示，隨著手指垂直移動，圖像的邊沿繼續跟隨手指。 第一部分開始移到水平軸之下，並且第二部分移到水平軸之上。第一 部分保持被放大並且向外傾斜，但是以相反的取向，而第二部分保持 較小並且向內傾斜，但是以相反的取向。
還可以例如從前景到背景傾斜圖像上的內容。
如圖26E所示，在滑動的最後，後圖像被以其原始大小並且沒 有任何歪斜地(原始狀態)置於視圖中。然而，在某些情況下，在翻 轉過程中可以使後圖像逐漸變大，尤其是如果它包含可選擇數據或難 以觀看的數據。
應當注意，本發明不限於前和後圖像，並且可以翻閱主要位置處 不止兩個圖像。
圖27是才艮據本發明一個實施例的瀏覽方法400。方法400 —般 地開始於方框402，其中在顯示區內顯示基於圖像的瀏覽器窗口。基 於圖像的瀏覽器被配置為至少呈現一組圖像中的一部分圖像。可以在
主要或突出顯示位置以及處於主要位置鄰近位置(例如，左邊，右邊， 上部，下部等)處的一個或多個次要位置中呈現圖像。在所示實施例
中，瀏覽器包括主要圖像左側和右側兩者上的多個次要圖像。主要位 置一般意味著元素能夠被選擇，以啟動新任務或動作。作為例子，基 於圖像的瀏覽器可以是此處描述的任意一種。
在方框402之後，方法進入方框404，其中在次要圖像之一之上 識別選擇輸入事件。選擇輸入可以是輕敲或按壓，或可以僅是物體出 現在次要圖像之上。
在方框404之後，方法進入方框406，其中切換圖像以便將所選 次要圖像置於主要位置中。例如，如圖28A和28B所示，當用戶將其 手指放置在主要位置左側兩個位置的次要圖像之上時，所有圖像向右 移動兩個位置，使得所選次要圖像被置於主要位置中。可以對主要位 置左側的次要圖像進行相同的處理。圖29是根據本發明一個實施例的瀏覽方法420。方法420 —般 地開始於方框422，其中在顯示區內顯示基於圖像的瀏覽器窗口。基 於圖像的瀏覽器被配置為至少呈現一組圖像中的一部分圖像。可以在
主要或突出顯示位置以及處於主要位置鄰近位置(例如，左邊，右邊， 上部，下部等)處的一個或多個次要位置中呈現圖像。主要位置一般
意味著圖像能夠被選擇以啟動新任務或動作。作為例子，基於圖像的 瀏覽器可以是此處描述的任意一種。每個圖像具有與其相關聯的字母 表字母標記。字母表字母標記例如可以基於與圖像相關聯的標題的拼
寫。例如，在曲集的情況下，字母表字母標記是曲集名稱。另外，圖 像被配置為處於基於字母表字母標記的字母表順序(例如，圖像以 Al開始，並且水平地位於另一個旁邊直到Z (n))。
方法420還包括方框424，其中在顯示區的底部上以字母表順序 顯示字母表的字母。方法420還包括方框426，其中在所顯示的字母 之上檢測物體。方法420還包括方框428，其中切換圖像瀏覽器的圖 像，以便將與該字母相關聯的第一圖像置於主要位置中。例如參見圖 30A和30B,其示出了如果用戶應當移動並將其手指放置在字母E之 上和/或按壓字母E，則圖像隨後切換，使得第一個E圖像被置於主要 位置。在一個實施例中，所選擇的字母被高亮顯示，或當字母被選擇 時顯示新字母標誌符。
應當理解，本發明不限於字母表順序，並且可以使用其他準則， 包括例如流派、時間等。
圖31是根據本發明一個實施例的瀏覽方法450。方法450包括 方框452，其中顯示基於圖像的瀏覽器。基於圖像的瀏覽器包括主要 位置和主要位置第一和第二側上的第一和第二次要位置。基於圖像的 瀏覽器例如可以對應於此處描述那些中的任意一個。
方法450還包括方框454，其中在位於主要位置多側處的第 一或 第二次要位置處的圖像之上檢測物體。方法450還包括方框456,其 中次要圖像之上的物體的出現被識別為導航輸入。
方法450還包括方框458，其中根據導航輸入切換圖像。例如，
45如果物體位於第一側上，則圖像在第一方向上移動，而如果物體位於 第二側上，則圖像在與第一方向相反的第二方向上移動。作為例子， 如果物體位於左側，則圖像向左移動，而如果物體位於右側，則圖像 向右移動。圖像移動的位置數一般取決於檢測到物體的時間長度。例
如，一 (1)秒的檢測可以等於五(5)次圖像切換。另外，快速輕敲 可被配置為移動一個切換。以這種方式，用戶可以通過輕敲而增量地 切換圖像。在提供多觸感測表面的情況下，本發明還可以提供基於在 用戶動作過程中出現的手指數的加速瀏覽。例如，增加第二個手指使 得遍歷加快2倍，增加第三個手指使得遍歷加快3倍等。
圖32是根據本發明一個實施例的為列表分配圖像的方法500。 可以在將列表下載到可攜式電子設備之前在主機處執行該方法，或可 替換地，它可在可攜式電子設備處被執行。
方法500 —般以創建文件的方框502開始。文件可以是數據項列 表。該列表例如可以是包含大歌曲庫中一部分歌曲的播放列表。播放 列表有些是子菜單的，從而用戶不必瀏覽大的庫。它還起將歌曲組織 成諸如舞曲或輕音樂等的類別中的用途。應當理解，文件不限於播放 列表，並且在文件中可以包含其他數據。例如，文件可以是包含聯繫 人信息的地址文件。創建文件通常包括為文件提供標題或題目。
在方框502之後，方法500進入方框504,其中為文件分配圖像。 例如可以從照片庫、pdf庫等中選擇圖像。這可以例如通過(l)選擇 文件、(2)選擇操作菜單中的增加圖像選項，從而打開包含圖像的 窗口、 (3)從窗口中選擇圖像、和隨後(4)將圖像分配給播放列表 來完成。
在方框504之後，方法進入方框506,其中圖像被添加到圖像瀏 覽器。包括該圖像的文件將被置於圖像瀏覽器，從而它將被包括在任 意後續瀏覽經歷中。
圖33是根據本發明一個實施例的可攜式電子設備的操作方法 550。可攜式電子設備能夠被在多個取向上使用。作為例子，可以在 縱向模式和橫向模式中使用可攜式電子設備。在一個實施例中，便攜
46式電子設備具有矩形的顯示區。作為例子，顯示區可以具有對應於橫
向和縱向模式的16: 9或4: 3的配置。另外，顯示區可被配置為基 本上充滿可攜式電子設備的前表面。
方法550 —般地開始於方框552，其中提供第一 GUI和第二 GUI。 第一和第二 GUI基於相同的數據，但使用不同的格式化方案來示出數 據。在一個實施例中，第一 GUI被配置為基於文本的垂直菜單列表， 而第二 GUI被配置為基於圖像的圖像瀏覽器。圖像瀏覽器中的圖像與 菜單中的相應文本數據相關聯。作為例子，第一GUI可以是音軌的垂 直列表，而第二GUI可以是曲集的水平排列。
在方框552之後，方法進入方框554，其中確定可攜式電子設備 的取向。這可以例如採用傾斜傳感器或加速計(除了其他之外)來完 成。在一個實施例中，確定包括確定正在縱向模式中還是在橫向模式 中使用可攜式電子設備。
如果可攜式電子設備處於第一取向(縱向)，則方法554進入方 框556,其中呈現第一圖形用戶接口 (GUI)。
如果可攜式電子設備處於第二取向(橫向)，則方法進入方框 558,其中呈現第二圖形用戶接口 (GUI)。
在一個實施例中，如圖34所示，當設備處於縱向模式時呈現基 於菜單的窗口，並且當設備處於橫向模式時呈現基於圖像的瀏覽器。 應當理解，縱向模式適合於例如在垂直菜單列表中的垂直滾動，而橫 向模式適合於例如在水平圖像瀏覽器中的水平滾動(在橫向模式中可 以觀看到更多圖像)。
圖35是根據本發明一個實施例的媒體播放器700的方框圖。媒 體播放器700包括屬於用於控制媒體播放器700的整體操作的微處理 器或控制器的處理器702。媒體播放器700在文件系統704和高速緩 存706中存儲屬於媒體項的媒體數據。文件系統704通常是存儲盤或 多個盤。文件系統704通常為媒體播放器700提供高容量存儲能力。
當在磁碟模式中操作時)。然而，由於對文件系統704的存取時間相對慢，媒體播放器700還可以包括高速緩存706。高速緩存706例如 是以半導體存儲器提供的隨機存取存儲器(RAM)。對高速緩存706 的相對存取時間明顯短於文件系統1004。然而，高速緩存706不具有 文件系統1004的大存儲容量。另外，文件系統704在活動時比高速 緩存706消耗更多能量。當媒體播放器700是以電池(未示出)供電 的可攜式電子設備時，能耗經常是關心的。媒體播放器700還包括 RAM 720和只讀存儲器(ROM) 722。 ROM 722可以以非易失性方 式存儲將執行的程序、實用程序或處理。RAM 720諸如為高速緩存 1006提供易失性數據存儲。
媒體播放器700還包括允許媒體播放器700的用戶與媒體播放器 700交互的用戶輸入設備708。例如，用戶輸入i殳備708可以採取各 種形式，諸如按鈕、小鍵盤、撥號盤等。另外，媒體播放器700包括 可由處理器702控制以向用戶顯示信息的顯示器710 (屏幕顯示)。 數據總線711可以有利於至少在文件系統704、高速緩存706、處理 器702和CODEC 712之間的數據傳輸。
在一個實施例中，媒體播放器700用於在文件系統704中存儲多 個媒體項(例如，歌曲)。當用戶希望媒體播放器播放特定媒體項時， 在顯示器710上顯示可用媒體項的列表。然後，通過使用用戶輸入設 備708，用戶可以選擇可用媒體項之一。處理器702在接收到對特定 媒體項的選擇之後，將特定媒體項的媒體數據(例如，音頻文件)提 供給編碼器/解碼器(CODEC) 712。 CODEC 712然後生成用於揚聲 器714的模擬輸出信號。揚聲器714可以是媒體播放器700內部的或 媒體播放器700外部的揚聲器。例如，連接到媒體播放器700的頭戴 聽筒或耳機被認為是外部揚聲器。
媒體播放器700還包括耦接到數據鏈路718的網絡/總線接口 716。數據鏈路718允許媒體播放器700耦接到主機計算機。可以在 通過有線連接或無線連接提供數據鏈路718。在無線連接的情況下， 網絡/總線接口 716可以包括無線收發器。
在一個實現中，主機計算機可以利用駐留在主機計算機上的應用
48來允許利用並提供對播放列表-包括媒體設備播放列表-的管理。
一種這才羊的應用是Cupertino, CA的Apple Inc,出品的iTunesTM。
圖36是根據本發明一個實施例的媒體管理系統800的方框圖。 媒體管理系統800包括主機計算機802和媒體播放器804。主機計算 機802通常是個人計算機。除了其他常規組件之外，主機計算機包括 作為軟體模塊的管理模塊806。管理模塊806提供對於不僅主機計算 機802上的、而且媒體播放器804上的媒體項(和/或播放列表)的中 央管理。更具體地，管理模塊806管理存儲在與主機計算機802相關 聯的媒體存儲設備808中的那些媒體項。管理模塊806還與媒體數據 庫810交互，以在媒體存儲設備808中存儲與媒體項相關聯的媒體信 阜、
媒體信息涉及媒體項的特性或屬性。例如，在音頻或影音媒體的
情況下，媒體信息可以包括以下中的一個或多個標題、曲集、軌跡、 藝術家、創作者和流派。這些類型的媒體信息特定於特定的媒體項。 另外，媒體信息可以涉及媒體項的質量特性。媒體項的質量特性的例 子可以包括下面中的一個或多個位速率、採樣率、均衡器設置、音 量調節、開始/停止和總時間。
另外，主機計算機802包括播放模塊812。播放模塊812是可被 用於播放存儲在媒體存儲設備808中的某媒體項的軟體模塊。播放模 塊812還可以顯示(在顯示器屏幕上)或以其他方式利用來自媒體數 據庫810的媒體信息。通常，感興趣的媒體信息對應於將由播放模塊 812播放的媒體項。
主機計算機802還包括耦接到媒體播放器804內相應通信模塊 816的通信模塊814。連接或鏈路818可拆除地耦接通信模塊814和 816。在一個實施例中，連接或鏈路818是提供數據總線-諸如 FIREWIRETM總線或USB總線-的纜線，這是本領域公知的。在另 一實施例中，連接或鏈路818是無線信道或通過無線網絡的連接。因 此，根據實現，通信模塊814和816可以有線或無線方式通信。
媒體播放器804還包括存儲媒體播放器804內的媒體項的媒體存
49儲設備820。可選地，媒體存儲設備820還可以存儲數據，即非媒體 項存儲。通常通過連接或鏈路818從主機計算機702接收被存儲到媒 體存儲設備820的媒體項。更具體地，管理模塊806通過連接或鏈路 818將駐留在媒體存儲設備808上的所有或某些媒體項發送到媒體播 放器804內的媒體存儲設備820。另外，也被從主機計算機802傳遞 到媒體播放器804的媒體項的相應媒體信息可以被存儲在媒體資料庫 822中。就此而言，來自主機計算機802內媒體資料庫810的某些媒 體信息可以通過連接或鏈路818被發送到媒體播放器804內的媒體數 據庫822。另外，管理模塊806還可以通過連接或鏈路818將標識某 些媒體項的播放列表發送到媒體播放器804內的媒體存儲設備820或 媒體資料庫822。
另外，媒體播放器804包括耦接到媒體存儲設備820和媒體數據 庫822的播放模塊824。播放模塊824是可被用於播放存儲在媒體存 儲設備820中的某些媒體項的軟體模塊。播放模塊824還可以顯示(在 顯示器屏幕上)或以其他方式利用來自媒體資料庫822的媒體信息。 通常，感興趣的媒體信息對應於將由播放模塊824播放的媒體項。
因此，在一個實施例中，媒體播放器804具有有限能力來或不能 管理媒體播放器804上的媒體項。然而，主機計算機802內的管理模 塊806可以間接地管理駐留在媒體播放器804上的媒體項。例如，為 了將媒體項"添加，，到媒體播放器804,管理模塊806起從媒體存儲設 備808中識別要添加到媒體播放器804的媒體項的作用，並且使所識 別的媒體項被傳遞到媒體播放器804。作為另一例子，為了從媒體播 放器804中"刪除，，媒體項，管理模塊806起從媒體存儲設備808中識 別要刪除的媒體項的作用，並且使所識別的媒體項被從媒體播放器 804中刪除。作為另一例子，如果利用管理模塊806在主機計算機802 處改變(即變動)媒體項的特性，則這樣的特性也可被延續到媒體播 放器804上的相應媒體項。在一個實現中，在媒體播放器804上的媒 體項與主機計算機802上的媒體項同步期間，以類似批量的處理進行 添加、刪除、和/或改變。在另 一實施例中，媒體播放器804具有有限的能力來或不能管理 媒體播放器804上的播放列表。然而，主機計算機802內的管理模塊 806可以通過管理駐留在主機計算機上的播放列表來間接地管理駐留 在媒體播放器804上的播放列表。就此而言，對播放列表的添加、刪 除或改變可以在主機計算機802上被執行，並且然後當被傳遞到時而 被延續到媒體播放器804。
如前所述，同步是媒體管理的一種形式。在上面並且在上面提到 的相關申請中還討論了自動啟動同步的能力。然而，另外可以限制設 備之間的同步，以在主機計算機和媒體播放器彼此未識別時防止自動 同步。
根據一個實施例，當媒體播放器首次連接到主機計算機時(或更 一般地，當不存在匹配標識符時)，詢問媒體播放器的用戶其是否希 望將媒體播放器加入、分配或鎖定到主機計算機。當媒體播放器的用
戶選擇將媒體播放器加入、分配或鎖定到主機計算機時，則偽隨機標 識符被獲取並被存儲在主機計算機和媒體播放器兩者內的媒體數據 庫或文件中。在一個實現中，該標識符是與主機計算機或其管理模塊 相關聯(例如，由主機計算機或其管理模塊產生或已知)的標識符， 並且這種標識符被發送並存儲在媒體播放器中。在另一實現中，標識 符與媒體播放器相關聯(例如，由媒體播放器產生或已知的)，並且
被發送並存儲在主機計算機的文件或媒體資料庫中。
具有圖像功能的基於圖像的瀏覽器通常需要多個不同的圖像格 式，以支持瀏覽器的各種顯示模式。例如，瀏覽器可能需要用於主要 位置的完整圖像、以及用於次要位置的各種縮略圖，這可以幫助用戶 瀏覽一組圖像。這可以包括局部版本、傾斜版本、包括反射的版本等。
用於創建圖像瀏覽器窗口的各種圖像的 一 種方法是將原始圖像 下載到可攜式媒體設備，並且然後在需要顯示時將原始圖像代碼轉換 (traiiscode)為可攜式媒體設備上所需要的格式。這有時被稱為實時 處理數據。雖然這可能工作，但是一般認為這種方法具有若干缺點， 這使得對於用戶吸引力很小。例如，由于格式化圖像是處理密集的任
51務(尤其是在缺乏其更大主機的馬力的可攜式媒體設備上)，可攜式 媒體設備往往操作得慢，並且消耗更多能量。因此，在可攜式媒體設 備上格式化圖像可能導致不令人滿意的用戶體驗。例如，在圖像被格 式化期間用戶必須等待。另 一個例子是可攜式媒體設備的電池往往更 經常地耗盡。
為了減小或克服這些缺點，可以在下載之前或下載期間在主機計 算機上預先格式化圖像。當圖像被識別為用於下載時，從原始圖像得 到的各種預格式化圖像(並且可能還有原始圖像)被發送到可攜式媒 體設備。在可以比可攜式媒體設備更容易地處理這些任務的主機上執 行該處理。任務例如可以包括縮放、裁剪、旋轉、顏色校正、傾斜、 反射等等。 一旦被可攜式媒體設備接收，預格式化的圖像就被存儲以 便以後使用。通過存儲這些圖像，媒體設備不必執行與圖像格式化相 關聯的任何勞動密集型任務。即，預先格式化的圖像使得媒體設備從 顯示這些圖像所需的大部分工作中解脫出來。結果，設備操作得更快， 並且不需要重複充電。在一個實施例中，預先格式化的圖像中的至少 某一些是縮略圖。
在媒體設備使用期間，基於圖像的瀏覽器可以請求顯示圖像。取 代上述方法中的處理原始圖像，設備簡單地從媒體資料庫獲取適當的 預先格式化的圖像，並且在顯示器上將其呈現給用戶。預先格式化的 圖像可以包括用於主要位置的完整圖像和用於次要位置的多個不同 的縮略圖大小的圖像。然而，在某些情況下，當要呈現圖像時，可以 仍然使用媒體設備來執行某些處理(例如，切換、動畫、傾斜、反射 等)。
在某些情況下，媒體設備在被連接到主機時向主機表達或通知主 機在將圖像下載到媒體設備時希望哪些圖像格式。媒體設備例如可以
向主機設備發送對應於不同格式的各種圖像簡檔(profile)。圖像簡 檔一般包含每個圖像格式的屬性或關鍵字。作為例子，圖像簡檔可以 描述每個圖像格式的大小、取向、像素格式、色深度等。該特定方法
3;的兼容性問題，即由於媒體設備表達它想要從主機設備獲取什麼信息 時，所以軟體/硬體的版本不相關。
圖37是根據本發明一個實施例的在主機設備和可攜式媒體設備 之間傳輸圖像數據的方法900。例如可由媒體管理軟體執行方法900。 該方法包括方框卯2、 904和906。在方框902中，在主機設備處接收 圖像下載請求。圖像下載請求指定存儲在主機設備上的圖像用於下載 到可攜式媒體設備。可以在主機設備處或通過用戶接口在媒體設備處 做出請求。例如，用戶可以選擇一組圖像，然後選擇下栽按鈕。可替 換地，可由媒體設備做出請求而不需要用戶輸入。
在方框904中，在主機設備處產生用於每個被請求圖像的圖像集 合。每個圖像集合包含原始圖像的新版本或不同格式。在某些情況下， 圖像集合還可以包含原始圖像。例如，新版本可以包括主要圖像和各 種次要圖像，其中次要圖像中的每一個通常是主要圖像的較小版本 (並且可被重新配置、傾斜、反射等)。應當注意，新版本的文件大 小通常比原始圖像的文件大小小很多。因此，與相應的原始圖像相比， 它們佔據存儲設備中更少的空間。
每個新版本具有基於可攜式媒體設備的顯示需要的不同圖像簡 檔。特定媒體設備的圖像簡檔可被存儲在主機設備中，或者圖像簡檔 可以通過媒體設備被提供給主機設備。在第一種情況下，媒體設備可 以為主機設備提供標識符(ID)，其中主機可以使用該標識符來確定 發出請求的媒體設備的圖像簡檔。例如，在獲取ID之後，主機可以 參考包括被識別的媒體設備的所有能力的以前存儲的表或列表。在後 一種情況下，作為與主機設備的同步或握手過程的一部分，媒體設備 可以自動地上傳該信息。
在方框906中，作為下載處理的一部分，用於每個被請求圖像的 圖像集合被發送到可攜式媒體設備。 一旦被可攜式媒體設備接收，圖 像集合被存儲在可攜式媒體設備中以便以後使用。圖像集合可以被存 儲在可攜式媒體設備的存儲器中。為了在存儲器中高效地存儲圖像， 每個不同的圖像集可被存儲在它們自己的文件內。一旦被下栽並且在媒體設備的操作過程中，可以在媒體設備上做 出顯示請求。此後，基於顯示請求，從存儲器檢索一個或多個圖像。 顯示請求指出要被顯示在媒體播放器上的圖像。
一旦被檢索到，圖像 可被顯示。在瀏覽模式中，按照瀏覽器所確定地顯示圖像。
圖38是根據本發明 一個實施例的可攜式媒體設備1000的操作方 法。該方法包括方框1002、 1004、 1006和1008。在方框1002中，存 儲圖像數據。圖像數據至少包括多個圖像集合。圖像集合包含基於原 始圖像的多個不同格式化的圖像，並且還可以包括原始圖像。不在便 攜式媒體設備上形成圖像集合；而是在非可攜式媒體設備的設備上單 獨產生它們。例如，可以在將圖像集合下載到可攜式媒體設備以便存 儲的主機設備上產生圖像集合。作為例子，可由圖37所述的方法提
供圖像集合。可替換地或附加地，可從已從主機下載了圖像集合的另 一可攜式媒體設備下載圖像集合。
在方框1004中，接收顯示命令。顯示命令指定將被顯示的圖像 數據的 一個或多個圖像。可以通過在媒體播放器的用戶接口上進行選 擇的用戶來產生顯示命令。
在方框1006中，至少檢索被指定的圖像。在某些情況下，僅檢 索被指定的圖像。在其他情況下，不只檢索被指定的圖像。例如，雖 然顯示命令可能僅指定單個圖像，但是可以附加地檢索與該圖像相關 聯或連結到該圖像的其他圖像。
在方框1008中，輸出所述一個或多個被檢索的圖像。被檢索的 圖像可以被輸出到顯示器。在接收到被檢索的圖像之後，顯示被檢索 的圖像。在某些情況下，顯示所有圖像，而在其他情況下，僅顯示這 些圖像的一部分。當圖像的大小和數目大於屏幕大小和/或基於圖像的 瀏覽器中的位置數時，可以實施後一種情況。
在美國專利申請No. 10/973,657中可以找到在主機和可攜式設備 之間傳輸圖像以及在可攜式設備處顯示圖像的例子，通過引用將該申 請文獻結合在此。
雖然在多個上述實施例中強調的媒體項(或媒體資源)是音頻項
54(例如，音頻文件或歌曲)，但是媒體項不限於音頻項。例如，媒體 項可以可替換地涉及視頻(例如，電影)或圖像(例如，照片)。
雖然在上面多個實施例中針對可攜式電子設備描述了本發明，但 是本發明不限於用於可攜式電子設備。本發明的其他實施例可被用於 其他電子設備，這些電子設備可以是可攜式的也可以不是可攜式的， 諸如計算機(例如，個人計算機)、媒體播放器(例如，音樂、視頻、
遊戲、圖像)或媒體存儲設備。
本發明的各個方面、實施例、實現或特徵可被單獨使用，或以任 意組合使用。
本發明優選地由軟體實現，但是也可以硬體或硬體和軟體的組合 實現。本發明還可被實現為計算機可讀介質上的計算機可讀代碼。計
據存;設備。、計;機可讀介質口的;列子包括只讀存儲器 隨機存取;儲
器、CD-ROM、 DVD、磁帶、光數據存儲設備和載波。計算機可讀 介質還可被分布在聯網的計算機系統上，從而以分布方式存儲和執行 計算機可讀代碼。
雖然已經按照若干優選實施例描述了本發明，但是存在落在本發 明的範圍內的改動、置換和等同物。
還應當注意，存在實現本發明的方法和裝置的許多可替換方式。 因此，旨在將下面所附的權利要求解釋為包括落在本發明的真實精神 和範圍內的所有這些改動、置換和等同物。
權利要求
1. 一種包括觸敏表面和視覺輸出設備的手持式電子設備，所述視覺輸出設備能夠在至少兩個組中呈現多個圖像，其中所述多個圖像能夠響應於對於所述觸敏表面的用戶輸入而順序地從第一組推移到第二組。
2. 如權利要求1的手持式電子設備，其中所述用戶輸入是手指在 所述觸敏表面上或接近所述觸敏表面的滑動動作。
3. 如權利要求1的手持式電子設備，其中所述視覺輸出設備和所 述觸敏表面是觸控螢幕顯示器的一部分。
4. 如權利要求3的手持式電子設備，其中所述用戶輸入是用戶手 指沿著所述觸控螢幕顯示器的表面的滑動。
5. 如權利要求4的手持式電子設備，其中所述推移基本上與手指 沿著所述觸控螢幕顯示器的表面滑動的速度成比例。
6. 如權利要求4的手持式電子設備，其中手指在所述觸控螢幕顯示 器正顯示的第一組圖像和第二組圖像上滑過所述觸控螢幕顯示器，以便 在所述第 一組和所述第二組之間順序地推移圖像。
7. 如權利要求4的手持式電子設備，其中手指滑過正顯示的用戶 界面元素上，以便在所述第一組和所述第二組之間順序地推移圖像。
8. 如權利要求1的手持式電子設備，其中所述觸敏表面包括觸摸板。
9. 如權利要求1的手持式電子設備，其中滑動手指是所述觸敏表 面上基本上水平的揮動。
10. 如權利要求1的手持式電子設備，其中滑動手指是關於所述 觸敏表面的基本上為圓周的運動。
11. 如權利要求1-10中任一項的手持式電子設備，其中手指滑 動被識別為手勢。
12. 如權利要求1-10中任一項的手持式電子設備，其中響應於 用戶在所述觸敏表面上輕敲其手指，呈現與所述圖像中至少一個圖像相關聯的可供選擇的 一組數據。
13. 如權利要求12的手持式電子設備，其中在正被呈現的所述圖 像中所述至少一個圖像上提供手指輕敲，以便呈現所述可供選擇的一 組數據。
14. 如權利要求1-10中任一項的手持式電子設備，其中基本上 完全可見地呈現所述第一組圖像，並且部分遮掩或畸變地呈現所述第 二組圖像。
15. 如權利要求1 - 10中任一項的手持式電子設備， 其中手指滑過所述觸敏表面，以便在所述第一組和所述第二組之間順序地推移圖像，並且其中圖像的順序推移表現為動畫形式。
16. 如權利要求15的手持式電子設備，其中圖像順序推移的動畫 模擬翻頁。
17. 如權利要求1-10中任一項的手持式電子設備，其中響應於 用戶動作，呈現與所述圖像中至少一個圖像相關聯的可供選擇的一組 數據。
18. 如權利要求17的手持式電子設備，其中所述可供選擇的一組 數據的呈現包括所述可供選擇的 一組數據的呈現的動畫。
19. 如權利要求18的手持式電子設備，其中所述可供選擇的一組 數據的呈現的動畫包括所述圖像中所述至少一個圖像的二維旋轉。
20. 如權利要求1-10中任一項的手持式電子設備，其中所述圖 像對應於專輯插圖、電影插圖、照片、模式、應用、日曆組件、聯繫 人或文檔。
21. 如權利要求1-10中任一項的手持式電子設備，其中響應於 對於所述觸敏表面的用戶交互，呈現與圖像組之一相關聯的可供選擇 的一組數據。
22. —種用於瀏覽存儲在具有顯示器和用戶輸入設備的可攜式電 子設備上的圖像的方法，所述方法包括呈現顯示 一 組圖像中多個圖像的圖像瀏覽器；根據至少一個用戶輸入，在所述一組圖像之間切換； 跟隨所述切換，從所述一組圖像中選擇一個圖^f象；以及 然後執行與所選擇的圖像相關聯的操作。
23. 如權利要求22的方法，其中在所述切換過程中，以主要模式 顯示所述圖像中的一個圖像，而以次要模式顯示所述圖像中多個其他 圖像，並且在所述切換發生時，改變所述圖像中以主要模式顯示的圖 像。
24. 如權利要求22的方法，其中基於另一用戶輸入執行所述選擇 一個圖像的步驟。
25. 如權利要求24的方法，其中用於所述切換的至少一個用戶輸 入屬於至少第一手勢，並且用於所述選擇的另一用戶輸入屬於至少第 二手勢，其中所述第二手勢不同於所述第一手勢。
26. 如權利要求22的方法，其中所述圖像中的每一個對應於多個 媒體項中不同的媒體項，並且所述執行與所選擇的圖像相關聯的操作 是對於所述媒體項中與所選擇的圖像相對應的媒體項執行操作。
27. 如權利要求22的方法，其中所述圖像與媒體項相關聯。
28. 如權利要求22的方法，其中所述用戶輸入是轉動用戶輸入。
29. 如權利要求22的方法，其中所述用戶輸入是線性用戶輸入。
30. 如權利要求22的方法，其中所述線性用戶輸入是水平滑過所 述用戶輸入設備。
31. 如權利要求22-30中任一項的方法，其中所述用戶輸入設備 包括感測表面，並且通過觸4臭感測表面進4亍所述用戶輸入。
32. 如權利要求31的方法，其中所述感測表面是觸摸感測表面。
33. 如權利要求32的方法，其中從觸摸板、觸控螢幕或觸敏外殼中 選擇所述觸摸感測表面。
34. 如權利要求33的方法，其中僅當在所述觸摸感測表面的預定 區域內檢測到物體時才發生在所述圖像之間的切換。
35. 如權利要求34的方法，其中所述預定區域在被顯示的基於圖 像的瀏覽器之上。
36. 如權利要求31的方法，其中所述用戶輸入設備和顯示器包括 觸敏顯示設備，並且所述圖像瀏覽器由所述觸敏顯示設備顯示，利用 所述觸敏顯示設備提供所述用戶輸入。
37. 如權利要求36的方法，其中在所述圖像瀏覽器正顯示多個圖 像的同時，經由所述觸敏顯示設備提供所述用戶輸入。
38. —種可攜式電子設備，包括 顯示設備；用戶輸入設備；至少一個存儲器設備，其中所述存儲器設備能夠存儲與一個或多 個數據項相關聯的多個圖像、以及用於顯示、導航和選擇所述多個圖 像的電腦程式代碼；和操作地連接到所述顯示設備、所述用戶輸入設備和所述至少一個 存儲器設備的處理設備，其中所述處理設備能夠執行所述用於顯示、 導航和選擇所述多個圖像的電腦程式代碼，其中，顯示一組圖像中的多個圖像，並且根據所述用戶輸入設備 處至少一個用戶輸入，在被顯示的圖像之間進行切換。
39. 如權利要求38的可攜式電子設備，其中所述用戶輸入設備是 觸摸感測設備。
40. 如權利要求39的可攜式電子設備，其中所述觸摸感測設備是 觸摸板。
41. 如權利要求39的可攜式電子設備，其中所述觸摸感測設備是 觸控螢幕。
42. 如權利要求36的可攜式電子設備，其中所述用戶輸入是線性 用戶輸入。
43. 如權利要求36的可攜式電子設備，其中所述用戶輸入是轉動 用戶輸人。
44. 如權利要求36的可攜式電子設備，其中在切換過程中，圖像 在所述顯示設備上水平移動。
45. 如權利要求36的可攜式電子設備，其中圖像與所述用戶輸入同時移動。
46. —種電子設備，包括用於存儲多個媒體項的存儲設備； 觸控螢幕顯示器；圖像瀏覽器模塊，其中所述圖像瀏覽器模塊能夠操作以便在所述 觸控螢幕顯示器上呈現與所述媒體項相關聯的圖像，以及允許用戶瀏覽 所述圖像以定位所述媒體項內的特定媒體項；和重放模塊，其中所述重放模塊能夠操作以便重放所述特定媒體項。
47. 如權利要求46的電子設備，其中利用經由所述觸控螢幕顯示器 的用戶輸入，用戶瀏覽所述圖像。
48. 如權利要求46的電子設備，其中所述用戶輸入是手勢。
49. 如權利要求46的電子設備，其中通過手指提供所述用戶輸入。
50. 如權利要求45的電子設備，其中所述用戶輸入包括在所述觸 摸屏顯示器上滑動手指。
51. 如權利要求50的電子設備，其中所述用戶輸入還包括對於所 述觸控螢幕顯示器的用戶選擇操作。
52. 如權利要求51的電子設備，其中所述滑動是在所述圖像中導 航，並且所述用戶選擇操作選擇所述特定媒體項。
53. 如權利要求45 - 52中任一項的電子設備，其中響應於接收到 用戶輸入，所述圖像瀏覽器模塊切換顯示所述圖像，使得改變所述圖 像中被主要顯示的圖像，直到定位所述特定媒體項為止。
54. 如權利要求53的電子設備，其中完全地顯示被主要顯示的圖 像，並且僅部分地顯示所述圖像中未被主要顯示的其他圖像。
55. 如權利要求53的電子設備，其中通過虛擬地翻過所述媒體項 中 一個或多個媒體項而執行所述圖像瀏覽器切換顯示圖像。
56. 如權利要求53的電子設備，其中無歪斜地顯示^皮主要顯示的 圖像，而歪斜地顯示所述圖像中其他圖像。
57. 如權利要求53的電子設備，其中只有被主要顯示的圖像以完整主視圖被顯示，所述圖像中的其他圖像至少部分地以邊視圖被顯 示。
58. 如權利要求53的電子設備，其中還歪斜地顯示所述圖像中的 其他圖像。
59. 如權利要求45 - 52中任一項的電子設備， 其中所述媒體項是媒體資源的集合，並且其中在已經定位所述特定^ 某體項之後，利用另 一用戶輸入選擇所 述特定媒體項，並且顯示所述集合中媒體資源列表。
60. 如權利要求59的電子設備，其中在顯示所述列表之後，接收 經由所述觸控螢幕顯示器的另一用戶輸入，其中所述另一用戶輸入與對 所顯示的列表中的媒體資源之一的選擇相關聯。
61. 如權利要求60的電子設備，其中此後，由所述重放模塊播放 所述列表內媒體資源中被選擇的媒體資源。
62. —種包括有形電腦程式代碼的計算機可讀介質，其中所述 有形電腦程式代碼可由計算機執行，以便瀏覽存儲在具有顯示器和 用戶輸入設備的電子設備上的圖像，所述計算機可讀介質包括用於呈現顯示一組圖像中多個圖像的圖像瀏覽器窗口的計算機 程序代碼；用於根據至少一個用戶輸入而在所述一組圖像之間切換的計算 機程序代碼；用於跟隨所述切換而從所述一組圖像中選擇一個圖像的計算機 程序代碼；和用於然後執行與所選擇的圖像相關聯的操作的電腦程式代碼。
63. 如權利要求62的計算機可讀介質，其中所述圖像是對應於媒 體集合的圖片，每個所述媒體集合包括多個媒體項，並且其中對與所 選擇的圖像相對應的媒體集合內的媒體項中至少 一 個執行所述操作。
64. 如權利要求62的計算機可讀介質，其中所述圖像是對應於專 輯的圖片，每個所述專輯包括多個媒體項，並且其中對與所選擇的圖 像相對應的媒體集合內的媒體項目中至少一個執行所述操作。
全文摘要
公開了一種改進在可攜式媒體設備上播放、分類、修改、存儲和編錄媒體的方式的方法和系統。一個方面涉及允許用戶在與媒體項目相關聯的圖像中導航並且選擇圖像的基於圖像的瀏覽器。
文檔編號G06F3/048GK101512473SQ200780033722
公開日2009年8月19日 申請日期2007年9月11日 優先權日2006年9月11日
發明者I·喬德裡 申請人:蘋果公司