TWI531956B - 用於調整控制項外觀之裝置，方法及圖形使用者介面 - Google Patents

Description

用於調整控制項外觀之裝置，方法及圖形使用者介面 【相關申請案】

本申請案主張2013年6月9日申請的美國臨時申請案第61/832,952號及2013年3月15日申請的標題為「用於調整控制項外觀之裝置、方法及圖形使用者介面」之美國臨時申請案第61/801,988號的優先權，該等申請案之全文以引用的方式併入本文中。

本發明大體上係關於具有顯示器之電子裝置，該等電子裝置包括(但不限於)在其顯示器上顯示軟鍵盤及其他虛擬控制項之電子裝置。

電子計算裝置常常在其顯示器上顯示虛擬控制項。舉例而言，當使用攜帶型電子裝置(例如，智慧型手機、平板電腦或筆記型電腦)上之應用程式時，鍵盤、功能表、對話方塊、警告及其他控制項可出現及消失。

虛擬控制項之初始顯示可使使用者分散注意力，從而導致使用者瞬時失去其在應用程式中之位置。另外，顯示於應用程式使用者介面中之其他元件頂部上的虛擬控制項掩蓋或隱藏彼等元件，此情況亦使得使用者較難在應用程式中維持內容脈絡。對於具有較小顯示器之攜帶型裝置而言，此情況係尤其正確的，在該攜帶型裝置中，虛擬控 制項(例如，鍵盤)可佔用顯示器之相當大部分。

因此，需要一種具有有助於維持應用程式中之內容脈絡的較不分散注意力之虛擬控制項的電子裝置。此情況要求用於調整虛擬控制項外觀之新方法及介面。此等裝置、方法及介面減少使用者之認知負擔，並產生較效率之人機介面。

所揭示之裝置減少或消除與用於具有顯示器之電子裝置的使用者介面相關聯的上文之不足及其他問題。在一些實施例中，該裝置為一桌上型電腦。在一些實施例中，該裝置為攜帶型的(例如，筆記型電腦、平板型電腦，或手持型裝置)。在一些實施例中，該裝置具有一觸控板。在一些實施例中，該裝置具有一觸敏式顯示器(亦稱為「觸控螢幕」或「觸控螢幕顯示器」)。在一些實施例中，該裝置具有一圖形化使用者介面(GUI)、一或多個處理器、記憶體，及儲存於該記憶體中以用於執行多個功能的一或多個模組、程式或指令集。在一些實施例中，使用者主要經由一觸敏式表面上的手指接觸及示意動作而與該GUI互動。在一些實施例中，該等功能視情況包括影像編輯、繪圖、簡報、文書處理、網站建立、磁碟製作、試算表產生、遊戲、電話撥號、視訊會議、發送電子郵件、即時訊息傳遞、健身支援、數位攝影、數位視訊、網頁瀏覽、數位音樂播放，及/或數位視訊播放。用於執行此等功能之可執行指令視情況包括於一非暫時性電腦可讀儲存媒體中，或經組態以用於由一或多個處理器執行的電腦程式產品中。

根據一些實施例，一種方法執行於具有一顯示器之一電子裝置處。該方法包括：在該顯示器上顯示一使用者介面；判定用於對應於該顯示器之一各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之一第一集合；基於內容顯示值之該第一集合，判定用於一或多 個控制項外觀參數的控制項外觀值之一第一集合；及在該顯示器之該各別區域中顯示一控制項，其中基於該第一內容及控制項外觀值之該第一集合，判定該控制項之一外觀。

根據一些實施例，一種電子裝置包括經組態以顯示一使用者介面之一顯示單元，及耦接至該顯示單元之一處理單元。該處理單元經組態以：判定用於對應於該顯示單元之一各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之一第一集合；基於內容顯示值之該第一集合，判定用於一或多個控制項外觀參數的控制項外觀值之一第一集合；及使得能夠在該顯示單元之該各別區域中顯示一控制項，其中基於該第一內容及控制項外觀值之該第一集合，判定該控制項之一外觀。

根據一些實施例，一種電子裝置包括一顯示器、(視情況)一觸敏式表面、(視情況)用以偵測與該觸敏式表面之接觸的強度之一或多個感測器、一或多個處理器、記憶體及一或多個程式；該一或多個程式儲存於該記憶體中，並經組態以由該一或多個處理器執行，且該一或多個程式包括用於執行上文所描述之該方法的該等操作之指令。根據一些實施例，一電子裝置上的一圖形化使用者介面包括上文所描述之該方法中所顯示的該等元件中之一或多者，該電子裝置具有一顯示器、(視情況)一觸敏式表面、(視情況)用以偵測與該觸敏式表面之接觸的強度之一或多個感測器、一記憶體，及用以執行儲存於該記憶體中之一或多個程式的一或多個處理器，回應於輸入更新該等元件，如上文所描述之該方法中所描述。根據一些實施例，一種儲存有指令之電腦可讀儲存媒體，該等指令在由一電子裝置執行時導致該裝置執行上文所描述之該方法的該等操作，該電子裝置具有一顯示器、(視情況)一觸敏式表面及(視情況)用以偵測與該觸敏式表面之接觸的強度之一或多個感測器。根據一些實施例，一種電子裝置包括：一顯示器、 (視情況)一觸敏式表面，及(視情況)用以偵測與該觸敏式表面之接觸的強度之一或多個感測器；及用於執行上文所描述之該方法的該等操作之構件。根據一些實施例，一種用於一電子裝置之資訊處理設備包括用於執行上文所描述之該方法的該等操作之構件，該電子裝置具有一顯示器、(視情況)一觸敏式表面，及(視情況)用以偵測與該觸敏式表面之接觸的強度之一或多個感測器。

因此，具有顯示器之電子裝置具備較不分散注意力，同時仍易於一使用者看到並與之互動的虛擬控制項，藉此增加有效性、效率及對此等裝置之使用者滿意度。

100‧‧‧攜帶型多功能裝置

102‧‧‧記憶體

103‧‧‧通信匯流排或信號線

104‧‧‧晶片

106‧‧‧輸入/輸出(I/O)子系統

108‧‧‧RF電路

110‧‧‧音訊電路

111‧‧‧揚聲器

112‧‧‧觸敏式顯示器系統/觸控螢幕

113‧‧‧麥克風

116‧‧‧其他輸入控制裝置

118‧‧‧周邊裝置介面

120‧‧‧處理單元(CPU)

122‧‧‧記憶體控制器

124‧‧‧外部埠

126‧‧‧作業系統

128‧‧‧通信模組

130‧‧‧接觸/運動模組

132‧‧‧圖形模組

133‧‧‧觸感回饋模組

134‧‧‧文字輸入模組

135‧‧‧全球定位系統(GPS)模組

136‧‧‧應用程式

136-1‧‧‧應用程式

137‧‧‧連絡人模組

138‧‧‧電話模組

139‧‧‧視訊會議模組

140‧‧‧電子郵件用戶端模組

141‧‧‧即時訊息傳遞(IM)模組

142‧‧‧健身支援模組

143‧‧‧成像模組/攝影機模組

144‧‧‧影像管理模組

147‧‧‧瀏覽器模組

148‧‧‧行事曆模組

149‧‧‧介面工具集模組

149-1‧‧‧天氣介面工具集

149-2‧‧‧股票介面工具集

149-3‧‧‧計算器介面工具集

149-4‧‧‧鬧鐘介面工具集

149-5‧‧‧辭典介面工具集

149-6‧‧‧使用者建立之介面工具集

150‧‧‧介面工具集建立者模組

151‧‧‧搜尋模組

152‧‧‧視訊及音樂播放器模組

153‧‧‧備忘錄模組

154‧‧‧地圖模組

155‧‧‧線上視訊模組

156‧‧‧顯示控制器

157‧‧‧裝置/全域內部狀態

158‧‧‧光學感測器控制器

159‧‧‧強度感測器控制器

160‧‧‧輸入控制器

161‧‧‧觸感回饋控制器

162‧‧‧電力系統

164‧‧‧光學感測器

165‧‧‧強度感測器

166‧‧‧近接感測器

167‧‧‧觸覺輸出產生器

168‧‧‧加速度計

170‧‧‧事件分類器

171‧‧‧事件監視器

172‧‧‧命中視圖判定模組

173‧‧‧作用中事件辨識器判定模組

174‧‧‧事件分派器模組

176‧‧‧資料更新程式

177‧‧‧物件更新程式

178‧‧‧GUI更新程式

179‧‧‧事件資料

180‧‧‧事件辨識器

182‧‧‧事件接收器模組

183‧‧‧後設資料

184‧‧‧事件比較器

186‧‧‧事件定義

187-1‧‧‧事件1

187-2‧‧‧事件2

188‧‧‧事件遞送指令

190‧‧‧事件處理常式

191‧‧‧應用程式視圖

192‧‧‧應用程式內部狀態

200‧‧‧使用者介面(UI)

202‧‧‧手指

203‧‧‧觸控筆

204‧‧‧功能表按鈕

206‧‧‧推按式按鈕

208‧‧‧音量調整按鈕

210‧‧‧用戶識別模組(SIM)卡槽

212‧‧‧耳機插孔

214‧‧‧銜接/充電外部埠

300‧‧‧裝置

310‧‧‧處理單元(CPU)

320‧‧‧通信匯流排

330‧‧‧輸入/輸出(I/O)介面

340‧‧‧顯示器

350‧‧‧鍵盤/滑鼠

355‧‧‧觸控板

357‧‧‧觸覺輸出產生器

359‧‧‧感測器

360‧‧‧網路通信介面

370‧‧‧記憶體

380‧‧‧繪圖模組

382‧‧‧簡報模組

384‧‧‧文書處理模組

386‧‧‧網站建立模組

388‧‧‧磁碟製作模組

390‧‧‧試算表模組

400‧‧‧使用者介面(UI)

401‧‧‧狀態列

402‧‧‧信號強度指示器

404‧‧‧時間

405‧‧‧藍芽指示器

406‧‧‧電池狀態指示器

408‧‧‧系統匣

410‧‧‧指示器

414‧‧‧指示器

416‧‧‧圖示

418‧‧‧圖示

420‧‧‧圖示

422‧‧‧圖示

424‧‧‧圖示

426‧‧‧圖示

428‧‧‧圖示

430‧‧‧圖示

432‧‧‧圖示

434‧‧‧圖示

436‧‧‧圖示

438‧‧‧圖示

440‧‧‧圖示

442‧‧‧圖示

444‧‧‧圖示

446‧‧‧圖示

450‧‧‧顯示器

451‧‧‧觸敏式表面

452‧‧‧主軸

453‧‧‧主軸

460‧‧‧接觸

462‧‧‧接觸

468‧‧‧位置

470‧‧‧位置

502‧‧‧使用者介面

504‧‧‧預定義區域

506‧‧‧第一內容

508-1‧‧‧第二內容

508-2‧‧‧第二內容

510‧‧‧滑移示意動作

512‧‧‧滑移示意動作

514‧‧‧捏合示意動作

516‧‧‧內容

518‧‧‧半透明鍵盤

520‧‧‧響鈴音量調整指示符

522‧‧‧滑桿控制

524‧‧‧斷開子區域

526‧‧‧拇指圖示

900‧‧‧調整控制項外觀之方法

923A‧‧‧操作

923B‧‧‧操作

923C‧‧‧操作

923D‧‧‧操作

924‧‧‧偵測操作

1000‧‧‧電子裝置

1002‧‧‧顯示單元

1006‧‧‧處理單元

1008‧‧‧判定單元

1010‧‧‧具備顯示功能之單元

1012‧‧‧偵測單元

1014‧‧‧改變單元

為較好地理解各種所描述之實施例，應結合以下圖式參考以下之實施方式，其中遍及圖式，類似之參考編號係指對應部分。

圖1A為說明根據一些實施例的具有觸敏式顯示器之攜帶型多功能裝置的方塊圖。

圖1B為說明根據一些實施例的用於事件處置之例示性組件的方塊圖。

圖2說明根據一些實施例的具有觸控螢幕之攜帶型多功能裝置。

圖3為根據一些實施例的具有顯示器及觸敏式表面之例示性多功能裝置的方塊圖。

圖4A說明根據一些實施例的用於攜帶型多功能裝置上之應用程式功能表的例示性使用者介面。

圖4B說明根據一些實施例的具有與顯示器分離之觸敏式表面的多功能裝置之例示性使用者介面。

圖5A至圖5K說明根據一些實施例的用於調整控制項外觀之例示性預示使用者介面。

圖6示意性地說明根據一些實施例的針對顯示控制之區域中的內 容所判定的內容顯示屬性值之例示性預示集合。

圖7為根據一些實施例的已指派至可用於經由內插而判定控制項外觀值的控制項外觀值之對應預定義集合的內容顯示值之預定義預示集合的圖解說明。

圖8示意性地說明根據一些實施例的用於控制之控制項外觀參數值之例示性預示集合。

圖9A至圖9G為說明根據一些實施例的調整控制項外觀之方法的流程圖。

圖10為根據一些實施例的電子裝置之功能方塊圖。

電子裝置常常顯示當使用裝置上之應用程式時出現及消失的虛擬控制項。

如上文所提到，虛擬控制項之初始顯示器可使使用者分散注意力，從而導致使用者瞬時失去其在應用程式中之位置。另外，顯示於應用程式使用者介面中之其他元件頂部上的虛擬控制項掩蓋或隱藏彼等元件，此情況亦使得使用者較難在應用程式中維持內容脈絡。對於具有較小顯示器之攜帶型裝置而言，此情況係尤其正確的，在該攜帶型裝置中，虛擬控制項(例如，鍵盤)可佔用顯示器之相當大部分。

此處，揭示具有半透明(半澄明)虛擬控制項的電子裝置，其中自動調整該等虛擬控制項之外觀，使得該等控制較不分散注意力，同時仍易於使用者看到並與之互動。

給定之半透明控制顯示於顯示器之特定區域中的內容上。裝置判定特定區域中之各種內容顯示屬性值(例如，色調值、飽和度值、亮度值，及/或控制項下方之內容的對比度值)。又，裝置基於所判定的內容顯示屬性值，判定各種控制項外觀參數值之集合(例如，模糊半徑值、飽和度調整值、白色覆層之不透明度值、黑色覆層之不透明 度值、控制中之使用者介面元件的不透明度值，及/或控制項中之文字的色彩值)。接著，半透明控制項之外觀係基於控制項下方之內容，及所判定的控制項外觀參數值。隨著控制項下方之內容改變，自動動態地更新內容顯示屬性值、控制項外觀參數值及因此控制項外觀。

相比於以固定方式簡單地模糊底層內容的不透明控制或半透明控制，此等調整產生其外觀較不分散注意力的半透明控制。同時，此等調整產生易於看到並與之互動的半透明控制。總體而言，此等調整提供減少使用者之認知負擔，並產生較效率之人機介面的半透明控制。

應注意，本文中所描述的對半透明控制之調整亦可應用於其他類型之半透明使用者介面元件(例如，碼頭、系統匣及狀態列)。

在下文中，圖1A至圖1B、圖2及圖3提供例示性裝置之描述。圖4A至圖4B及圖5A至圖5K說明用於調整控制項外觀之例示性使用者介面。圖9A至圖9G為說明調整控制項外觀之方法的流程圖。圖5A至圖5K中之使用者介面用於說明圖9A至圖9G中之程序。

例示性裝置

