針對 ChromeOS 為應用程式進行最佳化調整

Android 應用程式扮演著重要角色，能重新定義現代運算的樣貌 大型螢幕顯示但在 Chromebook 上執行行動應用程式，無法提供 才能獲得最佳體驗

本頁詳細說明瞭一些自訂體驗的方法 筆電和可翻轉的板型規格請參閱 完整測試清單，進一步瞭解如何測試應用程式 這些裝置的相容性

利用任意形式的多視窗模式的支援功能

在 ChromeOS 中實作 Android 應用程式包括基本多視窗模式 聯絡。Android 會算繪至螢幕畫面，而非一律顯示全螢幕 複製到任意形式視窗容器中，更適合這些裝置。

使用者可以調整含有 Android 應用程式的視窗大小，如圖 1 所示。 確保任意形式視窗的大小順暢地調整並顯示 使用者的完整內容，請參閱視窗管理指南。

圖 1. 可調整大小的應用程式視窗。

如要改善在 ChromeOS 上執行應用程式時的使用者體驗，請按照下列最佳做法操作 做法：

• 在以下時間點正確處理活動生命週期： 多視窗模式，並確保您會繼續更新 UI，即使您的應用程式不是 最聚焦於最上層的視窗。
• 請確認應用程式在使用者調整視窗大小時，能適當調整版面配置。
• 指定應用程式視窗的初始尺寸，藉此自訂 啟動大小。
• 請注意， 方向 應用程式的根活動部分會影響該應用程式的所有視窗。

自訂頂端列顏色

ChromeOS 會使用應用程式主題，為應用程式頂端顯示的頂端列上色。 在使用者按住視窗控制項及返回按鈕時顯示。要求 應用程式的外觀，並針對 ChromeOS 調整設計 colorPrimary 還有可能 colorPrimaryDark 放置您的應用程式主題中

colorPrimaryDark 是用來為頂端列上色。如果只有 已定義「colorPrimary」，ChromeOS 會在以下版本中使用較深色的版本 頂端列詳情請參閱「樣式與主題」一文。

支援鍵盤、觸控板和滑鼠

所有 Chromebook 都有實體鍵盤和觸控板，有些 Chromebook 則具備 也可透過觸控螢幕操作部分裝置可從筆記型電腦轉換成平板電腦形式。

支援使用滑鼠、觸控板和鍵盤輸入 ChromeOS 的應用程式 這樣不需觸控螢幕就能使用應用程式許多應用程式已經支援滑鼠和 而且不需額外設定。不過，最佳做法是自訂應用程式的 才正確設定滑鼠的行為，並區別和區分 滑鼠和觸控輸入。

請確認下列事項：

• 可點擊所有目標。
• 所有可觸控捲動的介面都能用滑鼠滾輪捲動，如下所示： 圖 2.
• 我們在實作懸停狀態時，會仔細判斷，以改善 探索 UI，同時避免對使用者造成困擾，如圖 3 所示。

圖 2. 使用滑鼠滾輪捲動。

圖 3. 按鈕懸停狀態。

視情況區分滑鼠和觸控輸入。適用對象 例如，輕觸按住項目可能會觸發多選 UI，而 在相同項目上按一下滑鼠右鍵，可能會觸發選項選單。

自訂游標

自訂應用程式用於指出使用者使用者介面的元素 互動及互動方式您可以將 PointerIcon 設為要使用的 當使用者呼叫 setPointerIcon() 方法與檢視畫面互動時。

在應用程式中顯示下列所有項目：

• 文字專用的 I 形指標
• 位於可調整大小圖層邊緣的大小調整控點
• 可平移或拖曳內容的開放和封閉指標 按下拖曳手勢
• 處理中的旋轉圖示

PointerIcon 類別會提供常數， 即可實作自訂遊標。

鍵盤快速鍵和導覽

由於每部 Chromebook 都有實體鍵盤，因此請提供快速鍵， 讓使用者更有效率舉例來說，如果您的應用程式支援 列印中，您可以使用 Control + P 鍵開啟列印對話方塊。

同樣地，請使用分頁導覽處理所有重要的 UI 元素。 這對於無障礙功能來說格外重要。為符合無障礙標準 所有 UI 介面都必須具有顯而易見且符合無障礙規範的焦點 狀態，如下圖所示：

圖 4. 交易分頁。

圖 5. 將懸停手勢換成滑鼠遊標懸停控制項。

務必針對核心採用鍵盤或滑鼠替代方法 進入特定互動模式時隱藏的功能，例如觸控和訴訟保留動作 滑動或其他多點觸控手勢解決方法是 懸停在平面上的按鈕

如要進一步瞭解鍵盤、觸控板和滑鼠支援，請參閱 大螢幕的輸入相容性。

進一步強化使用者輸入內容

如果想讓應用程式取得電腦級功能，請考慮採用以下方式 以提升工作效率為導向的做法

內容選單

Android 內容選單，這是另一種提供使用者前往 使用者只要按一下滑鼠或觸控板的 次要按鈕，或是輕觸也可按住以下操作：

圖 6. 按一下滑鼠右鍵即可看到內容選單。

拖曳

建立拖曳互動，如下圖所示： 能夠提升工作效率 這是為了要提供最佳的您的應用程式功能詳情請參閱「拖曳」。

圖 7. 在檔案樹狀結構介面中拖曳。

觸控筆支援

觸控筆支援功能對於繪圖和筆記應用程式至關重要。加強功能 透過實作互動，為配備觸控筆的 Chromebook 和平板電腦提供支援 專為觸控筆的輸入方式調整

考量可能的變化版本 在設計觸控筆互動時 套用不同的觸控筆硬體概要說明 觸控筆 API，請參閱 大螢幕的輸入相容性。

使用回應式版面配置

充分利用您的應用程式提供的螢幕空間 視覺狀態 (全螢幕、直向、橫向或視窗)。以下列舉幾個 良好的空間使用包括：

• 顯示應用程式架構。
• 將文字長度和圖片大小限制在最大寬度。
• 更有效地在應用程式工具列中使用房地產。
• 改為根據滑鼠使用情形調整應用程式，改善 UI 預設用途的位置 。
• 將影片和圖片調整到最佳大小，建立一組最大寬度 和高度，盡量提升可讀性和瀏覽便利性
• 實作回應式資料欄系統。詳情請參閱「回應式 版面配置格線)。
• 視需要使用資料欄系統調整 UI 大小並修改。 盡量避免開啟新視窗。
• 移除或降低水平捲動元件的重要性。
• 避免使用全螢幕互動視窗。使用內嵌 UI，例如進度指標和 傳送快訊給所有非重大動作
• 使用改良版 UI 元件，例如時間和日期挑選器、文字欄位和 專為滑鼠、鍵盤和大螢幕設計的選單。
• 使用內嵌編輯、其他資料欄或強制回應 UI，取代新活動 比較適合用於小型或中等的編輯功能
• 移除或修改懸浮動作按鈕 (FAB)，享有更出色的鍵盤體驗 導覽。根據預設，FAB 位置在橫向分頁時的最後位置 順序。應該優先處理，因為這是主要動作 改用另一個較高層級的預設用途

圖 8. 手機和電腦大小螢幕上的回應式版面配置模擬圖。

變更導覽模式

系統層級的返回按鈕是一種 取代 Android 手持根語言 但不適合 電腦環境。

隨著應用程式逐漸針對筆電環境進行自訂，請考慮採用以下做法： 逐漸移至瀏覽模式，淡化返回按鈕。讓 應用程式藉由提供應用程式內返回功能，處理自身的記錄堆疊 按鈕、導覽標記或其他逸出路徑，例如關閉或取消按鈕 成為大型螢幕使用者介面的一部分

您可以控制應用程式是否要在視窗中顯示返回按鈕： 調整偏好設定 <activity>敬上 標記之前。如果設定 true，則會隱藏 返回按鈕：

<meta-data android:name="WindowManagerPreference:SuppressWindowControlNavigationButton" android:value="true" />

解決相機預覽圖片的問題

應用程式只能以直向模式執行時，可能會發生相機問題 但使用者在橫向螢幕上執行時在本例中 擷取的結果可能無法正確旋轉

相容模式會改變系統處理事件 (例如螢幕方向變更) 的方式 ChromeOS。這麼做有助於避免在錯誤的情況下使用相機 方向模式。如要啟用相容性模式，必須符合下列條件：

• 指定 Android 7.0 以上版本 (API 級別 24)。 最低 SDK 級別可以較低。
• 請將應用程式設為可調整大小。

處理裝置設定

針對在 ChromeOS 上執行的應用程式，考慮採用下列裝置設定。

調整音量

ChromeOS 裝置是固定音量的裝置：播放音效的應用程式會有自己的聲音 音量控制項請遵循 執行中 與固定數量的裝置搭配使用

變更螢幕亮度

您無法在 ChromeOS 上調整裝置亮度。對 「system settings」和 系統會忽略 WindowManager.LayoutParams。