一、多設(shè)備卡片適配原則
為不同尺寸的卡片提供不同的功能
在卡片開(kāi)發(fā)過(guò)程中請(qǐng)考慮適配不同尺寸的設(shè)備，特別是在折疊屏和平板設(shè)備上，設(shè)備屏幕尺寸的變化直接影響了卡片內(nèi)容的展示。請(qǐng)發(fā)揮想象力設(shè)計(jì)具有自適應(yīng)能力的卡片，避免在卡片內(nèi)容不做任何處理的情況下直接適配成較大尺寸，原則上卡片尺寸越大呈現(xiàn)的信息要越豐富，可交互的范圍也越大。
使用百分比方式配合標(biāo)注
由于設(shè)備尺寸的不確定性會(huì)導(dǎo)致卡片的尺寸發(fā)生變化，設(shè)計(jì)師在交付卡片布局的過(guò)程中，可以使用百分比進(jìn)行標(biāo)注。例如標(biāo)準(zhǔn)尺寸的卡片寬度為 150vp，按鈕距離卡片邊緣間距為 24vp 時(shí)，當(dāng)卡片寬度擴(kuò)展時(shí)仍然使用相同的間距可能效果并不美觀，我們可以換算出卡片的間距在標(biāo)準(zhǔn)尺寸下占整體比例的 16%，這樣當(dāng)卡片尺寸擴(kuò)展到 200vp 時(shí)，卡片邊距也就變成了 32vp，以此類推，能夠保證一定程度下的適配效果。
二、卡片對(duì)應(yīng)宮格比例對(duì)照表
服務(wù)卡片參照桌面宮格布局為基準(zhǔn)參照物，通過(guò)換算對(duì)應(yīng)宮格來(lái)實(shí)現(xiàn)在不同設(shè)備的桌面適配。為了減少卡片尺寸的變化規(guī)律，當(dāng)手機(jī)從 4*6 布局切換至 5*6 布局時(shí)，需保證中卡片和大卡片的最大寬度不變化。在平板的桌面 2*N 和 4*N 對(duì)應(yīng)的桌面宮格對(duì)應(yīng)更換為 2*3 和 3*3。
三、多端適配尺寸
服務(wù)卡片需要適配除手機(jī)以外的折疊屏及平板等設(shè)備，可以在此處下載對(duì)應(yīng)?Library（見(jiàn)附件鏈接）?文件，文件內(nèi)包含對(duì)應(yīng)的桌面宮格和詳細(xì)尺寸描述。
本文根據(jù)HarmonyOS官方文檔整理
附件鏈接：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-768195.html
HarmonyOSAPP開(kāi)發(fā)相關(guān)組件: 深圳市蛟龍騰飛網(wǎng)絡(luò)科技有限公司 - Gitee.com文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-768195.html
到了這里，關(guān)于鴻蒙原生應(yīng)用開(kāi)發(fā)-折疊屏、平板設(shè)備服務(wù)卡片適配的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