現將詳細參考實施例，隨附圖式中說明實施例之實例。在以下詳細描述中，闡述眾多特定細節以便提供對各種所描述之實施例的透徹理解。然而，一般技術者將顯而易見可無需此等特定細節而實踐各種所描述之實施例。在其他情況下，未詳細描述熟知之方法、程序、組件、電路及網路，以便不會不必要地混淆實施例之態樣。

亦將理解，儘管在一些情況下，術語第一、第二等在本文中用於描述各種元件，但此等元件不應受限於此等術語。此等術語僅用以將一元件與另一元件進行區分。舉例而言，在不脫離各種所描述之實施例的範疇的情況下，第一接觸可被稱為第二接觸，且類似地，第二 接觸可被稱為第一接觸。第一接觸及第二接觸兩者皆為接觸，但其並非同一接觸。

本文中用於描述各種所描述之實施例的術語僅係出於描述特定實施例之目的，且其並不意欲為限制性的。如用於描述各種所描述之實施例及所附申請專利範圍，單數形式「一」及「該」亦意欲包括複數形式，除非上下文另有清晰指示。亦將理解，如本文中所使用之術語「及/或」係指且涵蓋相關聯列舉項中之一或多者的任何及所有可能組合。將進一步理解，當用於本說明書中時，術語「包括」及/或「包含」指定所陳述特徵、整數、步驟、操作、元件及/或組件之存在，但並不排除一或多個其他特徵、整數、步驟、操作、元件、組件及/或其組群之存在或新增。

如本文中所使用，取決於內容脈絡，術語「若」視情況解釋為意謂「當」或「在……之後」或「回應於判定」或「回應於偵測」。類似地，取決於內容脈絡，片語「若判定」或「若偵測到(所陳述條件或事件)」視情況解釋為意謂「在判定之後」或「回應於判定」或「在偵測到(所陳述條件或事件)之後」或「回應於偵測到(所陳述條件或事件)」。

描述電子裝置、此等裝置之使用者介面及用於使用此等裝置之相關聯程序的實施例。在一些實施例中，裝置為諸如行動電話之攜帶型通信裝置，該裝置亦含有諸如PDA及/或音樂播放器功能之其他功能。攜帶型多功能裝置之例示性實施例包括(但不限於)來自加利福尼亞州庫珀蒂諾市之Apple公司的iPhone®、iPod Touch®及iPad®裝置。視情況使用其他攜帶型電子裝置，諸如具有觸敏式表面(例如，觸控螢幕顯示器及/或觸控板)之膝上型電腦或平板電腦。亦應理解，在一些實施例中，裝置並非攜帶型通信裝置，而為具有觸敏式表面(例如，觸控螢幕顯示器及/或觸控板)之桌上型電腦。

在以下論述中，描述包括顯示器及觸敏式表面的電子裝置。然而，應理解，電子裝置視情況包括一或多個其他實體使用者介面裝置，諸如實體鍵盤、滑鼠及/或操縱桿。

該裝置通常支援諸如以下應用程式中之一或多者的多種應用程式：繪圖應用程式、簡報應用程式、文書處理應用程式、網站建立應用程式、磁碟製作應用程式、試算表應用程式、遊戲應用程式、電話應用程式、視訊會議應用程式、電子郵件應用程式、即時訊息傳遞應用程式、健身支援應用程式、照片管理應用程式、數位攝影機應用程式、數位視訊攝影機應用程式、網頁瀏覽應用程式、數位音樂播放器應用程式，及/或數位視訊播放器應用程式。

執行於裝置上之各種應用程式視情況使用至少一共用實體使用者介面裝置，諸如觸敏式表面。自一應用程式至下一應用程式，及/或在各別應用程式內，視情況調整及/或變化觸敏式表面之一或多個功能，以及顯示於裝置上之對應資訊。以此方式，裝置之共用實體架構(諸如，觸敏式表面)視情況支援具有對於使用者而言直觀且透明之使用者介面的多種應用程式。

現將注意力轉向具有觸敏式顯示器之攜帶型裝置的實施例。圖1A為說明根據一些實施例的具有觸敏式顯示器112之攜帶型多功能裝置100的方塊圖。為方便起見，觸敏式顯示器112有時被稱為「觸控螢幕」，且有時已知為或被稱為觸敏式顯示器系統。裝置100包括記憶體102(其視情況包括一或多個電腦可讀儲存媒體)、記憶體控制器122、一或多個處理單元(CPU)120、周邊裝置介面118、RF電路108、音訊電路110、揚聲器111、麥克風113、輸入/輸出(I/O)子系統106、其他輸入或控制裝置116及外部埠124。裝置100視情況包括一或多個光學感測器164。裝置100視情況包括用於偵測裝置100(例如，諸如裝置100之觸敏式顯示器系統112的觸敏式表面)上之接觸的強度之一或多 個強度感測器165。裝置100視情況包括用於在裝置100上產生觸覺輸出(例如，在諸如裝置100之觸敏式顯示器系統112或裝置300之觸控板355的觸敏式表面上產生觸覺輸出)的一或多個觸覺輸出產生器167。此等組件視情況經由一或多個通信匯流排或信號線103進行通信。

如本說明書及申請專利範圍中所使用，術語觸敏式表面上之接觸的「強度」係指觸敏式表面上之接觸(例如，手指接觸)的力或壓力(每單元面積之力)，或係指觸敏式表面上之接觸的力或壓力之替代(代替)。接觸之強度具有包括至少四個不同值之一系列值，且較通常包括數百個不同值(例如，至少256)。視情況使用各種方法及各種感測器或感測器之組合來判定(或量測)接觸之強度。舉例而言，視情況使用觸敏式表面下方或鄰近於該表面的一或多個力感測器，以量測觸敏式表面上之各種點處的力。在一些實施中，組合(例如，加權平均)來自多個力感測器之力量測，以判定接觸之估計力。類似地，視情況使用觸控筆之壓敏式尖端，以判定觸控筆在觸敏式表面上的壓力。或者，觸敏式表面上偵測到的接觸面積之大小及/或其改變、接近接觸的觸敏式表面之電容及/或其改變，及/或接近接觸的觸敏式表面之電阻及/或其改變視情況用作觸敏式表面上之接觸的力或壓力之替代。在一些實施中，直接使用接觸力或壓力之替代量測，以判定是否已超過強度臨限(例如，按對應於替代量測之單位所描述的強度臨限)。在一些實施中，將接觸力或壓力之替代量測轉換成估計力或壓力，並將該估計力或壓力用於判定是否已超過強度臨限(例如，強度臨限為按壓力單位量測的壓力臨限)。

如本說明書及申請專利範圍中所使用，術語「觸覺輸出」係指裝置相對於裝置之先前位置的實體移位、裝置之組件(例如，觸敏式表面)相對於裝置之另一組件(例如，外殼)的實體移位，或將由使用者藉由其觸摸感測偵測到的組件相對於裝置之質量中心的移位。舉例而 言，在裝置或裝置之組件接觸敏感於觸摸的使用者之表面(例如，手指、手掌或使用者之手的其他部分)的情況下，由實體移位所產生之觸覺輸出將由使用者解釋為對應於裝置或裝置之組件的實體特性中所感知到之改變的觸覺感覺。舉例而言，使用者將觸敏式表面(例如，觸敏式顯示器或軌跡墊)之移動視情況解譯為實體致動器按鈕之「向下點擊」或「向上點擊」。在一些狀況下，即使在與由使用者之移動實體地按壓(例如，移位)之觸敏式表面相關聯的實體致動器按鈕並未移動時，使用者將仍感覺到諸如「向下點擊」或「向上點擊」之觸覺感覺。作為另一實例，即使在觸敏式表面之光滑度並未改變時，使用者仍將觸敏式表面之移動視情況解譯或感測為觸敏式表面之「粗糙度」。雖然使用者之此等觸摸解譯將經受使用者之個別化感覺感知，但存在共用於較大部分使用者之許多感覺觸摸感知。因此，當觸覺輸出經描述為對應於使用者之特定感覺感知(例如，「向上點擊」、「向下點擊」、「粗糙度」)時，除非另外陳述，否則所產生觸覺輸出對應於將產生典型(或一般)使用者所描述之感覺感知的裝置或其組件之實體移位。

應瞭解，裝置100僅為攜帶型多功能裝置之一實例，且裝置100視情況具有比所展示較多或較少之組件、視情況組合兩個或兩個以上組件，或視情況具有不同組態或配置之組件。圖1A中所展示之各種組件實施於硬體、軟體或硬體及軟體兩者之組合(包括一或多個信號處理及/或特殊應用積體電路)中。

記憶體102視情況包括高速隨機存取記憶體，且視情況亦包括非揮發性記憶體，諸如一或多個磁碟儲存裝置、快閃記憶體裝置或其他非揮發性固態記憶體裝置。視情況由記憶體控制器122來控制裝置100之其他組件(諸如，CPU 120及周邊裝置介面118)對記憶體102之存取。

周邊裝置介面118可用以將裝置之輸入及輸出周邊裝置耦接至CPU 120及記憶體102。一或多個處理器120運行或執行儲存於記憶體102中之各種軟體程式及/或指令集，以執行裝置100之各種功能並處理資料。

在一些實施例中，周邊裝置介面118、CPU 120及記憶體控制器122視情況實施於單一晶片(諸如，晶片104)上。在一些其他實施例中，該等裝置視情況實施於單獨晶片上。

RF(射頻)電路108接收並發送RF信號(亦稱為電磁信號)。RF電路108將電信號轉換成電磁信號/將電磁信號轉換成電信號，且經由電磁信號與通信網路及其他通信裝置通信。RF電路108視情況包括用於執行此等功能之熟知電路，包括(但不限於)天線系統、RF收發器、一或多個放大器、調諧器、一或多個振盪器、數位信號處理器、編解碼器(CODEC)晶片組、用戶識別模組(SIM)卡、記憶體等等。RF電路108視情況藉由無線通信與網路(諸如網際網路(亦稱為全球資訊網(WWW))、企業內部網路及/或無線網路(諸如蜂巢式電話網路、無線區域網路(LAN)及/或都會區域網路(MAN)))以及其他裝置通信。無線通信視情況使用複數個通信標準、協定及技術中之任一者，包括(但不限於)全球行動通信系統(GSM)、增強型資料GSM環境(EDGE)、高速下行鏈路封包存取(HSDPA)、高速上行鏈路封包存取(HSUPA)、演進型、純資料(EV-DO)、HSPA、HSPA+、雙單元HSPA(DC-HSPDA)、長期演進(LTE)、近場通信(NFC)、寬頻分碼多重存取(W-CDMA)、分碼多重存取(CDMA)、分時多重存取(TDMA)、藍芽、無線保真(Wi-Fi)(例如，IEEE 802.11a、IEEE 802.11b、IEEE 802.11g及/或IEEE 802.11n)、網際網路語音通訊協定(VoIP)、Wi-MAX、用於電子郵件之協定(例如，網際網路訊息存取協定(IMAP)及/或郵局協定(POP))、即時訊息傳遞(例如，可擴展訊息傳遞及現況資訊協定 (XMPP)、用於即時訊息傳遞及現況資訊利用擴展之會話起始協定(SIMPLE)、即時訊息傳遞及現況資訊服務(IMPS))，及/或簡訊服務(SMS)，或任何其他合適之通信協定(包括自本文件申請日期起尚未開發之通信協定)。

音訊電路110、揚聲器111及麥克風113在使用者與裝置100之間提供音訊介面。音訊電路110自周邊裝置介面118接收音訊資料，將該音訊資料轉換為電信號，並將該電信號傳輸至揚聲器111。揚聲器111將電信號轉換為人類可聽到之聲波。音訊電路110亦接收由麥克風113自聲波所轉換之電信號。音訊電路110將電信號轉換成音訊資料，並將音訊資料傳輸至周邊裝置介面118以供處理。由周邊裝置介面118視情況自記憶體102及/或RF電路108擷取音訊資料，及/或將音訊資料傳輸至該兩裝置。在一些實施例中，音訊電路110亦包括耳機插孔(例如，圖2之212)。耳機插孔在音訊電路110與可移除式音訊輸入/輸出周邊裝置(諸如，僅輸出之頭戴式耳機，或具有輸出(例如，單耳或雙耳頭戴式耳機)及輸入(例如，麥克風)兩者之耳機)之間提供介面。

I/O子系統106將裝置100上之輸入/輸出周邊裝置(諸如觸控螢幕112及其他輸入控制裝置116)耦接至周邊裝置介面118。I/O子系統106視情況包括顯示控制器156、光學感測器控制器158、強度感測器控制器159、觸感回饋控制器161，及用於其他輸入或控制裝置之一或多個輸入控制器160。一或多個輸入控制器160自其他輸入或控制裝置116接收電信號/將電信號發送至該等其他輸入或控制裝置。其他輸入控制裝置116視情況包括實體按鈕(例如，推按式按鈕、搖桿按鈕等)、撥號盤、滑動開關、操縱桿、點擊式選盤(click wheel)等等。在一些替代性實施例中，輸入控制器160視情況耦接至以下各者中之任一者(或無一者)：鍵盤、紅外線埠、通用串列匯流排(USB)埠及諸如滑鼠之指標裝置。一或多個按鈕(例如，圖2之208)視情況包括用於揚聲器 111及/或麥克風113之音量控制項的上/下式按鈕。一或多個按鈕視情況包括推按式按鈕(例如，圖2之206)。

觸敏式顯示器112在裝置與使用者之間提供輸入介面及輸出介面。顯示控制器156自觸控螢幕112接收電信號及/或將電信號發送至該觸控螢幕。觸控螢幕112向使用者顯示視覺輸出。視覺輸出視情況包括圖形、文字、圖示、視訊及其任何組合(統稱為「圖形」)。在一些實施例中，視覺輸出中之一些或所有對應於使用者介面物件。

觸控螢幕112具有基於觸感及/或觸覺接觸而自使用者接受輸入之觸敏式表面、感測器或感測器之集合。觸控螢幕112及顯示控制器156(連同記憶體102中之任何相關聯模組及/或指令集)偵測觸控螢幕112上之接觸(及接觸之任何移動或阻斷)，並將偵測到之接觸轉換成與顯示於觸控螢幕112上之使用者介面物件(例如，一或多個螢幕按鍵、圖示、網頁或影像)的互動。在例示性實施例中，觸控螢幕112與使用者之間的接觸點對應於使用者之手指。

觸控螢幕112視情況使用LCD(液晶顯示器)技術、LPD(發光聚合物顯示器)技術或LED(發光二極體)技術，不過其他實施例中使用其他顯示器技術。觸控螢幕112及顯示控制器156視情況使用現在已知或稍後開發的複數個觸摸感測技術中之任一者，來偵測接觸及其任何移動或阻斷，該等技術包括(但不限於)電容性、電阻性、紅外線及表面聲波技術，以及用於判定與觸控螢幕112接觸之一或多個點的其他近接感測器陣列或其他元件。在例示性實施例中，使用投影式互電容感測技術，諸如在來自加利福尼亞州之庫珀蒂諾市之Apple公司的iPhone®、iPod Touch®及iPad®中所發現之彼技術。

觸控螢幕112視情況具有超過100dpi之視訊解析度。在一些實施例中，觸控螢幕具有大約160dpi之視訊解析度。使用者視情況使用任何合適之物件或附件(諸如，觸控筆、手指等等)與觸控螢幕112接 觸。在一些實施例中，使用者介面經設計成主要對基於手指之接觸及示意動作起作用，歸因於手指在觸控螢幕上之接觸面積較大，與基於觸控筆之輸入相比較，基於手指之接觸及示意動作之精確度較低。在一些實施例中，裝置將基於手指之粗糙輸入轉譯為精確之指標/游標位置或命令，以用於執行使用者所要之動作。

