Apple Watch 布局

布局

應(yīng)用程序在不同尺寸的 Apple Watch 上展示相同的界面，使用相對布局可以令元素根據(jù)不同尺寸屏幕擴展，以填充可用的空間。

通用準(zhǔn)則(General Guidelines)

限制界面中并列控件的數(shù)量。當(dāng)并列放置按鈕時，使用圖標(biāo)代替文本。并列放置的按鈕數(shù)量絕對不能超過 3 個。界面中包含過多控件會讓用戶因可點擊目標(biāo)過小而不便操作。

使用整屏寬度。無需考慮屏幕邊緣和內(nèi)容之間的空白部分(margin)，因為 Apple Watch 的邊框(bezel)已經(jīng)在內(nèi)容的周圍進行了視覺填充(visual padding)。（注意：這種視覺填充不會展示在 iOS 模擬器(iOS Simulator)中。

元素靠左對齊(left alignment)。界面中的元素按從上到下從左到右排列。將界面中的元素按左對齊，以確保應(yīng)用程序有足夠的空間來完整地擴展或顯示內(nèi)容。

文本按鈕全寬(full width)。顯示文本標(biāo)簽(label)的按鈕應(yīng)該是全寬的，以確保整個按鈕標(biāo)簽總是可見。

使用上下文菜單(context menu)展示次要操作。

使用上下文菜單放置那些使用頻率不高的操作，而不是在界面中添加按鈕。

屏幕尺寸(Screen Size)

為不同尺寸的屏幕提供相同內(nèi)容。當(dāng)設(shè)計布局時，請使用相對尺寸(relative sizing)和空間位置(relative spacing)，以便控件可以根據(jù)屏幕上的可用空間，自然收縮或擴展。

根據(jù)需要，為不同尺寸的屏幕提供圖片來源。當(dāng)相同圖片在兩種尺寸的屏幕上顯示效果都好時，可以使用相同的圖片來源；否則就要為每種尺寸提供單獨的圖片資源文件（保證此時圖片內(nèi)容相同）。