控件視覺效果元素調(diào)節(jié)方法、裝置、電子設(shè)備及存儲介質(zhì)
技術(shù)領(lǐng)域
[0001] 本申請涉及應(yīng)用程序開發(fā)技術(shù)領(lǐng)域,尤其涉及一種控件視覺效果元素調(diào)節(jié)方法、裝置、電子設(shè)備及存儲介質(zhì)。
背景技術(shù)
[0002] 在當(dāng)前的應(yīng)用程序開發(fā)中,視覺效果元素,如顏色、文字顏色、文字背景蒙層、陰影和邊框顏色等,都是界面設(shè)計(jì)的重要組成部分。特別是在動態(tài)圖布局中,背景圖是由服務(wù)器拉取的,可以隨時(shí)調(diào)整變化,而在背景圖上又布局著各類控件如文字、按鈕等。然而,這種布局模式存在一個(gè)顯著的問題,即當(dāng)背景圖的顏色對比度低(如淺色或白色)時(shí),其上的文字和按鈕可能變得難以辨認(rèn)。
[0003] 現(xiàn)有的解決方案主要有三種:第一種是限制服務(wù)器傳遞給客戶端的圖片內(nèi)容,只能固定某種顏色,這顯然限制了內(nèi)容的多樣性,不利于廣告的運(yùn)營效果。第二種是讓界面上所有控件的視覺效果元素可調(diào)節(jié),由服務(wù)器接口下發(fā)視覺效果元素?cái)?shù)據(jù),然而這種方式也存在局限性,例如如果圖片數(shù)量較多,控件較多,運(yùn)營人員任務(wù)重、容易出錯(cuò),同時(shí)如果因網(wǎng)絡(luò)原因接口數(shù)據(jù)未到達(dá),控件無法更換視覺效果元素。第三種是把控件及其效果畫在圖片上,但這種方式無法保證控件在想要的位置,同時(shí)如果控件和用戶是有交互的,那么一張圖片很難實(shí)現(xiàn)這一點(diǎn)。因此,目前的視覺效果元素調(diào)節(jié)方法仍存在無法根據(jù)圖片動態(tài)靈活改變視覺效果元素,導(dǎo)致視覺效果元素單一,呈現(xiàn)效果差的問題。
發(fā)明內(nèi)容
[0004] 有鑒于此,本申請實(shí)施例提供了一種控件視覺效果元素調(diào)節(jié)方法、裝置、電子設(shè)備及存儲介質(zhì),以解決現(xiàn)有技術(shù)存在的無法根據(jù)圖片動態(tài)靈活改變視覺效果元素,導(dǎo)致視覺效果元素單一,呈現(xiàn)效果差的問題。
[0005] 本申請實(shí)施例的第一方面,提供了一種控件視覺效果元素調(diào)節(jié)方法,包括:獲取服務(wù)器發(fā)送的圖片,基于承載圖片的主控件的尺寸對圖片進(jìn)行處理,以使主控件與圖片之間的尺寸相同;確定各個(gè)子控件在主控件坐標(biāo)系下對應(yīng)的矩形區(qū)域,并依據(jù)子控件的顏色對矩形區(qū)域進(jìn)行分類,得到與子控件的顏色相對應(yīng)的一個(gè)或多個(gè)矩形區(qū)域;對圖片中每個(gè)矩形區(qū)域?qū)?yīng)的顏色進(jìn)行提取,得到每個(gè)矩形區(qū)域?qū)?yīng)的顏色數(shù)據(jù);依據(jù)顏色數(shù)據(jù)確定每個(gè)矩形區(qū)域?qū)?yīng)的主色,將子控件的顏色與相應(yīng)的矩形區(qū)域的主色進(jìn)行比較,得到顏色差異,判斷顏色差異是否滿足預(yù)設(shè)要求;當(dāng)顏色差異滿足預(yù)設(shè)要求時(shí),基于主色的RGB值確定與主色相對應(yīng)的反向顏色,將反向顏色的顏色數(shù)據(jù)賦值給相應(yīng)的子控件的矩形區(qū)域,以調(diào)節(jié)子控件的視覺效果元素。
[0006] 本申請實(shí)施例的第二方面,提供了一種控件視覺效果元素調(diào)節(jié)裝置,包括:處理模塊,被配置為獲取服務(wù)器發(fā)送的圖片,基于承載圖片的主控件的尺寸對圖片進(jìn)行處理,以使主控件與圖片之間的尺寸相同;分類模塊,被配置為確定各個(gè)子控件在主控件坐標(biāo)系下對應(yīng)的矩形區(qū)域,并依據(jù)子控件的顏色對矩形區(qū)域進(jìn)行分類,得到與子控件的顏色相對應(yīng)的一個(gè)或多個(gè)矩形區(qū)域;提取模塊,被配置為對圖片中每個(gè)矩形區(qū)域?qū)?yīng)的顏色進(jìn)行提取,得到每個(gè)矩形區(qū)域?qū)?yīng)的顏色數(shù)據(jù);比較模塊,被配置為依據(jù)顏色數(shù)據(jù)確定每個(gè)矩形區(qū)域?qū)?yīng)的主色,將子控件的顏色與相應(yīng)的矩形區(qū)域的主色進(jìn)行比較,得到顏色差異,判斷顏色差異是否滿足預(yù)設(shè)要求;調(diào)節(jié)模塊,被配置為當(dāng)顏色差異滿足預(yù)設(shè)要求時(shí),基于主色的RGB值確定與主色相對應(yīng)的反向顏色,將反向顏色的顏色數(shù)據(jù)賦值給相應(yīng)的子控件的矩形區(qū)域,以調(diào)節(jié)子控件的視覺效果元素。
[0007] 本申請實(shí)施例的第三方面,提供了一種電子設(shè)備,包括存儲器,處理器及存儲在存儲器上并可在處理器上運(yùn)行的計(jì)算機(jī)程序,處理器執(zhí)行計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)上述方法的步驟。
[0008] 本申請實(shí)施例的第四方面,提供了一種計(jì)算機(jī)可讀存儲介質(zhì),該計(jì)算機(jī)可讀存儲介質(zhì)存儲有計(jì)算機(jī)程序,該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述方法的步驟。
[0009] 本申請實(shí)施例采用的上述至少一個(gè)技術(shù)方案能夠達(dá)到以下有益效果:
[0010] 通過獲取服務(wù)器發(fā)送的圖片,基于承載圖片的主控件的尺寸對圖片進(jìn)行處理,以使主控件與圖片之間的尺寸相同;確定各個(gè)子控件在主控件坐標(biāo)系下對應(yīng)的矩形區(qū)域,并依據(jù)子控件的顏色對矩形區(qū)域進(jìn)行分類,得到與子控件的顏色相對應(yīng)的一個(gè)或多個(gè)矩形區(qū)域;對圖片中每個(gè)矩形區(qū)域?qū)?yīng)的顏色進(jìn)行提取,得到每個(gè)矩形區(qū)域?qū)?yīng)的顏色數(shù)據(jù);依據(jù)顏色數(shù)據(jù)確定每個(gè)矩形區(qū)域?qū)?yīng)的主色,將子控件的顏色與相應(yīng)的矩形區(qū)域的主色進(jìn)行比較,得到顏色差異,判斷顏色差異是否滿足預(yù)設(shè)要求;當(dāng)顏色差異滿足預(yù)設(shè)要求時(shí),基于主色的RGB值確定與主色相對應(yīng)的反向顏色,將反向顏色的顏色數(shù)據(jù)賦值給相應(yīng)的子控件的矩形區(qū)域,以調(diào)節(jié)子控件的視覺效果元素。本申請可以根據(jù)從服務(wù)器拉取的動態(tài)圖改變控件視覺效果元素的效果,使控件的顏色與背景圖的顏色形成反差,提高控件內(nèi)視覺效果元素的顯示效果。
附圖說明