在一些實施例中，除觸控螢幕以外，裝置100視情況包括用於啟動或撤銷啟動特定功能之觸控板(未展示)。在一些實施例中，觸控板為裝置之觸敏式區域，不同於觸控螢幕，該觸敏式區域不顯示視覺輸出。觸控板視情況為分離於觸控螢幕112之觸敏式表面，或由觸控螢幕所形成之觸敏式表面的延伸部。

裝置100亦包括用於供電各種組件之電力系統162。電力系統162視情況包括電力管理系統、一或多個電源(例如，電池、交流電(AC))、再充電系統、電力故障偵測電路、電力轉換器或反轉器、電力狀態指示符(例如，發光二極體(LED))，及與攜帶型裝置中電力之產生、管理及分配相關聯的任何其他組件。

裝置100視情況亦包括一或多個光學感測器164。圖1A展示耦接至I/O子系統106中之光學感測器控制器158的光學感測器。光學感測器164視情況包括電荷耦合裝置(CCD)或互補金屬氧化物半導體(CMOS)光電晶體。光學感測器164自環境接收經由一或多個透鏡投射之光，並將該光轉換成表示影像之資料。結合成像模組143(亦稱為攝影機模組)，光學感測器164視情況捕獲靜態影像或視訊。在一些實施例中，光學感測器位於裝置100之背面，從而對置於裝置之前方的觸控螢幕顯示器112，使得觸控螢幕顯示器能夠用作靜態及/或視訊影像獲取之尋視器。在一些實施例中，另一光學感測器位於裝置前方，使得在使用者檢視觸控螢幕顯示器上之其他視訊會議參與者時，視情況獲得使用者之影像以用於視訊會議。

裝置100視情況亦包括一或多個接觸強度感測器165。圖1A展示耦接至I/O子系統106中之強度感測器控制器159的接觸強度感測器。接觸強度感測器165視情況包括一或多個壓阻式應變計、電容式力感測器、電式力感測器、壓電式力感測器、光學式力感測器、電容式觸敏式表面或其他強度感測器(例如，用於量測觸敏式表面上之接觸的力(或壓力)之感測器)。接觸強度感測器165自環境接收接觸強度資訊(例如，壓力資訊或壓力資訊之代替)。在一些實施例中，至少一接觸強度感測器與觸敏式表面(例如，觸敏式顯示器系統112)共置或接近該表面。在一些實施例中，至少一接觸強度感測器位於裝置100之背面，從而對置位於裝置100之前方的觸控螢幕顯示器112。

裝置100視情況亦包括一或多個近接感測器166。圖1A展示耦接至周邊裝置介面118之近接感測器166。或者，近接感測器166耦接至I/O子系統106中之輸入控制器160。在一些實施例中，當多功能裝置靠近使用者之耳朵的置放時(例如，當使用者正進行電話呼叫時)，近接感測器關閉並停用觸控螢幕112。

裝置100視情況亦包括一或多個觸覺輸出產生器167。圖1A展示耦接至I/O子系統106中之觸感回饋控制器161的觸覺輸出產生器。觸覺輸出產生器167視情況包括一或多個電聲裝置(諸如，揚聲器或其他音訊組件)，及/或將能量轉換成線性運動之機電裝置，諸如馬達、螺線管、電活性聚合物、壓電致動器、靜電致動器，或其他觸覺輸出產生組件(例如，將電信號轉換成裝置上之觸覺輸出的組件)。接觸強度感測器165接收來自觸感回饋模組133之觸覺回饋產生指令，並在裝置100上產生能夠由裝置100之使用者感測到的觸覺輸出。在一些實施例中，至少一觸覺輸出產生器與觸敏式表面(例如，觸敏式顯示器系統112)共置，或接近該表面，並視情況藉由垂直(例如，進入/離開裝置100之表面)或橫向(例如，在相同於裝置100之表面的平面中來回)地移 動觸敏式表面而產生觸覺輸出。在一些實施例中，至少一觸覺輸出產生器感測器位於裝置100之背面，從而對置位於裝置100之前方的觸控螢幕顯示器112。

裝置100視情況亦包括一或多個加速度計168。圖lA展示耦接至周邊裝置介面118之加速計168。或者，加速計168視情況耦接至I/O子系統106中之輸入控制器160。在一些實施例中，基於自一或多個加速度計所接收的資料分析，將資訊顯示於縱向視圖或橫向視圖中之觸控螢幕顯示器上。除加速度計168之外，裝置100視情況包括用於獲得與裝置100之位置及定向(例如，縱向或橫向)有關之資訊的磁力計(未展示)及GPS(或GLONASS或其他全球導航系統)接收器(未展示)。

在一些實施例中，儲存於記憶體102中之軟體組件包括作業系統126、通信模組(或指令集)128、接觸/運動模組(或指令集)130、圖形模組(或指令集)132、文字輸入模組(或指令集)134、全球定位系統(GPS)模組(或指令集)135及應用程式(或指令集)136。此外，在一些實施例中，記憶體102儲存裝置/全域內狀態157，如圖1A及圖3中所展示。裝置/全域內狀態157包括以下各者中之一或多者：作用中應用程式狀態(指示哪個應用程式(若存在)當前正在作用中)；顯示器狀態(指示何應用程式、視圖或其他資訊佔用觸控螢幕顯示器112之各種區域)；感測器狀態(包括自裝置之各種感測器及輸入控制裝置116獲得的資訊)；及關於裝置之位置及/或姿態的位置資訊。

作業系統126(例如，Darwin、RTXC、LINUX、UNIX、OS X、WINDOWS，或諸如VxWorks之嵌入式作業系統)包括用於控制及管理一般系統任務(例如，記憶體管理、儲存裝置控制、電力管理等)之各種軟體組件及/或驅動程式，並有助於各種硬體與軟體組件之間的通信。

通信模組128有助於經由一或多個外部埠124而與其他裝置進行 通信，且亦包括用於處置由RF電路108及/或外部埠124所接收之資料的各種軟體組件。外部埠124(例如，通用串列匯流排(USB)、FIREWIRE等)經調適以用於直接耦接至其他裝置或經由網路(例如，網際網路、無線LAN等)間接地耦接至其他裝置。在一些實施例中，外部埠為與在iPod(Apple公司之商標)裝置上使用之30接腳連接器相同或類似及/或與該連接器相容之多接腳(例如，30接腳)連接器。

接觸/運動模組130視情況偵測與觸控螢幕112(結合顯示控制器156)及其他觸敏式裝置(例如，觸控板或實體點擊式選盤)之接觸。接觸/運動模組130包括用於執行與接觸偵測相關之各種操作的各種軟體組件，諸如判定是否已發生接觸(例如，偵測手指向下事件)、判定接觸之強度(例如，接觸之力或壓力或接觸之力或壓力的替代)、判定接觸是否正移動並橫跨觸敏式表面追蹤該移動(例如，偵測一或多個手指拖曳事件)，及判定接觸是否已停止(例如，偵測手指向上事件或接觸阻斷)。接觸/運動模組130自觸敏式表面接收接觸資料。判定由一系列接觸資料所表示之接觸點移動視情況包括判定接觸點之速度(量值)、速率(量值及方向)及/或加速度(量值及/或方向之改變)。視情況將此等操作應用於單一接觸(例如，一手指接觸)或應用於多個同時接觸(例如，「多觸摸」/多個手指接觸)。在一些實施例中，接觸/運動模組130及顯示控制器156偵測觸控板上之接觸。

在一些實施例中，接觸/運動模組130使用一或多個強度臨限之集合，以判定使用者是否已執行操作(例如，判定使用者是否已「點擊」圖示)。在一些實施例中，根據軟體參數判定強度臨限之至少一子集(例如，並不由特定實體致動器之啟動臨限判定強度臨限，且可在未改變裝置100之實體硬體的情況下對強度臨限進行調整)。舉例而言，可在未改變軌跡墊或觸控螢幕顯示器硬體的情況下，將軌跡墊或觸控螢幕顯示器之滑鼠「點擊」臨限設定為較大範圍之預定義臨限值 中之任一者。另外，在一些實施中，裝置之使用者具備用於調整強度臨限之集合中的一或多者之軟體設定(例如，藉由調整個別強度臨限，及/或藉由用系統層級之點擊「強度」參數一次調整複數個強度臨限)。

接觸/運動模組130視情況偵測由使用者所輸入之示意動作。觸敏式表面上之不同示意動作具有不同的接觸圖案(例如，偵測到之接觸的不同運動、時序及/或強度)。因此，視情況藉由偵測特定接觸圖案而偵測示意動作。舉例而言，偵測手指觸按示意動作包括偵測手指向下事件，接著在與手指向下事件相同之位置(或實質上相同位置處)處(例如，在圖示之位置處)偵測手指向上(起離)事件。作為另一實例，偵測觸敏式表面上之手指滑移(swipe)示意動作包括偵測手指向下事件，接著偵測一或多個手指牽曳事件，且隨後接著偵測手指向上(起離)事件。

圖形模組132包括用於在觸控螢幕112或其他顯示器上顯現及顯示圖形的各種已知軟體組件，包括用於改變所顯示之圖形的視覺效果(例如，亮度、透明度、飽和度、對比度或其他視覺屬性)之組件。如本文中所使用，術語「圖形」包括可向使用者顯示之任何物件，包括(但不限於)文字、網頁、圖示(諸如，包括螢幕按鍵之使用者介面物件)、數位影像、視訊、動畫及其類似者。

在一些實施例中，圖形模組132儲存表示待使用之圖形的資料。視情況將每一圖形指派至對應碼。圖形模組132自應用程式等接收指定待顯示之圖形的一或多個碼，連同座標資料及其他圖形屬性資料(若必要)，且接著產生螢幕影像資料以輸出至顯示控制器156。

觸感回饋模組133包括用於產生由觸覺輸出產生器167所使用，以回應於使用者與裝置100之互動，在裝置100上之一或多個位置處產生觸覺輸出之指令的各種軟體組件。

文字輸入模組134(其視情況為圖形模組132之組件)提供用於在各種應用程式(例如，連絡人137、電子郵件140、IM 141、瀏覽器147及需要文字輸入之任何其他應用程式)中鍵入文字之軟鍵盤。

GPS模組135判定裝置之位置，且提供此資訊以供各種應用程式使用(例如，提供至電話138以供在基於位置之撥號中使用、提供至攝影機143作為圖像/視訊後設資料，及提供至提供基於位置之服務的應用程式，諸如天氣介面工具集、本地黃頁介面工具集及地圖/導航介面工具集)。

應用程式136視情況包括以下模組(或指令集)，或其超集之子集：˙連絡人模組137(有時稱作通訊錄或連絡人清單)˙電話模組138；˙視訊會議模組139；˙電子郵件用戶端模組140；˙即時訊息傳遞(IM)模組141；˙健身支援模組142；˙用於靜態及/或視訊影像之攝影機模組143；˙影像管理模組144；˙瀏覽器模組147；˙行事曆模組148；˙介面工具集模組149，其可包括以下各項中之一或多者：天氣介面工具集149-1、股票介面工具集149-2、計算器介面工具集149-3、鬧鐘介面工具集149-4、辭典介面工具集149-5，及藉由使用者獲得之其他介面工具集以及使用者建立之介面工具集149-6；˙用於產生使用者建立之介面工具集149-6的介面工具集建立者模組150； ˙搜尋模組151；˙視訊及音樂播放器模組152，其視情況由視訊播放器模組及音樂播放器模組組成；˙備忘錄模組153；˙地圖模組154；及/或˙線上視訊模組155。

視情況儲存於記憶體102中的其他應用程式136之實例包括其他文書處理應用程式、其他影像編輯應用程式、繪圖應用程式、簡報應用程式、JAVA致能應用程式、加密、數位版權管理、語音辨識及語音複寫。

結合觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132及文字輸入模組134，連絡人模組137視情況用以管理通訊錄或連絡人清單(例如，儲存於記憶體102或記憶體370中之連絡人模組137的應用程式內部狀態192中)，包括：將(多個)名稱新增至通訊錄；自通訊錄刪除(多個)名稱；使(多個)電話號碼、(多個)電子郵件地址、(多個)實體地址或其他資訊與名稱相關聯；使影像與名稱相關聯；將名稱歸類並分類；提供電話號碼或電子郵件地址以藉由電話138、視訊會議139、電子郵件140或IM 141起始及/或有助於通信；等等。

結合RF電路108、音訊電路110、揚聲器111、麥克風113、觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132及文字輸入模組134，電話模組138視情況用於鍵入對應於電話號碼之字元序列、存取通訊錄137中之一或多個電話號碼、修改已輸入之電話號碼、撥號各別電話號碼、進行交談，及當交談完成時斷開連接或掛斷。如上文所提到，無線通信視情況使用複數個通信標準、協定及技術中之任一者。

結合RF電路108、音訊電路110、揚聲器111、麥克風113、觸控 螢幕112、顯示控制器156、光學感測器164、光學感測器控制器158、接觸模組130、圖形模組132、文字輸入模組134、連絡人清單137及電話模組138，視訊會議模組139包括用以執行以下操作之可執行指令：根據使用者指令而起始、進行及終止使用者與一或多個其他參與者之間的視訊會議。

結合RF電路108、觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132及文字輸入模組134，電子郵件用戶端模組140包括用以執行以下操作之可執行指令：回應於使用者指令而建立、發送、接收及管理電子郵件。結合影像管理模組144，電子郵件用戶端模組140使得非常易於建立及發送具有用攝影機模組143拍攝之靜態影像或視訊影像之電子郵件。

結合RF電路108、觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132及文字輸入模組134，即時訊息傳遞模組141包括用以執行以下操作之可執行指令：鍵入對應於即時訊息之字元序列、修改先前鍵入之字元、傳輸各別即時訊息(例如，針對基於電話之即時訊息使用簡訊服務(SMS)或多媒體訊息服務(MMS)協定，或針對基於網際網路之即時訊息使用XMPP、SIMPLE或IMPS)、接收即時訊息，及檢視所接收之即時訊息。在一些實施例中，所傳輸及/或接收之即時訊息視情況包括圖形、照片、音訊檔案、視訊檔案及/或MMS及/或增強型訊息傳遞服務(EMS)中所支援之其他附加檔案。如本文中所使用，「即時訊息傳遞」係指基於電話之訊息(例如，使用SMS或MMS發送之訊息)及基於網際網路之訊息(例如，使用XMPP、SIMPLE或IMPS發送之訊息)兩者。

結合RF電路108、觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132、文字輸入模組134、GPS模組135、地圖模組154及音樂播放器模組146，健身支援模組142包括用以執行以下操作之可 執行指令：建立健身計劃(例如，關於時間、距離及/或卡路里燃燒目標)、與健身感測器(運動裝置)通信、接收健身感測器資料、校準用於監視健身之感測器、為健身選擇及播放音樂，及顯示、儲存並傳輸健身資料。

結合觸控螢幕112、顯示控制器156、光學感測器164、光學感測器控制器158、接觸模組130、圖形模組132及影像管理模組144，攝影機模組143包括用以執行以下操作之可執行指令：捕獲靜態影像或視訊(包括視訊流)並將其儲存至記憶體102中、修改靜態影像或視訊之特性，或自記憶體102刪除靜態影像或視訊。

