W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
應(yīng)用程序在不同尺寸的 Apple Watch 上展示相同的界面,使用相對(duì)布局可以令元素根據(jù)不同尺寸屏幕擴(kuò)展,以填充可用的空間。
限制界面中并列控件的數(shù)量。當(dāng)并列放置按鈕時(shí),使用圖標(biāo)代替文本。并列放置的按鈕數(shù)量絕對(duì)不能超過(guò) 3 個(gè)。界面中包含過(guò)多控件會(huì)讓用戶(hù)因可點(diǎn)擊目標(biāo)過(guò)小而不便操作。
使用整屏寬度。無(wú)需考慮屏幕邊緣和內(nèi)容之間的空白部分(margin),因?yàn)?Apple Watch 的邊框(bezel)已經(jīng)在內(nèi)容的周?chē)M(jìn)行了視覺(jué)填充(visual padding)。(注意:這種視覺(jué)填充不會(huì)展示在 iOS 模擬器(iOS Simulator)中。
元素靠左對(duì)齊(left alignment)。界面中的元素按從上到下從左到右排列。將界面中的元素按左對(duì)齊,以確保應(yīng)用程序有足夠的空間來(lái)完整地?cái)U(kuò)展或顯示內(nèi)容。
文本按鈕全寬(full width)。顯示文本標(biāo)簽(label)的按鈕應(yīng)該是全寬的,以確保整個(gè)按鈕標(biāo)簽總是可見(jiàn)。
使用上下文菜單(context menu)展示次要操作。
使用上下文菜單放置那些使用頻率不高的操作,而不是在界面中添加按鈕。
為不同尺寸的屏幕提供相同內(nèi)容。當(dāng)設(shè)計(jì)布局時(shí),請(qǐng)使用相對(duì)尺寸(relative sizing)和空間位置(relative spacing),以便控件可以根據(jù)屏幕上的可用空間,自然收縮或擴(kuò)展。
根據(jù)需要,為不同尺寸的屏幕提供圖片來(lái)源。當(dāng)相同圖片在兩種尺寸的屏幕上顯示效果都好時(shí),可以使用相同的圖片來(lái)源;否則就要為每種尺寸提供單獨(dú)的圖片資源文件(保證此時(shí)圖片內(nèi)容相同)。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話(huà):173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: