[發(fā)明專利]一種EPG異形圖展現(xiàn)方法

有效

• 申請?zhí)枺?/td>: 202011474723.7
• 申請日: 2020-12-14
• 公開（公告）號: CN112672198B
• 公開（公告）日: 2022-11-22
• 發(fā)明（設(shè)計）人: 王琦;魏代邦;隆龍;張曉剛
• 申請（專利權(quán)）人: 海看網(wǎng)絡(luò)科技（山東）股份有限公司
• 主分類號: H04N21/431
• 分類號: H04N21/431;H04N21/485
• 代理公司: 濟南華典專利代理事務(wù)所(普通合伙企業(yè)) 37293
• 代理人: 李景華

本發(fā)明涉及一種EPG異形圖組件及其展示方法，通過原始圖片生成背景圖片和異形圖片；配置三個圖片控件，縱向順序自底部向頂部依次為背景圖片控件、焦點框樣式圖片控件、異形圖片控件，異形圖組件獲取焦點時，按照初始化時的配置參數(shù)，執(zhí)行相應(yīng)的動畫效果；異形圖組件失去焦點時，異形圖執(zhí)行動畫效果，恢復(fù)到之前的狀態(tài)。能夠完整的實現(xiàn)異形圖的所有展現(xiàn)效果；使用者只需要按照約定的方式提供圖片原型，并調(diào)用相關(guān)的初始化方法和動畫方法，就可以完成異形圖的渲染和移動動畫；通過約定的配置方式，異形圖的動畫可以實現(xiàn)多組不同的效果；通過布局層次和焦點圖樣式，可以為異形圖添加焦點樣式，同時不影響異形圖的展現(xiàn)效果。

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)絡(luò)電視技術(shù)領(lǐng)域，具體涉及一種EPG異形圖組件及其展示方法。

背景技術(shù)

近年來，IPTV作為三網(wǎng)融合的主要試點項目之一，經(jīng)歷著從初步探索到迅猛發(fā)展的重要時期。依托于運營商的網(wǎng)絡(luò)平臺，通過將傳統(tǒng)廣播電視媒體與新興互聯(lián)網(wǎng)技術(shù)的相結(jié)合，把電視機或個人計算機作為顯示終端，IPTV向用戶提供數(shù)字廣播電視、視頻服務(wù)、信息服務(wù)等寬帶業(yè)務(wù)。

隨著業(yè)務(wù)的多元化發(fā)展，用戶對產(chǎn)品使用體驗的要求也越來越高。從界面體驗到產(chǎn)品性能，再到多層次、系統(tǒng)化的產(chǎn)品功能，一款好的應(yīng)用產(chǎn)品的迭代周期往往只在半年甚至幾個月。其中界面展示往往又是變化最大迭代最快的方面，這種形式要求產(chǎn)品的設(shè)計者、美工人員以及技術(shù)人員都能夠及時迅速的提供出能夠適應(yīng)市場的產(chǎn)品解決方案。

EPG中的異形圖是一種較新穎的界面展示效果，與傳統(tǒng)的單圖展示相比，異形圖的圖像由多個小圖像單元組成，在某些場景下，比如獲取焦點時，小圖像單元的相對位置發(fā)生變化，比如人的圖像單元從背景的圖像單元中移動出來，表現(xiàn)出立體或突出的視覺效果。但是目前IPTV中的內(nèi)置瀏覽器版本較低，在Android原生態(tài)環(huán)境下，不能很流暢的實現(xiàn)異形圖的展示，也不能夠?qū)崿F(xiàn)異形圖的動畫效果。

發(fā)明內(nèi)容

為克服所述不足，本發(fā)明的目的在于提供一種EPG異形圖組件及其展現(xiàn)方法，能夠在Android原生環(huán)境下的異形圖組件，該組件能夠完整的實現(xiàn)EPG系統(tǒng)下的異形圖展現(xiàn)要求，包括異形圖的數(shù)據(jù)渲染、異行動畫效果以及能夠正常展示異形圖的焦點框。

本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是：一種EPG異形圖組件，包括兩張圖片、三個圖片控件，所述圖片分別為背景圖片和異形圖片，所述圖片控件分別為背景圖片控件、焦點框樣式圖片控件、異形圖片控件，其縱向順序自底部向頂部依次為背景圖片控件、焦點框樣式圖片控件、異形圖片控件；

默認情況下，背景圖片與異形圖片完整的契合在一起，構(gòu)成一個完整的畫面；當組件獲取焦點時，異形圖片部分根據(jù)配置參數(shù)，相對于背景圖片發(fā)生偏移；當組件失去焦點時，異形圖片再回歸到之前的位置；異形圖組件同時支持焦點樣式，當組件獲取焦點時，顯示高亮度邊框，如果異形圖片部分超出了背景圖片的范圍，異形圖片會遮罩部分背景邊框。

具體地，所述背景圖片控件渲染背景圖片，異形圖片控件渲染異形圖片，焦點框樣式圖片控件渲染焦點框樣式圖片。

一種EPG異形圖展現(xiàn)方法，包括：

S1、通過原始圖片生成背景圖片和異形圖片，異形圖片使用透明背景，大小與原始圖片一致，異形圖像內(nèi)容在異形圖片中的相對位置與其在原始圖片中的相對位置一致，背景圖片為原始圖片除去異形圖像的剩余部分；

S2、配置三個圖片控件，異形圖組件的三個圖片控件，縱向順序自底部向頂部依次為背景圖片控件、焦點框樣式圖片控件、異形圖片控件，其中背景圖片控件渲染背景圖片，異形圖片控件渲染異形圖片，焦點框樣式圖片控件渲染焦點框樣式圖片，背景圖片控件和異形圖片控件均使用拉伸填充；

S3、異形圖組件獲取焦點時，按照初始化時的配置參數(shù)，執(zhí)行相應(yīng)的動畫效果，動畫效果支持沿著指定方向的移動和縮放，配置參數(shù)有移動參數(shù)，包括水平移動距離和垂直移動距離，有縮放參數(shù)，包括縮放的比例值以及縮放軸點；