結合觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132、文字輸入模組134及攝影機模組143，影像管理模組144包括用以執行以下操作之可執行指令：配置、修改(例如，編輯)或以其他方式操縱、標記、刪除、呈現(例如，用數位投影片放映或相薄)及儲存靜態影像及/或視訊影像。

結合RF電路108、觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132及文字輸入模組134，瀏覽器模組147包括用以執行以下操作之可執行指令：根據使用者指令而瀏覽網際網路，包括搜尋、連結至、接收及顯示網頁或其部分，以及連結至網頁之附加檔案及其他檔案。

結合RF電路108、觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、文字輸入模組134、電子郵件用戶端模組140及瀏覽器模組147，行事曆模組148包括用以執行以下操作之可執行指令：根據使用者指令而建立、顯示、修改及儲存行事曆，及與行事曆相關聯之資料(例如，行事曆條目、待辦事項清單等)。

結合RF電路108、觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、文字輸入模組134及瀏覽器模組147，介面工具集 模組149為視情況由使用者下載及使用之微型應用程式(例如，天氣介面工具集149-1、股票介面工具集149-2、計算器介面工具集149-3、鬧鐘介面工具集149-4及辭典介面工具集149-5)，或由使用者建立之微型應用程式(例如，使用者建立之介面工具集149-6)。在一些實施例中，介面工具集包括HTML(超文字標記語言)檔案、CSS(階層式樣式表)檔案及JavaScript檔案。在一些實施例中，介面工具集包括XML(可擴展標記語言)檔案及JavaScript檔案(例如，Yahoo！介面工具集)。

結合RF電路108、觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、文字輸入模組134及瀏覽器模組147，由使用者視情況使用介面工具集建立者模組150，以產生介面工具集(例如，將網頁之使用者所指定部分變成介面工具集)。

結合觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132及文字輸入模組134，搜尋模組151包括用以執行以下操作之可執行指令：根據使用者指令而搜尋記憶體102中與一或多個搜尋準則(例如，一或多個使用者指定之搜尋術語)匹配的文字、音樂、聲音、影像、視訊及/或其他檔案。

結合觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、音訊電路110、揚聲器111、RF電路108及瀏覽器模組147，視訊及音樂播放器模組152包括允許使用者下載及播放以一或多個檔案格式所儲存之已記錄音樂及其他聲音檔案(諸如，MP3或AAC檔案)之可執行指令，及用以顯示、呈現或以其他方式播放視訊(例如，在觸控螢幕112上或在經由外部埠124連接之外部顯示器上)之可執行指令。在一些實施例中，裝置100視情況包括諸如iPod(Apple公司之商標)之MP3播放器的功能性。

結合觸控螢幕112、顯示控制器156、接觸模組130、圖形模組132及文字輸入模組134，備忘錄模組153包括用以執行以下操作之可執行 指令：根據使用者指令而建立及管理備忘錄、待辦事項清單及類似者。

結合RF電路108、觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、文字輸入模組134、GPS模組135及瀏覽器模組147，地圖模組154視情況用於根據使用者指令而接收、顯示、修改及儲存地圖，及與地圖相關聯之資料(例如，行駛方向；關於位於特定位置或其附近之商店及其他所關心之地點的資料；及其他基於位置之資料)。

結合觸控螢幕112、顯示系統控制器156、接觸模組130、圖形模組132、音訊電路110、揚聲器111、RF電路108、文字輸入模組134、電子郵件用戶端模組140及瀏覽器模組147，線上視訊模組155包括執行以下操作之可執行指令：允許使用者存取、瀏覽、接收(例如，藉由串流傳輸及/或下載)、播放(例如，在觸控螢幕上，或在經由外部埠124連接之外部顯示器上)、發送具有至特定線上視訊之連結的電子郵件，及以其他方式管理呈一或多個檔案格式(諸如，H.264)之線上視訊。在一些實施例中，即時訊息傳遞模組141(而非電子郵件用戶端模組140)用以發送至特定線上視訊之連結。

上文所識別之模組及應用程式中之每一者對應於用於執行上文所描述之一或多個功能及在本申請案中所描述之方法(例如，電腦實施之方法及本文中所描述之其他資訊處理方法)之可執行指令集。無需將此等模組(亦即，指令集)實施為單獨之軟體程式、程序或模組，且因此在各種實施例中，視情況組合或以其他方式重新配置此等模組之各種子集。在一些實施例中，記憶體102視情況儲存上文所識別之模組及資料結構的子集。此外，記憶體102視情況儲存上文未描述之額外模組及資料結構。

在一些實施例中，裝置100為經由觸控螢幕及/或觸控板排他地執 行裝置上之功能的預定義集合之操作的裝置。藉由將觸控螢幕及/或觸控板用作用於裝置100之操作的原始輸入控制裝置，視情況減少裝置100上之實體輸入控制裝置(諸如，推按式按鈕、撥號盤及類似者)的數目。

經由觸控螢幕及/或觸控板所排他地執行之功能的預定義集合視情況包括使用者介面之間的導覽。在一些實施例中，當由使用者觸摸時，觸控板將裝置100自顯示於裝置100上之任何使用者介面導覽至主要設定、起始或根功能表。在此等實施例中，使用觸控板實施「功能表按鈕」。在一些其他實施例中，功能表按鈕為實體推按式按鈕或其他實體輸入控制裝置，而非觸控板。

圖1B為說明根據一些實施例的用於事件處置之例示性組件的方塊圖。在一些實施例中，記憶體102(在圖1A中)或370(圖3)包括事件分類器170(例如，在作業系統126中)及各別應用程式136-1(例如，上述應用程式137-13、155、380至390中之任一者)。

事件分類器170接收事件資訊，且判定應用程式136-1及應用程式136-1之應用程式視圖191，將事件資訊遞送至該應用程式視圖。事件分類器170包括事件監視器171及事件分派器模組174。在一些實施例中，應用程式136-1包括應用程式內部狀態192，其指示在該應用程式作用中或正執行時顯示於觸敏式顯示器112上之(多個)當前應用程式視圖。在一些實施例中，裝置/全域內部狀態157由事件分類器170使用以判定哪個(哪些)應用程式當前在作用中，並由事件分類器170使用應用程式內部狀態192以判定應用程式視圖191，將事件資訊遞送至該應用程式視圖。

在一些實施例中，應用程式內部狀態192包括額外資訊，諸如以下各者中之一或多者：待在應用程式136-1重新繼續執行時使用之重新繼續資訊、指示資訊正由應用程式136-1顯示或準備顯示之使用者 介面狀態資訊、用於使得使用者能夠返回至應用程式136-1之先前狀態或視圖的狀態佇列；及由使用者所採取的先前動作之取消復原/復原佇列。

事件監視器171自周邊裝置介面118接收事件資訊。事件資訊包括關於子事件(例如，觸敏式顯示器112上作為多觸摸示意動作之部分的使用者觸摸)之資訊。周邊裝置介面118傳輸其自I/O子系統106或感測器(諸如，近接感測器166)、(多個)加速度計168及/或麥克風113(經由音訊電路110)接收之資訊。周邊裝置介面118自I/O子系統106接收之資訊包括來自觸敏式顯示器112或觸敏式表面之資訊。

在一些實施例中，事件監視器171以預定時間間隔將請求發送至周邊裝置介面118。作為回應，周邊裝置介面118傳輸事件資訊。在其他實施例中，僅在存在重大事件(例如，接收到超過預定雜訊臨限之輸入，及/或接收輸入歷時多於預定持續時間)時，周邊裝置介面118才傳輸事件資訊。

在一些實施例中，事件分類器170亦包括命中(hit)視圖判定模組172及/或作用中事件辨識器判定模組173。

命中視圖判定模組172提供用於在觸敏式顯示器112顯示一個以上視圖時，判定在一或多個視圖內發生子事件之處的軟體程序。視圖由控制項及使用者可在顯示器上看到之其他元件組成。

與應用程式相關聯之使用者介面之另一態樣為本文中有時被稱為應用程式視圖或使用者介面視窗之視圖集合，在該視圖集合中顯示資訊並發生基於觸摸之示意動作。偵測到觸摸的(各別應用程式之)應用程式視圖視情況對應於應用程式之程式設計或視圖階層內的程式設計層級。舉例而言，偵測到觸摸之最低層級視圖視情況被稱為命中視圖，且視情況至少部分基於開始基於觸摸之示意動作的初始觸摸之命中視圖，判定辨識為恰當輸入之事件集合。

命中視圖判定模組172接收與基於觸摸之示意動作之子事件相關的資訊。當應用程式具有按階層組織之多個視圖時，命中視圖判定模組172將命中視圖識別為階層中應處置該子事件之最低視圖。在大多數情況下，命中視圖為起始子事件(亦即，形成事件或潛在事件之子事件序列中的第一子事件)發生之最低層級視圖。一旦由命中視圖判定模組識別出命中視圖，該命中視圖通常接收與同一觸摸或輸入源(針對該觸摸或輸入源將該視圖識別為命中視圖)相關之所有子事件。

作用中事件辨識器判定模組173判定視圖階層內之哪個或哪些視圖應接收特定子事件序列。在一些實施例中，作用中事件辨識器判定模組173判定僅命中視圖應接收特定子事件序列。在其他實施例中，作用中事件辨識器判定模組173判定包括子事件之實體位置的所有視圖為所涉及之作用中視圖，且因此判定所有所涉及之作用中視圖應接收特定子事件序列。在其他實施例中，即使觸摸子事件完全侷限於與一特定視圖相關聯之區域，階層中較高之視圖仍將保持為所涉及之作用中視圖。

事件分派器模組174將事件資訊分派至事件辨識器(例如，事件辨識器180)。在包括作用中事件辨識器判定模組173之實施例中，事件分派器模組174將由作用中事件辨識器判定模組173所判定之事件資訊遞送至事件辨識器。在一些實施例中，事件分派器模組174將由各別事件接收器模組182所擷取之事件資訊儲存於事件佇列中。

在一些實施例中，作業系統126包括事件分類器170。或者，應用程式136-1包括事件分類器170。在又其他實施例中，事件分類器170為獨立模組或儲存於記憶體102中之另一模組(諸如，接觸/運動模組130)的部分。

在一些實施例中，應用程式136-1包括複數個事件處理常式190及一或多個應用程式視圖191，其中之每一者包括用於處置在應用程式 之使用者介面之各別視圖內發生的觸摸事件之指令。應用程式136-1之每一應用程式視圖191包括一或多個事件辨識器180。通常，各別應用程式視圖191包括複數個事件辨識器180。在其他實施例中，事件辨識器180中之一或多者為單獨模組(諸如，使用者介面套組(未展示)或較高層級物件，應用程式136-1自該較高層級物件繼承方法及其他屬性)之部分。在一些實施例中，各別事件處理常式190包括以下各者中之一或多者：資料更新程式176、物件更新程式177、GUI更新程式178，及/或自事件分類器170所接收之事件資料179。事件處理常式190視情況利用或呼叫資料更新程式176、物件更新程式177或GUI更新程式178，以更新應用程式內部狀態192。或者，應用程式視圖191中之一或多者包括一或多個各別事件處理常式190。又，在一些實施例中，資料更新程式176、物件更新程式177及GUI更新程式178中之一或多者包括於各別應用程式視圖191中。

各別事件辨識器180自事件分類器170接收事件資訊(例如，事件資料179)，並自事件資訊識別事件。事件辨識器180包括事件接收器182及事件比較器184。在一些實施例中，事件辨識器180亦包括以下各者之至少一子集：後設資料183及事件遞送指令188(其視情況包括子事件遞送指令)。

事件接收器182自事件分類器170接收事件資訊。事件資訊包括關於子事件(例如，觸摸或觸摸移動)之資訊。取決於子事件，事件資訊亦包括諸如子事件之位置的額外資訊。當子事件有關觸摸之運動時，事件資訊視情況亦包括子事件之速度及方向。在一些實施例中，事件包括裝置自一定向至另一定向(例如，自縱向定向至橫向定向，或橫向定向至縱向定向)之旋轉，且事件資訊包括關於裝置之當前定向(亦稱為裝置姿態)之對應資訊。

事件比較器184比較事件資訊與預定義事件或子事件定義，並基 於該比較判定事件或子事件，或判定或更新事件或子事件之狀態。在一些實施例中，事件比較器184包括事件定義186。事件定義186含有事件(例如，子事件之預定義序列)之定義，例如，事件1(187-1)、事件2(187-2)及其他事件。在一些實施例中，事件187中之子事件包括(例如)觸摸開始、觸摸結束、觸摸移動、觸摸取消及多點觸摸。在一實例中，事件1(187-1)之定義為所顯示物件上之雙觸按。雙觸按(例如)包含所顯示物件上之第一觸摸歷時預定階段(觸摸開始)，第一起離歷時預定階段(觸摸結束)，所顯示物件上之第二觸摸歷時預定階段(觸摸開始)，及第二起離歷時預定階段(觸摸結束)。在另一實例中，事件2(187-2)之定義為在所顯示物件之拖曳。拖曳(例如)包含所顯示物件上之觸摸(或接觸)歷時預定階段、觸摸橫跨觸敏式顯示器112之移動，及觸摸之起離(觸摸結束)。在一些實施例中，事件亦包括一或多個相關聯事件處理常式190之資訊。

在一些實施例中，事件定義187包括各別使用者介面物件之事件的定義。在一些實施例中，事件比較器184執行命中測試，以判定哪個使用者介面物件與子事件相關聯。舉例而言，在三個使用者介面物件顯示於觸敏式顯示器112上之應用程式視圖中，當偵測到觸敏式顯示器112上之觸摸時，事件比較器184執行命中測試，以判定三個使用者介面物件中之哪一者與觸摸(子事件)相關聯。若每一所顯示物件皆與各別事件處理常式190相關聯，則事件比較器使用命中測試之結果，來判定應啟動哪個事件處理常式190。舉例而言，事件比較器184選擇與觸發命中測試之子事件及物件相關聯的事件處理常式。

在一些實施例中，各別事件187之定義亦包括延遲動作，該延遲動作延遲事件資訊之遞送，直至已判定子事件序列對應於事件辨識器之事件類型，抑或並不對應於事件辨識器之事件類型之後為止。

當各別事件辨識器180判定一系列子事件並不與事件定義186中 之事件中的任一者匹配時，各別事件辨識器180鍵入事件不可能、事件故障或事件結束之狀態，在此之後，各別事件辨識器忽視基於觸摸之示意動作的後續子事件。在此情況下，對於命中視圖而言仍在作用中之其他事件辨識器(若存在)繼續追蹤並處理正在進行的基於觸摸之示意動作的子事件。

在一些實施例中，各別事件辨識器180包括具有指示事件遞送系統應如何執行至所涉及之作用中事件辨識器之子事件遞送的可組態屬性、旗標及/或清單的後設資料183。在一些實施例中，後設資料183包括指示事件辨識器如何彼此互動或經啟用以彼此互動之可組態屬性、旗標及/或清單。在一些實施例中，後設資料183包括指示是否將子事件遞送至視圖或程式設計階層中之不同層級的可組態屬性、旗標及/或清單。

在一些實施例中，當辨識出事件之一或多個特定子事件時，各別事件辨識器180啟動與事件相關聯之事件處理常式190。在一些實施例中，各別事件辨識器180將與事件相關聯之事件資訊遞送至事件處理常式190。啟動事件處理常式190不同於將子事件發送(及推遲發送)至各別命中視圖。在一些實施例中，事件辨識器180拋出(throw)與辨識出之事件相關聯的旗標，且與該旗標相關聯之事件處理常式190捕捉該旗標並執行預定義程序。

