詳細(xì)內(nèi)容如下：之家月日消息據(jù)淘寶官方技術(shù)消息，現(xiàn)在，你有機(jī)會(huì)更沉浸地在深夜淘寶剁手了，淘寶已正式支持深色模式，初步完成史上最“難”的深色模式適配。（文末有版淘寶測(cè)試版下載）版用戶(hù)稍等，該功能正在緊張開(kāi)發(fā)中。

　　深色模式是今年手機(jī)系統(tǒng)的重要特性，參考蘋(píng)果官方適配建議，需要通過(guò)語(yǔ)義化顏色的方式進(jìn)行適配，可以讓UI元素靈活的適應(yīng)淺色與深色模式切換。語(yǔ)義化顏色是指通過(guò)‘用途’來(lái)對(duì)元素UI進(jìn)行定義描述，而不是具體的顏色值。

　　語(yǔ)義化顏色說(shuō)明淘寶適配深色模式之所以那么難，是因?yàn)樗С侄鄠€(gè)技術(shù)框架、數(shù)百個(gè)入淘業(yè)務(wù)，同時(shí)要兼容多種品牌體系、各式各樣的商品和內(nèi)容、以及全年豐繁復(fù)雜的大促會(huì)場(chǎng)等等。

　　如果對(duì)應(yīng)用內(nèi)所有頁(yè)面進(jìn)行顏色語(yǔ)義化設(shè)置，其難度與工作量都巨大，無(wú)異于重新開(kāi)發(fā)一遍。

　　最終淘寶團(tuán)隊(duì)找到了“智能語(yǔ)義化”的方案，使適配成本大幅降低。設(shè)計(jì)師根據(jù)不同UI元素的特性先期制定顏色語(yǔ)義化規(guī)則，進(jìn)而技術(shù)在框架層面通過(guò)‘顏色自動(dòng)反轉(zhuǎn)’技術(shù)實(shí)現(xiàn)顏色反轉(zhuǎn)。

　　基于內(nèi)容的智能語(yǔ)義化結(jié)合智能語(yǔ)義化方案，對(duì)全域的色值都進(jìn)行了適配規(guī)則定義，使得絕大多數(shù)場(chǎng)景無(wú)需修改代碼就可以自動(dòng)適配深色模式，再輔以設(shè)計(jì)和測(cè)試走查，手動(dòng)修改少量有問(wèn)題的界面，得以在短時(shí)間內(nèi)快速、高質(zhì)量適配深色模式。

　　技術(shù)方案原理圖

　　體驗(yàn)iOS版淘寶深色模式：

　　第一步 、打開(kāi)鏈接，通過(guò)蘋(píng)果testlight安裝（只支持iOS13系統(tǒng)）：https：//testflight.apple.com/join/TThGL9RX

　　第二步、打開(kāi)系統(tǒng)設(shè)置-顯示與亮度-深色，打開(kāi)淘寶即可體驗(yàn)深色模式。

本文文章轉(zhuǎn)載自新浪新聞