知道如何處理不同的手錶形狀後,請決定要使用哪個錶面。
常見的應用程式版面配置如下:
- 單一畫面 (最簡單):不必捲動畫面即可看到所有 UI 元素。
- 垂直容器 (最常用):超出螢幕可見部分的內容,需捲動畫面查看。
- 其他版面配置類型:清單、分頁或 2D 平移。
後續章節將說明這些版面配置類型。如果您需要多個螢幕畫面,可以結合使用各種版面配置類型。
注意:如果是活動,請從 ComponentActivity
繼承,如果您使用片段,則從 FragmentActivity
繼承。其他活動類型使用的是行動裝置專用的 UI 元素,Wear OS 不需要這類元素。
單一畫面
使用者不用捲動畫面,就能在單一畫面中看到所有元素。這表示您可以只加入少量元素。
單一畫面很適合搭配使用 BoxInsetLayout
結合 ConstraintLayout
來排列元素。
垂直容器
垂直容器是最常見的應用程式版面配置類型。部分內容不會顯示在畫面上,但只要捲動畫面即可查看。
圖 2 顯示幾種完整的應用程式版面配置,其中只有部分內容可以在智慧手錶的圓形螢幕上顯示。在這些示例中,主要內容位於容器頂端部分,其他關鍵使用者旅程 (CUJ) 和設定則位於容器底部。這是配置內容的最佳做法。
與單一畫面的應用程式版面配置不同,請不要使用 BoxInsetLayout
,改為在 NestedScrollView
中使用 ConstraintLayout
。請在 ConstraintLayout
中放置任何最適合您應用程式的小工具。這麼做可讓您充分利用圓形螢幕側邊的額外空間。
請確保垂直容器中位於頂端及底部的內容夠小,以符合圓形螢幕的頂端及底部畫面,如圖 3 示例所示。
注意:請盡可能在 XML 中設定 android:scrollbars="vertical"
,將捲動指標新增到 NestedScrollView
。這麼做可讓使用者知道往下還有更多內容,並協助他們瞭解目前已讀取的內容,屬於所有內容中的哪個部分。
應用程式版面配置的其他選項
-
清單:透過針對穿戴式裝置介面最佳化的
WearableRecyclerView
小工具顯示大量資料。詳情請參閱「在 Wear OS 上建立清單」。 - 水平分頁:如果應用程式的用途會顯示多個同層畫面,請使用水平滑動功能。如果您使用水平分頁,則必須支援從左側邊緣滑動關閉的功能。
- 2D 平移:適用於地圖這類用途。使用者可以將畫面往不同方向拖曳平移。如果您的活動會佔據整個螢幕畫面,請啟用滑動關閉功能。