在一些實施例中，事件遞送指令188包括在不啟動事件處理常式之情況下遞送關於子事件之事件資訊的子事件遞送指令。實情為，子事件遞送指令將事件資訊遞送至與該系列子事件相關聯之事件處理常式，或將其遞送至所涉及之作用中視圖。與該系列子事件相關聯或與所涉及之作用中視圖相關聯之事件處理常式接收事件資訊，並執行預定程序。

在一些實施例中，資料更新程式176建立並更新用於應用程式 136-1中之資料。舉例而言，資料更新程式176更新用於連絡人模組137中之電話號碼，或儲存用於視訊播放器模組145中之視訊檔案。在一些實施例中，物件更新程式177建立並更新用於應用程式136-1中之物件。舉例而言，物件更新程式176建立新的使用者介面物件，或更新使用者介面物件之位置。GUI更新程式178更新GUI。舉例而言，GUI更新程式178準備顯示資訊，並將其發送至圖形模組132以供顯示於觸敏式顯示器上。

在一些實施例中，(多個)事件處理常式190包括或能夠存取資料更新程式176、物件更新程式177及GUI更新程式178。在一些實施例中，資料更新程式176、物件更新程式177及GUI更新程式178包括於各別應用程式136-1或應用程式視圖191之單一模組中。在其他實施例中，該等更新程式包括於兩個或兩個以上軟體模組中。

應理解，關於觸敏式顯示器上之使用者觸摸的事件處置之上述論述亦適用於藉由輸入裝置操作多功能裝置100的其他形式之使用者輸入，並非所有使用者輸入皆係在觸控螢幕上起始的。舉例而言，視情況將滑鼠移動及滑鼠按鈕按壓用作對應於定義待辨識之事件的子事件之輸入，滑鼠移動及滑鼠按鈕按壓視情況與以下各者協調：單一或多個鍵盤按壓或固持；接觸移動，諸如觸控板上之觸按、拖曳、捲動等；觸控筆輸入；裝置之移動；口頭指令；偵測到之眼部移動；生物統計輸入；及/或其任何組合。

