白丝美女被狂躁免费视频网站,500av导航大全精品,yw.193.cnc爆乳尤物未满,97se亚洲综合色区,аⅴ天堂中文在线网官网

控件視覺效果元素調(diào)節(jié)方法、裝置、電子設(shè)備及存儲介質(zhì)

專利號
CN116466952B
公開日期
2023-09-01
申請人
成都賽力斯科技有限公司(四川省成都市中國(四川)自由貿(mào)易試驗(yàn)區(qū)成都高新區(qū)天府五街168號2棟8層801號)
發(fā)明人
陳裕聰; 唐如意; 葉松林
IPC分類
G06F8/38; G06F3/04812; G06F3/04845
技術(shù)領(lǐng)域
顏色,控件,圖片,主色,矩形,區(qū)域,主控,rgba,傳入,視覺
地域: 四川省 四川省成都市

摘要

本申請?zhí)峁┮环N控件視覺效果元素調(diào)節(jié)方法、裝置、電子設(shè)備及存儲介質(zhì)。該方法包括:基于主控件的尺寸對圖片進(jìn)行處理;確定各個(gè)子控件在主控件坐標(biāo)系下對應(yīng)的矩形區(qū)域,并對矩形區(qū)域進(jìn)行分類,得到與子控件的顏色相對應(yīng)的矩形區(qū)域;對圖片中矩形區(qū)域?qū)?yīng)的顏色進(jìn)行提取,得到矩形區(qū)域的顏色數(shù)據(jù);依據(jù)顏色數(shù)據(jù)確定每個(gè)矩形區(qū)域的主色,將子控件的顏色與矩形區(qū)域的主色進(jìn)行比較,得到顏色差異;當(dāng)顏色差異滿足預(yù)設(shè)要求時(shí),確定主色的反向顏色,將反向顏色的顏色數(shù)據(jù)賦值給相應(yīng)的子控件的矩形區(qū)域,以調(diào)節(jié)子控件的視覺效果元素。本申請能夠自動調(diào)整控件的顏色以適應(yīng)任何背景圖,提高控件內(nèi)視覺效果元素的顯示效果。

說明書

1 2 3 4 5 6 7 8 9 10 11 12
控件視覺效果元素調(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)視覺效果元素的顯示效果。 附圖說明

權(quán)利要求

1 2 3
1.一種控件視覺效果元素調(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)行比較,得到顏色差異,依據(jù)所述顏色差異判斷所述子控件的顏色與所述矩形區(qū)域的主色之間是否屬于近似色; 當(dāng)屬于近似色時(shí),基于所述主色的RGB值確定與所述主色相對應(yīng)的反向顏色,將所述反向顏色的顏色數(shù)據(jù)賦值給相應(yīng)的所述子控件的矩形區(qū)域,以調(diào)節(jié)所述子控件的視覺效果元素。 2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述基于承載所述圖片的主控件的尺寸對所述圖片進(jìn)行處理,包括: 獲取所述主控件及所述圖片的寬度,將所述主控件的寬度與所述圖片的寬度進(jìn)行比較,以便確定寬度比; 獲取所述主控件及所述圖片的高度,將所述主控件的高度與所述圖片的高度進(jìn)行比較,以便確定高度比; 基于所述寬度比以及所述高度比確定目標(biāo)比,依據(jù)所述目標(biāo)比對所述圖片進(jìn)行縮放和裁剪。 3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述確定各個(gè)子控件在主控件坐標(biāo)系下對應(yīng)的矩形區(qū)域,并依據(jù)所述子控件的顏色對所述矩形區(qū)域進(jìn)行分類,包括: 獲取所述子控件在所述主控件坐標(biāo)系下的位置坐標(biāo),依據(jù)所述子控件的位置坐標(biāo)確定與所述子控件相對應(yīng)的矩形區(qū)域; 依據(jù)所述子控件對應(yīng)的顏色對所述矩形區(qū)域進(jìn)行劃分,將相同顏色的所述子控件對應(yīng)的矩形區(qū)域劃分到同一顏色類別下; 將所述顏色類別與所述矩形區(qū)域之間的對應(yīng)關(guān)系用鍵值對表示,利用所述鍵值對生成包含所述對應(yīng)關(guān)系的數(shù)據(jù)結(jié)構(gòu)。 4.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對所述圖片中每個(gè)所述矩形區(qū)域?qū)?yīng)的顏色進(jìn)行提取,得到每個(gè)所述矩形區(qū)域?qū)?yīng)的顏色數(shù)據(jù),包括: 依據(jù)所述矩形區(qū)域在所述主控件坐標(biāo)系下的位置以及所述矩形區(qū)域的尺寸,將所述圖片切割成多個(gè)子圖片; 創(chuàng)建顏色空間對象以及位圖上下文對象,其中,所述顏色空間對象用于表征所述圖片在設(shè)備中對應(yīng)的RGB顏色空間;
微信群二維碼
意見反饋