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

有效

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

1.一種EPG異形圖展現(xiàn)方法，其特征在于：包括：

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

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

S3、異形圖組件獲取焦點(diǎn)時(shí)，按照初始化時(shí)的配置參數(shù)，執(zhí)行相應(yīng)的動(dòng)畫效果，動(dòng)畫效果支持沿著指定方向的移動(dòng)和縮放；

S4、異形圖組件失去焦點(diǎn)時(shí)，異形圖執(zhí)行動(dòng)畫效果，恢復(fù)到之前的狀態(tài)，通過上一步中的配置參數(shù)，計(jì)算出動(dòng)畫執(zhí)行參數(shù)，即異形圖恢復(fù)狀態(tài)所需的移動(dòng)距離和縮放參數(shù)，并執(zhí)行相應(yīng)動(dòng)畫；

所述步驟S4中計(jì)算動(dòng)畫執(zhí)行參數(shù)的方法，包括以下步驟：

(1)、根據(jù)約定的配置參數(shù)的值計(jì)算縮放軸點(diǎn)，目前支持四種縮放軸點(diǎn)，分別是左下側(cè)、中間下側(cè)、右側(cè)下側(cè)、中心點(diǎn)，左下側(cè)軸點(diǎn)水平方向坐標(biāo)為：0，垂直方向坐標(biāo)為height；中間下側(cè)軸點(diǎn)水平方向坐標(biāo)為：width/2，垂直方向坐標(biāo)為height；右下側(cè)軸點(diǎn)水平方向坐標(biāo)為：width，垂直方向坐標(biāo)為height；中心點(diǎn)軸點(diǎn)水平方向坐標(biāo)為：width/2，垂直方向坐標(biāo)為height/2，根據(jù)縮放比例進(jìn)行縮放；

（2）、根據(jù)約定的配置參數(shù)的值計(jì)算水平移動(dòng)的距離，配置參數(shù)中的移動(dòng)方向分為水平向右和水平向左，以及移動(dòng)距離的絕對(duì)值，即水平移動(dòng)的值最終是一個(gè)矢量值，獲取焦點(diǎn)時(shí)水平移動(dòng)值和失去焦點(diǎn)時(shí)的水平移動(dòng)值互為相反數(shù)；

（3）、根據(jù)約定的配置參數(shù)的值計(jì)算垂直移動(dòng)的距離，該步驟與上述水平移動(dòng)步驟（2）一致；

（4）、根據(jù)約定的配置參數(shù)的值計(jì)算縮放比例，該縮放比例為一個(gè)浮點(diǎn)數(shù)，異形圖片控件會(huì)根據(jù)該浮點(diǎn)數(shù)進(jìn)行等比例縮放，獲取焦點(diǎn)時(shí)縮/放值和失去焦點(diǎn)時(shí)的放/縮值互為倒數(shù)；

（5）、綜合上述動(dòng)畫執(zhí)行參數(shù)后，通過動(dòng)畫集執(zhí)行動(dòng)畫，使用了第三方工具com.nineoldandroids.animation.AnimatorSet執(zhí)行相應(yīng)動(dòng)畫。

2.根據(jù)權(quán)利要求1所述的一種EPG異形圖展現(xiàn)方法，其特征在于：所述異形圖組件的大小可以配置，三個(gè)圖片控件的大小始終與異形圖組件的大小一致，因此三個(gè)圖片控件的大小也一致，保證按照步驟S1的約定生產(chǎn)的異形圖片和背景圖片，在異形圖片控件和背景圖片控件中渲染后的展示效果，與原始圖片按照異形圖組件大小拉伸渲染的效果相同。

3.根據(jù)權(quán)利要求1所述的一種EPG異形圖展現(xiàn)方法，其特征在于：所述步驟S3中的配置參數(shù)有移動(dòng)參數(shù)、縮放參數(shù)，所述移動(dòng)參數(shù)包括水平移動(dòng)距離和垂直移動(dòng)距離，縮放參數(shù)包括縮放的比例值以及縮放軸點(diǎn)。

4.根據(jù)權(quán)利要求1所述的一種EPG異形圖展現(xiàn)方法，其特征在于：所述動(dòng)畫效果通過Android第三方工具com.nineoldandroids.animation.AnimatorSet執(zhí)行相應(yīng)的動(dòng)畫集，該工具能夠保證在低版本Android系統(tǒng)上執(zhí)行動(dòng)畫時(shí)的流程度。

5.根據(jù)權(quán)利要求1所述的一種EPG異形圖展現(xiàn)方法，其特征在于：所述焦點(diǎn)框樣式圖片控件使用Android的ShapDrawable對(duì)象填充，ShapDrawable包含兩個(gè)像素的實(shí)線邊框，當(dāng)獲取焦點(diǎn)時(shí)顯示背景圖片控件，當(dāng)失去焦點(diǎn)時(shí)隱藏背景圖片控件，獲取焦點(diǎn)時(shí)，異形圖片控件覆蓋部分焦點(diǎn)控件，焦點(diǎn)框樣式圖片控件覆蓋背景圖片控件的邊緣位置。