圖2說明根據一些實施例的具有觸控螢幕112之攜帶型多功能裝置100。觸控螢幕視情況在使用者介面(UI)200內顯示一或多個圖形。在此實施例以及下文描述之其他實施例中，使用者能夠藉由在圖形上作出示意動作(例如，藉由一或多個手指202(圖式中並未按比例繪製)或一或多個觸控筆203(圖式中並未按比例繪製)而選擇圖形中之一或多者。在一些實施例中，當使用者阻斷與一或多個圖形之接觸時，發生 對該一或多個圖形之選擇。在一些實施例中，示意動作視情況包括一或多個觸按、一或多個滑移(自左至右、自右至左、向上及/或向下)，及/或已接觸裝置100的手指之滾動(自右至左、自左至右、向上及/或向下)。在一些實施或情況下，與圖形之無意接觸並不選擇該圖形。舉例而言，當對應於選擇之示意動作為觸按時，掃過應用程式圖示之滑移示意動作視情況並不選擇對應應用程式。

裝置100視情況亦包括一或多個實體按鈕，諸如「home」或功能表按鈕204。如先前所描述，功能表按鈕204視情況用於導覽至視情況執行於裝置100上的應用程式之集合中的任何應用程式136。或者，在一些實施例中，功能表按鈕實施為顯示於觸控螢幕112上之GUI中的螢幕按鍵。

在一實施例中，裝置100包括觸控螢幕112、功能表按鈕204、用於對裝置供電/斷電及鎖定裝置之推按式按鈕206、(多個)音量調整按鈕208、用戶識別模組(SIM)卡槽210、耳機插孔212及銜接/充電外部埠124。推按式按鈕206視情況用於：藉由壓下按鈕並使按鈕保持於壓下狀態歷時預定義時間間隔來對裝置供電/斷電；藉由壓下按鈕並在預定義時間間隔已屆期之前釋放按鈕來鎖定裝置；及/或將裝置解除鎖定或起始解除鎖定程序。在替代性實施例中，裝置100亦經由麥克風113接受口頭輸入以用於而啟動或撤銷啟動一些功能。裝置100亦視情況包括用於偵測觸控螢幕112上之接觸的強度之一或多個接觸強度感測器165，及/或用於為裝置100之使用者產生觸覺輸出的一或多個觸覺輸出產生器167。

圖3為根據一些實施例的具有顯示器及觸敏式表面之例示性多功能裝置的方塊圖。裝置300無需為攜帶型的。在一些實施例中，裝置300為膝上型電腦、桌上型電腦、平板電腦、多媒體播放器裝置、導航裝置、教育裝置(諸如，兒童之學習玩具)、遊戲系統，或控制裝置 (例如，家用或工業控制器)。裝置300通常包括一或多個處理單元(CPU)310、一或多個網路或其他通信介面360、記憶體370，及用於將此等組件互連之一或多個通信匯流排320。通信匯流排320視情況包括互連及控制系統組件之間的通信之電路(有時被稱為晶片組)。裝置300包括輸入/輸出(I/O)介面330，該I/O介面包含通常為觸控螢幕顯示器之顯示器340。I/O介面330亦視情況包括鍵盤及/或滑鼠(或其他指標裝置)350及觸控板355，用於在裝置300上產生觸覺輸出之觸覺輸出產生器357(例如，類似於上文參考圖1A所描述之觸覺輸出產生器167)、感測器359(例如，光學、加速度、近接、觸敏式，及/或類似於上文參考圖1A所描述之接觸強度感測器165的接觸強度感測器)。記憶體370包括高速隨機存取記憶體，諸如DRAM、SRAM、DDR RAM或其他隨機存取固態記憶體裝置；且視情況包括非揮發性記憶體，諸如一或多個磁碟儲存裝置、光碟儲存裝置、快閃記憶體裝置，或其他非揮發性固態儲存裝置。記憶體370視情況包括遠離CPU 310而定位之一或多個儲存裝置。在一些實施例中，記憶體370儲存類似於攜帶型多功能裝置100(圖1A)之記憶體102中所儲存的程式、模組及資料結構之程式、模組及資料結構，或其子集。此外，記憶體370視情況儲存攜帶型多功能裝置100之記憶體102中並不存在的額外程式、模組及資料結構。舉例而言，裝置300之記憶體370視情況儲存繪圖模組380、簡報模組382、文書處理模組384、網站建立模組386、磁碟製作模組388及/或試算表模組390，而攜帶型多功能裝置100(圖1A)之記憶體102視情況並不儲存此等模組。

上文所識別的圖3中之元件中之每一者視情況儲存於先前所提及之記憶體裝置中的一或多者中。上文所識別之模組中之每一者對應於用於執行上文所描述之功能的指令集。上文所識別之模組或程式(亦即，指令集)無需實施為單獨之軟體程式、程序或模組，且因此在各 種實施例中，視情況組合或以其他方式重新配置此等模組之各種子集。在一些實施例中，記憶體370視情況儲存上文所識別之模組及資料結構的子集。此外，記憶體370視情況儲存上文未描述之額外模組及資料結構。

現將注意力轉向視情況實施於攜帶型多功能裝置100上之使用者介面(「UI」)的實施例。

圖4A說明根據一些實施例的攜帶型多功能裝置100上之應用程式之功能表的例示性使用者介面。類似之使用者介面視情況實施於裝置300上。在一些實施例中，使用者介面400包括以下元件，或其子集或超集：˙狀態列401具有諸如如下各者之狀態圖示：￮用於無線通信之信號強度指示符402，諸如蜂巢式及Wi-Fi信號；￮時間404；￮藍芽指示符405；￮電池狀態指示符406；˙具有用於諸如以下各者之頻繁使用之應用程式的圖示的系統匣408：￮圖示416用於電話模組138，標記為「電話」，其視情況包括未接來電或語音郵件訊息之數目的指示符414；￮圖示418用於電子郵件用戶端模組140，標記為「郵件」，其視情況包括未讀電子郵件之數目的指示符410；￮圖示420用於瀏覽器模組147，標記為「瀏覽器」；及￮圖示422用於視訊及音樂播放器模組152(其亦被稱作iPod(Apple公司之商標)模組152)，標記為「iPod」；及˙用於其他應用程式之圖示，諸如： ￮圖示424用於IM模組141，標記為「訊息」；￮圖示426用於行事曆模組148，標記為「行事曆」；￮圖示428用於影像管理模組144，標記為「照片」；￮圖示430用於攝影機模組143，標記為「攝影機」；￮圖示432用於在線視訊模組155，標記為「在線視訊」￮圖示434用於股票介面工具集149-2，標記為「股票」；￮圖示436用於地圖模組154，標記為「地圖」；￮圖示438用於天氣介面工具集149-1，標記為「天氣」；￮圖示440用於鬧鐘介面工具集149-4，標記為「鬧鐘」；￮圖示442用於健身支援模組142，標記為「健身支援」；￮圖示444用於備忘錄模組153，標記為「備忘錄」；及￮圖示446用於設定應用程式或模組，其提供對裝置100及其各種應用程式136之設定的存取。

應注意，圖4A中所說明之圖示標記僅僅為例示性的。舉例而言，將用於視訊及音樂播放器模組152之圖示422標記為「音樂」或「音樂播放器」。其他標記視情況用於各種應用程式圖示。在一些實施例中，用於各別應用程式圖示之標記包括對應於該各別應用程式圖示之應用程式的名稱。在一些實施例中，用於特定應用程式圖示之標記不同於對應於該特定應用程式圖示之應用程式的名稱。

圖4B說明具有與顯示器450(例如，觸控螢幕顯示器112)分離之觸敏式表面451(例如，圖3之平板或觸控板355)之裝置(例如，圖3之裝置300)上的例示性使用者介面。又，裝置300視情況包括用於偵測觸敏式表面451上之接觸的強度之一或多個接觸強度感測器(例如，感測器357中之一或多者)，及/或用於為裝置300之使用者產生觸覺輸出的一或多個觸覺輸出產生器359。

儘管將參考觸控螢幕顯示器112上之輸入給出以下之一些實例(其中組合觸敏式表面及顯示器)，但在一些實施例中，裝置偵測分離於 顯示器之觸敏式表面上的輸入，如圖4B中所展示。在一些實施例中，觸敏式表面(例如，圖4B中之451)具有對應於顯示器(例如，450)上之主軸(例如，圖4B中之453)的主軸(例如，圖4B中之452)。根據此等實施例，裝置在對應於顯示器上之各別位置的位置處(例如，在圖4B中，460對應於468且462對應於470)偵測與觸敏式表面451之接觸(例如，圖4B中之460及462)。以此方式，當觸敏式表面(例如，圖4B中之451)與顯示器(例如，圖4B中之450)分離時，裝置使用由裝置在觸敏式表面上偵測到之使用者輸入(例如，接觸460及462，以及其移動)，以操縱多功能裝置之顯示器上的使用者介面。應理解，類似方法視情況用於本文中所描述之其他使用者介面。

另外，雖然主要參考手指輸入(例如，手指接觸、手指觸按示意動作、手指滑移示意動作)而給出以下實例，但應理解，在一些實施例中，用來自另一輸入裝置之輸入(例如，基於滑鼠之輸入或觸控筆輸入)來替換手指輸入中之一或多者。舉例而言，視情況用滑鼠點擊(例如，而非接觸)，接著沿著滑移之路徑移動游標(例如，而非移動接觸)而替換滑移示意動作。作為另一實例，視情況在游標位於觸按示意動作之位置上時，用滑鼠點擊(例如，而非偵測到接觸接著停止偵測該接觸)替換觸按示意動作。類似地，當同時偵測到多個使用者輸入時，應理解，視情況同時使用多個電腦滑鼠，或視情況同時使用滑鼠及手指接觸。

使用者介面及相關聯程序

現將注意力轉向可實施於具有顯示器及觸敏式表面之電子裝置(諸如，裝置300或攜帶型多功能裝置100)上的使用者介面(「UI」)及相關聯程序之實施例。

圖5A至圖5G說明根據一些實施例的用於調整控制項外觀之例示性預示使用者介面。此等圖式中之使用者介面用於說明以下所描述之 程序，包括圖9A至圖9G中之程序。

圖5A說明顯示於觸控螢幕顯示器112上之例示性使用者介面502。使用者介面502包括內容(例如，數位影像及/或其他圖形)。半透明鍵盤518顯示於顯示器之預定義區域504中。

圖5B說明對應於預定義區域504之第一內容506。裝置判定第一內容506之內容顯示屬性。

圖6示意性地說明根據一些實施例的針對顯示控制之區域中的內容所判定的內容顯示屬性值之例示性預示集合。舉例而言，裝置判定對應於區域504之第一內容506的色調值、飽和度值、亮度值及對比度值。

裝置基於針對第一內容506所判定的內容顯示屬性值，判定用於鍵盤518之控制項外觀參數值。為了清楚起見，如本說明書及申請專利範圍中所使用，「基於……」意謂「至少部分基於……」。舉例而言，裝置至少部分基於其上顯示控制項的顯示器之區域中的內容之所判定內容顯示屬性值，判定用於控制項之控制項外觀參數值。除其上顯示控制項的顯示器之區域中的內容之所判定內容顯示屬性值以外，所判定的用於控制項之控制項外觀參數值視情況基於額外因素。

圖7為根據一些實施例的已指派至可用於經由內插而判定控制項外觀值的控制項外觀值之對應預定義集合的內容顯示值之預定義預示集合的圖解說明。

圖8示意性地說明根據一些實施例的用於控制之控制項外觀參數值之例示性預示集合。

在一些實施例中，裝置將內容顯示值之先前映射(例如，圖7)用於控制項外觀值，以判定模糊半徑值、飽和度調整值、白色覆層之不透明度值、黑色覆層之不透明度值、鍵盤518中之使用者介面元件的不透明度值，及/或鍵盤518中之文字的色彩值(例如，圖8)。

圖5A中之鍵盤518的外觀係基於第一內容506，及用於模糊半徑、飽和度調整、白色覆層之不透明度、黑色覆層之不透明度、鍵盤518中之使用者介面元件的不透明度，及/或鍵盤518中之文字的色彩的所判定的控制項外觀值之第一集合。舉例而言，在圖5A中，已根據模糊半徑值(如藉由比較圖5A及圖5B可見)模糊區域504中之第一內容506，文字色彩為白色等。在一些實施例中，藉由可重新進入視窗管理器執行區域504中之第一內容506的模糊，如美國臨時申請案第13/366,181號(2012年2月3日申請的標題為「Reentrant Window Manager」)中所描述，該臨時申請案以全文引用的方式併入本文中。

圖5A亦展示兩個不同示意動作510及512，其中之每一者皆導致圖5A中之數位影像發生平移，使得使用者介面502中顯示數位影像之新部分。滑移示意動作510將數位影像平移至圖5C中所展示的數位影像之彼部分。滑移示意動作512將數位影像平移至圖5D至圖5F中所展示的數位影像之彼部分。

在圖5C中，對應於區域504(鍵盤518位於彼處)之內容已自第一內容506改變至第二內容508-1。裝置偵測到內容中之此改變，並判定用於第二內容508-1的內容顯示值之第二集合。又，裝置判定控制項外觀值之第二集合，並根據第二內容508-1及控制項外觀值之第二集合，改變鍵盤518之外觀。在此實例中，鍵盤518仍顯示按鍵上之白色文字，但存在第二內容508-1之較少模糊(相比於第一內容506)，此係因為模糊半徑之值較小。

圖5D說明內容視情況較快於控制項外觀值改變地移動。在圖5D中，對應於區域504(鍵盤518位於彼處)之內容剛自第一內容506改變至第二內容508-2。鍵盤518之外觀已發生改變，此係由於對應於區域504之內容自第一內容506改變至第二內容508-2。然而，在此實例中，裝置尚未判定或應用控制項外觀值之第二集合，因此代替地應用 控制項外觀值之第一集合。

圖5A、圖5E及圖5F說明視情況經由具有白色按鍵之中間鍵盤518，及基於用於內容508-2之內容顯示值的控制項外觀值之更新集合(圖5E)，進行自具有白色按鍵之鍵盤518(圖5A)至具有黑色按鍵之鍵盤518(圖5F)的改變。在圖5E中，對應於區域504(鍵盤518位於彼處)之內容已自第一內容506改變至第二內容508-2。裝置偵測到內容中之此改變，並判定用於第二內容508-2的內容顯示值之第二集合。又，裝置判定控制項外觀值之各別更新集合，並根據第二內容508-1及控制項外觀值之更新集合，改變鍵盤518之外觀。在此實例中，鍵盤518在圖5E中仍顯示按鍵上之白色文字(在切換至於圖5F中顯示按鍵上之黑色文字之前)，但圖5E中之鍵盤的外觀不同於圖5D中之鍵盤518的外觀。圖5E中之鍵盤使用基於用於內容508-2(圖5E)之內容顯示值的控制項外觀值之更新集合，而圖5D中之鍵盤使用控制項外觀值之第一集合。使用控制項外觀值之更新集合使得圖5E中之鍵盤518比圖5D中之鍵盤較可辨認。

在圖5F中，對應於區域504(鍵盤518位於彼處)之內容已自第一內容506改變至第二內容508-2。裝置偵測到內容中之此改變，並判定用於第二內容508-2的內容顯示值之第二集合。又，裝置判定控制項外觀值之第二集合，並根據第二內容508-2及控制項外觀值之第二集合，改變鍵盤518之外觀。在此實例中，鍵盤518顯示按鍵上之黑色文字(例如，歸因於508-2中之較明亮內容)，且其他控制項外觀值已亦自用於圖5A中之鍵盤的彼等值發生改變。

在顯示具有黑色按鍵之鍵盤之前，基於各別控制項外觀值之更新集合顯示具有白色按鍵之中間鍵盤的實施例中(例如，當在圖5F中之鍵盤之前顯示圖5E中之鍵盤時)，除僅將字母色彩值自白色改變至黑色以外，控制項外觀值之第二集合(用於圖5F中之具有黑色文字的 鍵盤)將通常含有不同於控制項外觀值之更新集合(用於圖5E中之具有白色文字的鍵盤)的控制項外觀值。換言之，對於內容顯示值之相同集合，用於具有黑色文字之鍵盤的控制項外觀值將通常不同於用於具有白色文字之控制項外觀值，此係因為製作易於看到及使用的具有黑色文字之鍵盤所需的模糊、飽和度調整、不透明度等之量通常不同於製作易於看到及使用的具有白色文字之鍵盤所需的模糊、飽和度調整、不透明度等之量。在一些實施例中，針對具有黑色文字之鍵盤所調整的控制項外觀參數之集合不同於針對具有白色文字之鍵盤所調整的控制項外觀參數之集合。

在一些實施例中，針對較暗控制項所調整的控制項外觀參數之集合不同於針對較亮控制項所調整的控制項外觀參數之集合。

在一些實施例中，藉由在第一內容之頂部上堆疊(合成)數個層(包括控制元件覆層及黑色覆層)而製成較暗控制項。黑色覆層掩蓋第一內容，且具有較高之不透明度(例如，RGBA=10-40，10-40，10-40，60-80)。模糊第一內容(例如，模糊半徑=10-30pts)並增加其飽和度(例如，增加20%至40%)。在一些實施例中，用於較暗控制項之控制項外觀值並不取決於用於第一內容之內容顯示值。

在一些實施例中，藉由在第一內容之頂部上堆疊(合成)數個層(包括控制元件覆層、白色覆層及色彩覆層)而製成較亮控制項。白色覆層視情況具有較高之白色色階(例如，90%至100%)及較低之不透明度(例如，20%至40%)。色彩覆層視情況具有基於用於第一內容之內容顯示值的色彩。舉例而言，色彩覆層之色調為第一內容之平均色調，如以下參考操作923A較大體地描述；色彩覆層之飽和度為內容之平均飽和度的百分比(例如，70%至90%)，如以下參考操作923B較大體地描述；且亮度較低(例如，20%至40%)。色彩覆層具有極低之不透明度(例如，5%至15%)。模糊第一內容(例如，模糊半徑=20-40 pts)並顯著增加其飽和度(例如，增加50%至90%)。

在一些實施例中，藉由在第一內容之頂部上堆疊(合成)數個層(包括控制元件覆層及白色覆層而無需色彩覆層)製成額外之較亮控制項。白色覆層視情況具有較高之白色色階(例如，90%至100%)，及取決於用於第一內容之內容顯示值的不透明度。舉例而言，不透明度具有預設值(例如，介於70%與90%之間)，但在發生如下各者時將不透明度值增加直至最大值(例如，介於90%與100%之間)：(1)第一內容之平均亮度增加為高於臨限值(例如，為第一內容之平均亮度高於86%的每一百分比加1%至2%)，如下文參考操作923C較大體地描述；(2)第一內容之平均亮度減小為低於臨限值(例如，為第一內容之平均亮度低於20%的每一百分比加1%至2%)，如下文參考操作923C較大體地描述；或(3)第一內容之平均飽和度增加為高於臨限值(例如，為第一內容之平均飽和度高於70%的每一百分比加1%至2%)，如下文參考操作923D較大體地描述。模糊第一內容(例如，模糊半徑=10-40pts)並顯著增加其飽和度(例如，增加50%至90%)。

在一些實施例中，藉由在第一內容之頂部上堆疊數個層(包括控制元件覆層、白色覆層及色彩覆層)而製成經著色控制項。色彩覆層可為任何色彩，並具有相當大之不透明度(例如，70%至90%)。白色覆層具有較高之白色色階(例如，90%至100%)，及取決於用於第一內容之內容顯示值的不透明度。舉例而言，為以下各者，加1%至2%之不透明度：(1)為第一內容之平均亮度低於臨限值的每一百分比(例如，介於40%與60%之間)，如下文參考操作923C較大體地描述，及(2)為第一內容之平均飽和度高於臨限值的每一百分比(例如，介於60%與80%之間)，如下文參考操作923D較大體地描述。模糊第一內容(例如，模糊半徑=10-30pts)並顯著降低其飽和度(例如，降低50%至100%)。

圖5F亦展示導致裝置縮小(縮微)圖5F中之數位影像，使得使用者介面502中顯示數位影像之新部分的捏合示意動作514，如圖5G中所展示。

在圖5G中，對應於區域504(鍵盤518位於彼處)之內容已自第二內容508-2改變至內容516。裝置偵測到內容中之此改變，並判定用於內容516的內容顯示值之新集合。又，裝置判定控制項外觀值之新集合，並根據內容516及控制項外觀值之新集合，改變鍵盤518之外觀。在此實例中，鍵盤518自顯示黑色文字改變至顯示白色文字(例如，歸因於516中之較暗內容)，且其他控制項外觀值亦發生改變。

在一些實施例中，半透明控制項及其他類型之半透明使用者介面元件堆疊於彼此之頂部上。舉例而言，在圖5H中，當按壓按鈕208時，半透明之響鈴音量調整指示符520呈現於半透明鍵盤518之頂部上。在一些實施例中，並不在頂部半透明元件下方顯示底部半透明元件中之控制元件，此情況減少視覺雜訊並使得能夠較容易地檢視頂部半透明元件。舉例而言，在圖5H中，並不顯示在半透明響鈴音量調整指示符520下方的鍵盤518之部分中之按鍵。實情為，僅顯示半透明響鈴音量調整指示符520下方之模糊內容(對於半透明響鈴音量調整指示符520而言，該內容對應於第一內容)。

在一些實施例中，控制項顯示於包括背景及一或多個高對比度元件(例如，文字、滑桿、按鈕或其他控制元件)之「底部」半透明元件上，且底部半透明元件中之高對比度元件並不顯示於控制項下方(例如，在忽略底部半透明元件中之高對比度元件時，控制項外觀係基於底層第一內容，及(視情況)控制元件之背景)。在一些實施例中，在顯示控制項時，「頂部」半透明元件顯示於控制項上，且控制項中之高對比度元件並不顯示於頂部半透明元件下方。在一些實施例中，在顯示器之各別區域中顯示控制項包括：判定顯示器之各別區域是否 包括控制項將顯示於其上的各別半透明控制項；根據顯示器之各別區域包括控制項將顯示於其上的各別半透明元件之判定，調整控制項外觀值之第一集合中之一或多者，以經由控制項減少各別半透明元件之高對比度元件的可見度；及根據顯示器之各別區域並不包括控制項將顯示於其上的各別半透明元件之判定，放棄調整控制項外觀之第一集合中的一或多者。

在一些實施例中，當初始地展示控制項或其他半透明使用者介面元件時，顯示模糊動畫。舉例而言，回應於啟動個人數位助理(例如，藉由按壓圖5I中之按鈕204)，顯示動畫，使得在顯示個人數位助理之使用者介面元件(例如，圖5J中之「您需要什麼幫助？」文字、聲音波形及「？」圖示)時，圖5J中之內容看起來後退至顯示器112中(或縮微)，並變得模糊，如圖5J中所說明。在一些實施例中，此效果類似於圖5J中之內容後向移動超出鏡頭之焦平面(例如，內容在顯示器中後退並隨著其後退逐漸離焦)。在一些實施例中，若內容並不足夠大以發生內容縮小來使得該內容看起來後向後退，則藉由自內容之邊緣朝向顯示器之邊緣反射預定數目之像素(例如，5、10、15或20個像素)，使得內容之邊緣與顯示器之邊緣之間並不存在間隙，而在邊緣處擴展內容。例示性個人數位助理為來自加利福尼亞州之庫珀蒂諾市的Apple公司之Siri。

在一些實施例中，可在未發生模糊的情況下顯示控制項內的第一內容之一些部分。在一些實施例中，控制項包括預定義控制區域及一或多個元件；且在顯示器之各別區域中顯示控制項包括：藉由根據控制項外觀值之第一集合，將一或多個變換之集合(例如，模糊、飽和度改變、色彩移位)應用於控制區域中之第一內容而指示預定義控制區域之範圍；及藉由在各別可啟動元件之位置(及形狀)處，放棄應用一或多個變換之集合中的各別變換而指示控制項中之各別元件的位 置。舉例而言，圖5K，裝置在模糊且欠飽和之預定義區域中顯示滑桿控制項522，且滑桿控制項內為並不模糊、欠飽和或以其他方式經變換的斷開子區域524。在圖5K中，斷開子區域對應於拇指圖示526經組態以沿著其移動的預定義路徑(例如，回應於使用者輸入，諸如開始於拇指圖示526上之觸按及拖曳示意動作)。因此，對於在其下展示經變換版本之內容的各別半透明控制項(或其他半透明元件)而言，區分各別半透明控制項之各別區域(例如，包括按鈕、滑桿、文字鍵入欄位等之區域)與各別半透明控制項之其他區域的一種方式為，使得各別半透明控制項之各別區域透明(例如，藉由並不應用應用於控制項之其他區域中，以產生顯示於控制項下方的經變換版本之內容的變換)，使得各別區域看起來經穿孔於控制項上。當使用者檢視內容(例如，圖像、視訊、文字)時，顯示具有透明區域之半透明控制項係尤其有用的，此係因為控制項之透明及半透明部分仍允許使用者看到控制項下方之內容，從而使得使用者能夠較快速及有效地操作裝置。

圖9A至圖9G為說明根據一些實施例的調整控制項外觀之方法900的流程圖。在具有顯示器及(視情況)觸敏式表面之電子裝置(例如，圖3之裝置300，或圖1A之攜帶型多功能裝置100)處執行方法900。在一些實施例中，顯示器為觸控螢幕顯示器，且觸敏式表面係在顯示器上。在一些實施例中，顯示器與觸敏式表面分離。視情況組合方法900中之一些操作，及/或視情況改變一些操作之次序。

如下文所描述，相比於以固定方式簡單地模糊底層內容的不透明控制項或半透明控制項，方法900提供其外觀較不分散注意力的半透明控制項。同時，方法900提供易於看到並與之互動的半透明控制項。總體而言，方法900提供減少使用者之認知負擔，並產生較效率之人機介面的半透明控制項。

裝置在顯示器上顯示(902)使用者介面(例如，圖5A之使用者介面 502)。

裝置判定(904)(例如，藉由擷取或計算)用於對應於顯示器之各別區域的第一內容之一或多個內容顯示屬性(例如，色調、飽和度、亮度、對比度)的內容顯示值之第一集合。在一些實施例中，第一內容為鍵盤或其他控制項顯示於其上的網頁或影像之一部分(例如，在顯示器之預定或預定義區域中)。舉例而言，裝置判定用於對應於顯示器112之區域504的第一內容506(如圖5B中所展示)之色調、飽和度、亮度及對比度(例如，圖6)的內容顯示值之第一集合。

在一些實施例中，用於各別區域中之內容的各別內容顯示值對應於(906)用於各別區域之各別視覺屬性的統計量測(例如，平均或標準偏差)。舉例而言，裝置可判定用於區域504中之第一內容506的色調、飽和度、亮度及/或對比度之平均值。在一些實施例中，為減少附加項並增加計算效率，統計量測包括僅對各別區域中之像素的子集進行取樣，及判定所取樣像素之統計量測。舉例而言，裝置可對內容506中之像素進行取樣。在一些實施例中，裝置在內容506上進行兩個遍次，第一遍次對每第43像素進行取樣且第二遍次每第51像素進行取樣。

在一些實施例中，內容顯示屬性包括(908)色彩、色調、飽和度、亮度及對比度中之一或多者。在一些實施例中，對比度係基於複數個所取樣像素之亮度的標準偏差之量測。

裝置基於內容顯示值(如圖6至圖8中所示意性地說明)之第一集合，判定(910)(例如，藉由選擇或計算)用於一或多個控制項外觀參數的控制項外觀值之第一集合。

在一些實施例中，各別控制項外觀值之改變對應於(912)應用於控制項下方之內容以產生控制項外觀的各別變換之量值的改變。舉例而言，模糊半徑值之改變對應於應用於內容506(圖5B)以產生鍵盤 518(圖5A)之外觀的模糊變換之量值的改變。

在一些實施例中，控制項外觀參數包括(914)以下各者中之一或多者：模糊半徑(例如，應用於各別區域中之內容的模糊操作之半徑)、飽和度調整(例如，改變各別區域中之內容的飽和度)、白色覆層之不透明度(例如，各別區域中之內容與控制項之可選擇部分(諸如，按鍵之鍵帽)之間的白色層之不透明度)、黑色覆層之不透明度(例如，各別區域中之內容與控制項之可選擇部分(諸如，按鍵之鍵帽)之間的黑色層之不透明度)、控制項之一或多個可選擇部分的不透明度(例如，虛擬鍵盤之鍵帽或通知中之按鈕的不透明度)，及控制項中之文字的色彩(例如，鍵盤上之字母或下拉式功能表中之文字的色彩，諸如黑色或白色)。

在一些實施例中，判定控制項外觀值之第一集合包括(916)：儲存對應於控制項外觀值之各別預定義集合的內容顯示值之複數個各別預定義集合；識別接近內容顯示值之第一集合的內容顯示值之一或多個預定義集合作為內容顯示值之近似集合(例如，在M維空間中識別預定義控制項外觀值之N個最近集合，其中M為由內容顯示值之每一集合所表示的內容顯示屬性之數目)；及基於對應於內容顯示值之一或多個近似集合的控制項外觀值之一或多個預定義集合，判定控制項外觀值之第一集合。在一些實施例中，控制項外觀值之第一集合為控制項外觀值之預定義集合中的一者。在一些實施例中，控制項外觀值之第一集合為控制項外觀值之兩個或兩個以上預定義集合之間的內插。在一些實施例中，控制項外觀值之預定義集合為由人類設計者/藝術家基於具有預定義內容顯示值之對應集合的樣本內容所判定/選擇的值，以便最大化半透明度，同時維持各別內容上所顯示之控制項的清晰度。

在一些實施例中，判定內容顯示值之第一集合包括(918)將內容 顯示值之第一集合用作產生控制項外觀值作為輸出之演算法的輸入。

裝置在顯示器之各別區域中顯示(920)控制項(例如，在第一內容前方顯示半透明或半澄明鍵盤、工具列、警告訊息或功能表(諸如，設定功能表或檔案功能表)，此係因為控制項在使用者介面中之物件的z次序(前後次序)上在第一內容上方)，其中基於第一內容及控制項外觀值之第一集合判定控制項外觀。舉例而言，在圖5A中，裝置在顯示器112之區域504中顯示鍵盤518。基於第一內容506及控制項外觀值之第一集合(例如，圖8)判定圖5A中之鍵盤518的外觀。

在一些實施例中，控制項包括(922)半透明部分，且顯示控制項包括在控制項之半透明部分中，顯示對應於控制項之半透明部分的第一內容之一部分的表示，其中根據控制項外觀值之第一集合變換第一內容之表示(例如，自第一內容之未掩蓋顯現至由控制項之半透明部分掩蓋的第一內容之顯現)。舉例而言，在圖5A中，鍵盤518包括半透明部分，且顯示鍵盤518包括在鍵盤518之半透明部分中，顯示對應於鍵盤518之半透明部分的第一內容506之一部分的表示。根據控制項外觀值之第一集合，將第一內容506之表示自第一內容之未掩蓋顯現(圖5B)變換成由控制項之半透明部分掩蓋的第一內容506之顯現(圖5A)。

在一些實施例中，基於底層內容之色彩調整控制項之色彩。在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容色彩值(例如，各別區域中之第一內容的平均色彩)；控制項外觀值之第一集合包括基於用於第一內容之內容色彩(色調)值所選擇的控制項色彩值；且顯示控制項包括(923A)：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明著色層，其中：半透明著色層具有由控制項色彩值所指定的色彩(例如，色調值、RGB值之集合、CMYK值之集合或另一所定義色彩)；經由半透明著色層可見第一模糊內容；且第一模糊內容經由 半透明著色層可見之外觀取決於半透明著色層之色彩。在一些實施例中，當對應於顯示器之各別區域的內容改變，使得用於各別區域中之內容的平均內容色彩值改變為更新之平均內容色彩值時，裝置基於更新之平均內容色彩值，選擇用於半透明著色層的不同控制項色彩值。

在一些實施例中，基於底層內容之飽和度調整控制項之飽和度。在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容飽和度值(例如，各別區域中之第一內容的平均飽和度)；控制項外觀值之第一集合包括基於用於第一內容之內容飽和度值所選擇的控制項飽和度值；且顯示控制項包括(923B)：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明著色層，其中：半透明著色層具有由控制項飽和度值所指定的飽和度(例如，飽和度位準或飽和度程度)；經由半透明著色層可見第一模糊內容；且第一模糊內容經由半透明著色層可見之外觀取決於半透明著色層之飽和度。在一些實施例中，當對應於顯示器之各別區域的內容改變，使得用於各別區域中之內容的平均內容飽和度值改變為更新之平均內容飽和度值時，裝置基於更新之平均內容飽和度值，選擇用於半透明著色層的不同控制項飽和度值。

在一些實施例中，基於底層內容之亮度調整控制項之不透明度。在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容亮度值(例如，各別區域中之第一內容的平均亮度)；控制項外觀值之第一集合包括基於用於第一內容之內容亮度值所選擇的控制項不透明度值；且顯示控制項包括(923C)：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明層，其中：半透明層具有由控制項不透明度值所指定的不透明度(例如，不透明度位準或不透明度程度)；第一模糊內容經由半透明層可見；且第一模糊內容經由半透明層可見之外觀取決於半透 明層之不透明度。在一些實施例中，當對應於顯示器之各別區域的內容改變，使得用於各別區域中之內容的平均內容亮度值改變為更新之平均內容亮度值時，裝置基於更新之平均內容亮度值，選擇用於半透明層的不同控制項不透明度值。

在一些實施例中，基於底層內容之飽和度調整控制之不透明度。在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容飽和度值(例如，各別區域中之第一內容的平均飽和度)；控制項外觀值之第一集合包括基於用於第一內容之內容飽和度值所選擇的控制項不透明度值；且顯示控制項包括(923D)：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明層，其中：半透明層具有由控制項色彩值所指定的不透明度(例如，不透明度位準或不透明度程度)；第一模糊內容經由半透明層可見；且第一模糊內容經由半透明層可見之外觀取決於半透明層之不透明度。在一些實施例中，當對應於顯示器之各別區域的內容改變，使得用於各別區域中之內容的平均內容飽和度值改變為更新之平均內容飽和度值時，裝置基於更新之平均內容飽和度值，選擇用於半透明層的不同控制項不透明度值。

在一些實施例中，在於顯示器之各別區域中顯示控制項時(924)：裝置偵測到對應於顯示器之各別區域的內容自第一內容改變至不同於第一內容之第二內容(例如，回應於示意動作而捲動網頁或照片，或載入新內容，使得在控制項後方的顯示器之各別區域中之內容發生改變)；判定用於第二內容之一或多個內容顯示屬性(例如，色調、飽和度、亮度及/或對比度)的內容顯示值之第二集合(不同於內容顯示值之第一集合)；基於內容顯示值之第二集合，判定用於一或多個控制項外觀參數的控制項外觀值之第二集合，其中控制項外觀值之第二集合不同於控制項外觀值之第一集合；及回應於偵測到內容發生 改變，根據第二內容及控制項外觀值之第二集合改變控制項外觀。在一些實施例中，裝置以預定義之間隔(例如，每秒四次)檢查半透明控制項後方的內容中之改變。在一些實施例中，回應於偵測到對應於調整內容之示意動作(例如，與平移或捲動內容相關聯之滑移示意動作、與重新設定內容大小相關聯之捏合或拉開示意動作，或與載入內容相關聯之觸按示意動作)，裝置檢查內容中之改變。在一些實施例中，回應於自應用程式接收到正加載新內容之報告(例如，回應於自網頁瀏覽器接收到已在鍵盤下之圖框中載入新影像的報告)，裝置檢查內容中之改變。

在一些實施例中，改變控制項之外觀包括改變(926)控制項中之文字的色彩(例如，自圖5F中之黑色字母改變至圖5G中之白色字母)。

在一些實施例中，控制項包括(928)半透明部分，且根據控制項外觀值之第二集合改變控制項外觀包括：在控制項之半透明部分中，顯示對應於控制項之半透明部分的第二內容之一部分的表示，其中根據控制項外觀值之第二集合變換第二內容之表示(例如，自第二內容之未掩蓋顯現至由控制項之半透明部分掩蓋的第二內容之顯現)。舉例而言，在圖5F中，鍵盤518包括半透明部分，且顯示鍵盤518包括在鍵盤518之半透明部分中，顯示對應於鍵盤518之半透明部分的第二內容508-2之一部分的表示。根據控制項外觀值之第二集合，將第二內容508-2之表示自第二內容508-2之未掩蓋顯現(未展示，但類似於圖5B中對第一內容506之未掩蓋顯現)變換為由控制項之半透明部分掩蓋的第二內容之顯現508-2(圖5F)。

在一些實施例中，控制項外觀值之第一集合為(930)用於控制項外觀參數(例如，白色鍵盤控制項外觀參數)之第一集合的值，且控制項外觀值之第二集合為用於控制項外觀參數(例如，白色鍵盤控制項外觀參數)之第一集合的值。舉例而言，用於圖5A中之鍵盤的控制項 外觀值之第一集合係用於控制項外觀參數之第一集合(例如，圖8)，且用於圖5C中之鍵盤的控制項外觀值之第二集合將用於控制項外觀參數之同一第一集合(例如，圖8)。

在一些實施例中，控制項外觀值之第一集合為(932)用於控制項外觀參數(例如，白色鍵盤控制項外觀參數)之第一集合的值，且控制項外觀值之第二集合為用於不同於控制項外觀參數之第一集合的控制項外觀參數之(例如，黑色鍵盤控制項外觀參數)第二集合的值。舉例而言，較亮控制項(例如，半透明白色鍵盤)視情況具有不同於較暗控制項(例如，半透明黑色鍵盤)的控制項外觀參數之集合。

在一些實施例中，在偵測到對應於顯示器之各別區域的內容自第一內容改變至第二內容之後，且在根據控制項顯示值之第二集合改變控制項外觀之前(934)(例如，在顯示用於圖5F中之第二內容508-2的較暗鍵盤之前)：裝置基於內容顯示值之第二集合，判定用於控制項外觀參數之第一集合的不同於控制項外觀值之第一集合的控制項外觀值之各別集合，其中控制項外觀值之各別集合不同於控制項外觀值之第一集合及控制項外觀值之第二集合；及根據第二內容及控制項外觀值之各別集合，改變控制項外觀。舉例而言，如上文所解釋，圖5A、圖5E及圖5F說明視情況經由具有白色按鍵之中間鍵盤518，及基於用於內容508-2之內容顯示值的控制項外觀值之更新集合(圖5E)進行自具有白色按鍵之鍵盤518(圖5A)至具有黑色按鍵之鍵盤518(圖5F)的改變。在一些實施例中，裝置顯示圖5E中具有白色按鍵之鍵盤518與圖5F中具有黑色按鍵之鍵盤518之間的預定義動畫轉變。

在一些實施例中，控制項包括(936)半透明部分；內容之各別部分(例如，控制項後方之各別區域中的內容)對應於控制項之半透明部分的位置；且根據控制項調整值之各別集合顯示控制項包括：在控制項之半透明部分中，顯示內容之各別部分的表示，其中根據控制項外 觀值之各別集合變換內容之各別部分的表示(例如，自內容之各別部分之未掩蓋顯現至由控制項之半透明部分掩蓋的內容之各別部分之顯現)。舉例而言，在圖5A中，鍵盤518包括半透明部分，且顯示鍵盤518包括在鍵盤518之半透明部分中，顯示對應於鍵盤518之半透明部分的第一內容506之一部分的表示。根據控制項外觀值之第一集合，將第一內容506之表示自第一內容之未掩蓋顯現(圖5B)變換成由控制項之半透明部分掩蓋的第一內容506之顯現(圖5A)。

在一些實施例中，在偵測到內容自第一內容改變至第二內容之後，且在根據控制項外觀值之第二集合改變控制項外觀之前(例如，在判定控制項外觀值之第二集合之前，或在應用控制項外觀值之第二集合之前)，裝置根據第二內容及控制項外觀值之第一集合，改變(938)控制項外觀。舉例而言，如上文關於圖5D所描述，內容視情況較快於控制項外觀值改變地進行移動。在一些實施例中，以較高之圖框速率(例如，60fps)動畫內容在控制項下之移動，且以較低之圖框速率(例如，4fps)更新控制項外觀值。以較高之圖框速率更新內容在控制項下之移動使得裝置具有良好之響應性，而以較低之圖框速率更新控制項外觀值減少計算要求，而不會明顯降低響應性。

應理解，已描述圖9A至圖9G中之操作的特定次序僅僅為例示性的，且並不意欲指示所描述之次序為可執行該等操作的唯一次序。一般熟習此項技術者將認識到重排序本文中所描述之操作的各種方式。

根據一些實施例，圖10展示根據各種所描述實施例之原理組態的電子裝置1000之功能方塊圖。視情況藉由硬體、軟體或硬體及軟體之組合實施裝置之功能區塊，以進行各種所描述實施例之原理。熟習此項技術者應理解，視情況組合圖10中所描述之功能區塊，或將其分離成子區塊以實施各種所描述實施例之原理。因此，本文中之描述視情況支援本文中所描述之功能區塊的任何可能組合或分離，或進一步 之定義。

如圖10中所展示，電子裝置1000包括經組態以顯示使用者介面之顯示單元1002，及耦接至顯示單元1002的處理單元1006。在一些實施例中，處理單元1006包括判定單元1008、具備顯示功能之單元1010、偵測單元1012及改變單元1014。

處理單元1006經組態以：判定用於對應於顯示單元1002之各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之第一集合(例如，藉由判定單元1008)；基於內容顯示值之第一集合，判定用於一或多個控制項外觀參數的控制項外觀值之第一集合(例如，藉由判定單元1008)；及使得能夠在顯示單元1002之各別區域中顯示控制項(例如，藉由具備顯示功能之單元1010)，其中基於第一內容及控制項外觀值之第一集合判定控制項之外觀。

在一些實施例中，用於各別區域中之內容的各別內容顯示值對應於用於各別區域之各別視覺屬性的統計量測。

在一些實施例中，內容顯示屬性包括以下各者中之一或多者：色彩、色調、飽和度、亮度及對比度。

在一些實施例中，各別控制項外觀值之改變對應於應用於控制項下方之內容以產生控制項外觀的各別變換之量值之改變。

在一些實施例中，控制項外觀參數包括以下各者中之一或多者：模糊半徑、飽和度調整、白色覆層之不透明度、黑色覆層之不透明度、控制項之一或多個可選擇部分的不透明度及控制項中之文字的色彩。

在一些實施例中，判定控制項外觀值之第一集合包括：儲存對應於控制項外觀值之各別預定義集合的內容顯示值之複數個各別預定義集合；識別接近內容顯示值之第一集合的內容顯示值之一或多個預定義集合作為內容顯示值之近似集合；及基於對應於內容顯示值之一 或多個近似集合的控制項外觀值之一或多個預定義集合，判定控制項外觀值之第一集合。

在一些實施例中，判定內容顯示值之第一集合包括將內容顯示值之第一集合用作產生控制項外觀值作為輸出之演算法的輸入。

在一些實施例中，控制項包括半透明部分；且使得能夠顯示控制項包括使得能夠在控制項之半透明部分中，顯示對應於控制項之半透明部分的第一內容之一部分的表示，其中根據控制項外觀值之第一集合，變換第一內容之表示。

在一些實施例中，處理單元1006進一步經組態以在使得能夠於顯示單元1002之各別區域中顯示控制項時：偵測到對應於顯示單元之各別區域的內容自第一內容改變至不同於第一內容之第二內容(例如，藉由偵測單元1012)；判定用於第二內容之一或多個內容顯示屬性的內容顯示值之第二集合(不同於內容顯示值之第一集合)(例如，藉由判定單元1008)；基於內容顯示值之第二集合，判定用於一或多個控制項外觀參數的控制項外觀值之第二集合，其中控制項外觀值之第二集合不同於控制項外觀值之第一集合(例如，藉由判定單元1008)；及回應於偵測到內容之改變，根據第二內容及控制項外觀值之第二集合改變控制項外觀(例如，藉由改變單元1014)。

在一些實施例中，改變控制項外觀包括改變控制項中之文字的色彩。

在一些實施例中，控制項包括半透明部分；且根據控制項外觀值之第二集合改變控制項外觀包括：在控制項之半透明部分中，顯示對應於控制項之半透明部分的第二內容之一部分的表示，其中根據控制項外觀值之第二集合變換第二內容之表示。

在一些實施例中，控制項外觀值之第一集合為用於控制項外觀參數之第一集合的值；且控制項外觀值之第二集合為用於控制項外觀 參數之第一集合的值。

在一些實施例中，控制項外觀值之第一集合為用於控制項外觀參數之第一集合的值；且控制項外觀值之第二集合為用於控制項外觀參數之第二集合(不同於控制項外觀參數之第一集合)的值。

在一些實施例中，處理單元1006進一步經組態以在偵測到對應於顯示單元1002之各別區域的內容自第一內容改變至第二內容之後，且在根據控制項顯示值之第二集合改變控制項外觀之前：基於內容顯示值之第二集合，判定用於控制項外觀參數之第一集合的控制項外觀值之各別集合(不同於控制項外觀值之第一集合)，其中控制項外觀值之各別集合不同於控制項外觀值之第一集合及控制項外觀值之第二集合(例如，藉由判定單元1008)；及根據第二內容及控制項外觀值之各別集合，改變控制項外觀(例如，藉由改變單元1014)。

在一些實施例中，控制項包括半透明部分；內容之各別部分對應於控制項之半透明部分的位置；且使得能夠根據控制項調整值之各別集合顯示控制項包括：使得能夠在控制項之半透明部分中，顯示內容之各別部分的表示，其中根據控制項外觀值之各別集合變換內容之各別部分的表示。

在一些實施例中，處理單元1006進一步經組態以在偵測到內容自第一內容改變至第二內容之後，且在根據控制項外觀值之第二集合改變控制項外觀之前，根據第二內容及控制項外觀值之第一集合，改變控制項外觀(例如，藉由改變單元1014)。

在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容色彩值；控制項外觀值之第一集合包括基於用於第一內容之內容色彩值所選擇的控制項色彩值；且顯示控制項包括：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明著色層，其中：半透明著色層具有由控制 項色彩值所指定的色彩；經由半透明著色層可見第一模糊內容；且第一模糊內容經由半透明著色層可見之外觀取決於半透明著色層之色彩。

在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容飽和度值；控制項外觀值之第一集合包括基於用於第一內容之內容飽和度值所選擇的控制項飽和度值；且顯示控制項包括：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明著色層，其中：半透明著色層具有由控制項飽和度值所指定的飽和度；經由半透明著色層可見第一模糊內容；且第一模糊內容經由半透明著色層可見之外觀取決於半透明著色層之飽和度。

在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容亮度值；控制項外觀值之第一集合包括基於用於第一內容之內容亮度值所選擇的控制項不透明度值；且顯示控制項包括：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明層，其中：半透明層具有由控制項不透明度值所指定的不透明度；第一模糊內容經由半透明層可見；且第一模糊內容經由半透明層可見之外觀取決於半透明層之不透明度。

在一些實施例中，內容顯示值之第一集合包括用於對應於顯示器之各別區域的第一內容之內容飽和度值；控制項外觀值之第一集合包括基於用於第一內容之內容飽和度值所選擇的控制項不透明度值；且顯示控制項包括：將模糊操作應用於第一內容，以產生第一模糊內容；及在第一模糊內容上覆疊半透明層，其中：半透明層具有由控制項色彩值所指定的不透明度；第一模糊內容經由半透明層可見；且第一模糊內容經由半透明層可見之外觀取決於半透明層之不透明度。

視情況藉由在資訊處理設備(諸如通用處理器(例如，如上文關於 圖1A及圖3所描述)或特殊應用晶片)中運行一或多個功能模組而實施上文所描述之資訊處理方法中的操作。

視情況由圖1A至圖1B或圖10中所描繪之組件實施上文參考圖9A至圖9G所描述的操作。舉例而言，視情況由事件分類器170、事件辨識器180及事件處理常式190實施偵測操作924。事件分類器170中之事件監視器171偵測觸敏式顯示器112上的接觸，且事件分派器模組174將事件資訊遞送至應用程式136-1。應用程式136-1之各別事件辨識器180比較事件資訊與各別事件定義186，並判定觸敏式表面上之第一位置處的第一接觸是否(或裝置之旋轉是否)對應於預定義事件或子事件，諸如選擇使用者介面上之物件或將裝置自一定向旋轉至另一定向。當偵測到各別預定義事件或子事件時，事件辨識器180啟動與事件或子事件之偵測相關聯的事件處理常式190。事件處理常式190視情況使用或呼叫資料更新程式176或物件更新程式177，以更新應用程式內部狀態192。在一些實施例中，事件處理常式190存取各別GUI更新程式178，以更新正由應用程式顯示何事件。類似地，一般熟習此項技術者將清楚，可如何基於圖1A至圖1B中所描繪之組件來實施其他程序。

出於解釋之目的，已參考特定實施例描述上述描述。然而，上文之說明性論述並不意欲為詳盡的，或將本發明限於所揭示之精確形式。鑒於上文之教示，許多修改及變化係可能的。選擇並描述該等實施例以便最好地解釋本發明之原理及其實際應用，藉此使其他熟習此項技術者能夠根據所構想之特定用途最好地使用本發明及具有各種修改的各種所描述實施例。

100‧‧‧攜帶型多功能裝置

111‧‧‧揚聲器

112‧‧‧觸敏式顯示器系統/觸控螢幕

113‧‧‧麥克風

164‧‧‧光學感測器

166‧‧‧近接感測器

168‧‧‧加速度計

204‧‧‧功能表按鈕

206‧‧‧推按式按鈕

208‧‧‧音量調整按鈕

401‧‧‧狀態列

402‧‧‧信號強度指示器

404‧‧‧時間

405‧‧‧藍芽指示器

406‧‧‧電池狀態指示器

502‧‧‧使用者介面

504‧‧‧預定義區域

506‧‧‧第一內容

510‧‧‧滑移示意動作

512‧‧‧滑移示意動作

518‧‧‧半透明鍵盤

Claims (21)

1. 一種電子裝置，其包含：一顯示器；一或多個處理器；記憶體；及一或多個程式，其中該一或多個程式儲存於該記憶體中，並經組態以由該一或多個處理器執行，該一或多個程式包括用於執行以下操作之指令：在該顯示器上顯示一使用者介面；判定用於對應於該顯示器之一各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之一第一集合，其中內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一內容之一內容色彩值；基於內容顯示值之該第一集合，判定用於一或多個控制項外觀參數的控制項外觀值之一第一集合，其中控制項外觀值之該第一集合包括基於用於該第一內容之該內容色彩值所選擇的一控制項色彩值；及在該顯示器之該各別區域中顯示一控制項，其中基於該第一內容及控制項外觀值之該第一集合而判定該控制項之一外觀，且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明著色層，其中：該半透明著色層具有由該控制項色彩值所指定的一色彩； 經由該半透明著色層可見該第一模糊內容；且該第一模糊內容經由該半透明著色層之一外觀取決於該半透明著色層之該色彩。
2. 如請求項1之裝置，其中用於該各別區域中之內容的一各別內容顯示值對應於用於該各別區域之一各別視覺屬性的一統計量測。
3. 如請求項1之裝置，其中該等內容顯示屬性包括以下各者中之一或多者：色彩、色調、飽和度、亮度及對比度。
4. 如請求項1之裝置，其中一各別控制項外觀值之一改變對應於應用於該控制項下方之內容以產生該控制項之一外觀的一各別變換之一量值的一改變。
5. 如請求項1之裝置，其中該等控制項外觀參數包括以下各者中之一或多者：模糊半徑、飽和度調整、一白色覆層之不透明度、一黑色覆層之不透明度、該控制項之一或多個可選擇部分的不透明度及該控制項中之文字的色彩。
6. 如請求項1之裝置，其中判定控制項外觀值之該第一集合包括：儲存對應於控制項外觀值之各別預定義集合的內容顯示值之複數個各別預定義集合；識別接近內容顯示值之該第一集合的內容顯示值之一或多個預定義集合作為內容顯示值之近似集合；及基於對應於內容顯示值之該一或多個近似集合的控制項外觀值之一或多個預定義集合，判定控制項外觀值之該第一集合。
7. 如請求項1之裝置，其中判定內容顯示值之該第一集合包括將內容顯示值之該第一集合用作產生控制項外觀值作為輸出之一演算法的輸入。
8. 如請求項1之裝置，其中： 該控制項包括一半透明部分；且顯示該控制項包括：在該控制項之該半透明部分中，顯示對應於該控制項之該半透明部分的該第一內容之一部分的一表示，其中根據控制項外觀值之該第一集合變換該第一內容之該表示。
9. 如請求項1之裝置，其包括用於在於該顯示器之該各別區域中顯示該控制項時執行以下操作之指令：偵測到對應於該顯示器之該各別區域的內容自該第一內容至不同於該第一內容之第二內容的一改變；判定用於該第二內容之該一或多個內容顯示屬性的內容顯示值之一第二集合，內容顯示值之該第二集合不同於內容顯示值之該第一集合；基於內容顯示值之該第二集合，判定用於一或多個控制項外觀參數的控制項外觀值之一第二集合，其中控制項外觀值之該第二集合不同於控制項外觀值之該第一集合；及回應於偵測到內容之該改變，根據以下各者改變該控制項之該外觀：該第二內容；及控制項外觀值之該第二集合。
10. 如請求項9之裝置，其中改變該控制項之該外觀包括：改變該控制項中之文字的一色彩。
11. 如請求項9之裝置，其中：該控制項包括一半透明部分；且根據控制項外觀值之該第二集合改變該控制項之該外觀包括：在該控制項之該半透明部分中，顯示對應於該控制項之該半透明部分的該第二內容之一部分的一表示，其中根據控制項 外觀值之該第二集合變換該第二內容之該表示。
12. 如請求項9之裝置，其中：控制項外觀值之該第一集合為用於控制項外觀參數之一第一集合的值；且控制項外觀值之該第二集合為用於控制項外觀參數之該第一集合的值。
13. 如請求項9之裝置，其中：控制項外觀值之該第一集合為用於控制項外觀參數之一第一集合的值；且控制項外觀值之該第二集合為用於不同於控制項外觀參數之該第一集合的控制項外觀參數之一第二集合的值。
14. 如請求項13之裝置，其包括用於在偵測到對應於該顯示器之該各別區域的內容自該第一內容至該第二內容之該改變之後，且在根據控制項顯示值之該第二集合改變該控制項之該外觀之前執行以下操作之指令：基於內容顯示值之該第二集合，判定用於控制項外觀參數之該第一集合的不同於控制項外觀值之該第一集合的控制項外觀值之一各別集合，其中控制項外觀值之該各別集合不同於控制項外觀值之該第一集合及控制項外觀值之該第二集合；及根據以下各者改變該控制項之該外觀：該第二內容；及控制項外觀值之該各別集合。
15. 如請求項1之裝置，其中：該控制項包括一半透明部分；內容之一各別部分對應於該控制項之該半透明部分的一位置；且 根據控制項調整值之一各別集合顯示該控制項包括：在該控制項之該半透明部分中，顯示內容之該各別部分的一表示，其中根據控制項外觀值之該各別集合變換內容之該各別部分的該表示。
16. 如請求項1之裝置，其包括用於在偵測到內容自該第一內容至該第二內容之該改變之後，且在根據控制項外觀值之該第二集合改變該控制項之該外觀之前，根據以下各者改變該控制項之該外觀的指令：該第二內容；及控制項外觀值之該第一集合。
17. 如請求項1之裝置，其中：內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一內容之一內容飽和度值；控制項外觀值之該第一集合包括基於用於該第一內容之該內容飽和度值所選擇的一控制項飽和度值；且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明著色層，其中：該半透明著色層具有由該控制項飽和度值所指定的一飽和度；經由該半透明著色層可見該第一模糊內容；且該第一模糊內容經由該半透明著色層之一外觀取決於該半透明著色層之該飽和度。
18. 如請求項1之裝置，其中：內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一內容之一內容亮度值； 控制項外觀值之該第一集合包括基於用於該第一內容之該內容亮度值所選擇的一控制項不透明度值；且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明層，其中：該半透明層具有由該控制項不透明度值所指定的一不透明度；經由該半透明層可見該第一模糊內容；且該第一模糊內容經由該半透明層之一外觀取決於該半透明層之該不透明度。
19. 如請求項1之裝置，其中：內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一內容之一內容飽和度值；控制項外觀值之該第一集合包括基於用於該第一內容之該內容飽和度值所選擇的一控制項不透明度值；且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明層，其中：該半透明層具有由該控制項色彩值所指定的一不透明度；經由該半透明層可見該第一模糊內容；且該第一模糊內容經由該半透明層之一外觀取決於該半透明層之該不透明度。
20. 一種方法，其包含：在具有一顯示器之一裝置處執行以下操作：在該顯示器上顯示一使用者介面； 判定用於對應於該顯示器之一各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之一第一集合，其中內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一內容之一內容色彩值；基於內容顯示值之該第一集合，判定用於一或多個控制項外觀參數的控制項外觀值之一第一集合，其中控制項外觀值之該第一集合包括基於用於該第一內容之該內容色彩值所選擇的一控制項色彩值；及在該顯示器之該各別區域中顯示一控制項，其中基於該第一內容及控制項外觀值之該第一集合而判定該控制項之一外觀，且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明著色層，其中：該半透明著色層具有由該控制項色彩值所指定的一色彩；經由該半透明著色層可見該第一模糊內容；且該第一模糊內容經由該半透明著色層之一外觀取決於該半透明著色層之該色彩。
21. 一種儲存一或多個程式之非暫時性電腦可讀儲存媒體，該一或多個程式包含當由具有一顯示器之一電子裝置執行時使得該裝置執行以下操作之指令：在該顯示器上顯示一使用者介面；判定用於對應於該顯示器之一各別區域的第一內容之一或多個內容顯示屬性的內容顯示值之一第一集合，其中內容顯示值之該第一集合包括用於對應於該顯示器之該各別區域的該第一 內容之一內容色彩值；基於內容顯示值之該第一集合，判定用於一或多個控制項外觀參數的控制項外觀值之一第一集合，其中控制項外觀值之該第一集合包括基於用於該第一內容之該內容色彩值所選擇的一控制項色彩值；及在該顯示器之該各別區域中顯示一控制項，其中基於該第一內容及控制項外觀值之該第一集合而判定該控制項之一外觀，且顯示該控制項包括：將一模糊操作應用於該第一內容以產生第一模糊內容；及在該第一模糊內容上覆疊一半透明著色層，其中：該半透明著色層具有由該控制項色彩值所指定的一色彩；經由該半透明著色層可見該第一模糊內容；且該第一模糊內容經由該半透明著色層之一外觀取決於該半透明著色層之該色彩。