[發(fā)明專(zhuān)利]一種用于百分比數(shù)字的水波紋渲染方法及裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201710163776.9
• 申請(qǐng)日: 2017-03-17
• 公開(kāi)（公告）號(hào): CN106952322A
• 公開(kāi)（公告）日: 2017-07-14
• 發(fā)明（設(shè)計(jì)）人: 沈文策
• 申請(qǐng)（專(zhuān)利權(quán)）人: 福建中金在線信息科技有限公司
• 主分類(lèi)號(hào): G06T11/40
• 分類(lèi)號(hào): G06T11/40
• 代理公司: 北京柏杉松知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙)11413
• 代理人: 項(xiàng)京,馬敬

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

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種用于百分比數(shù)字的水波紋渲染方法及裝置。

背景技術(shù)

隨著移動(dòng)互聯(lián)網(wǎng)和移動(dòng)通信設(shè)備的快速發(fā)展，移動(dòng)終端設(shè)備已經(jīng)是人們獲取各種資訊信息的重要渠道，各種移動(dòng)終端設(shè)備上都安裝有各種各樣的應(yīng)用軟件，用戶(hù)通過(guò)這些應(yīng)用軟件可以輕松方便的獲取各種信息。

在各種信息顯示頁(yè)面中，經(jīng)常會(huì)出現(xiàn)百分比類(lèi)型的數(shù)字，尤其在一些財(cái)經(jīng)類(lèi)的信息顯示頁(yè)面中，經(jīng)常會(huì)出現(xiàn)收益、虧損、止損等等重要的百分比類(lèi)型數(shù)字。在很多時(shí)候這些百分比類(lèi)型的數(shù)字都是十分重要的信息，需要用戶(hù)重點(diǎn)進(jìn)行關(guān)注。所以，可以對(duì)這些百分比類(lèi)型的數(shù)字進(jìn)行渲染，從而使得百分比類(lèi)型的數(shù)字區(qū)別于頁(yè)面中的其他文字或者數(shù)字，用戶(hù)可以清楚的識(shí)別到百分比類(lèi)型的數(shù)字。

目前，在現(xiàn)有技術(shù)中，對(duì)于百分比類(lèi)型的數(shù)字的渲染只是單純的改變其顏色或字體。而這樣的渲染較為單調(diào)，用戶(hù)體驗(yàn)不好，并且不能很好的引起用戶(hù)的重點(diǎn)關(guān)注，使得用戶(hù)可能忽略較為重要的信息。

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

本發(fā)明實(shí)施例的目的在于提供一種用于百分比數(shù)字的水波紋渲染方法及裝置，以將百分比數(shù)字渲染得更加豐富，引起用戶(hù)的重點(diǎn)關(guān)注，提高用戶(hù)體驗(yàn)。具體技術(shù)方案如下：

本發(fā)明實(shí)施例公開(kāi)了一種用于百分比數(shù)字的水波紋渲染方法，包括：

在頁(yè)面中顯示百分比數(shù)字的位置處添加Textview控件，所述Textview控件的高度與所述百分比數(shù)字的高度相同；

根據(jù)所述百分比數(shù)字所表示的百分比值和所述Textview控件的高度，計(jì)算所述Textview控件中待顯示水波紋的最大高度；

按第一預(yù)設(shè)周期，在所述Textview控件中依次顯示高度遞增的水波紋；

當(dāng)所述Textview控件中顯示的水波紋的高度到達(dá)所述最大高度時(shí)，保持當(dāng)前顯示的水波紋的高度不變，并按第二預(yù)設(shè)周期，改變所述水波紋頂端的波動(dòng)形狀。

可選的，所述在頁(yè)面中顯示百分比數(shù)字的位置處添加Textview控件的步驟包括：

對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行檢測(cè)，檢測(cè)出所述頁(yè)面中所有的顯示百分比數(shù)字的位置；

在每一個(gè)顯示百分比數(shù)字的位置處添加Textview控件。

可選的，所述根據(jù)所述百分比數(shù)字所表示的百分比值和所述Textview控件的高度，計(jì)算所述Textview控件中待顯示水波紋的最大高度的步驟包括：

將所述百分比數(shù)字所表示的百分比值乘以所述Textview控件的高度，得到的數(shù)值作為所述Textview控件中待顯示水波紋的最大高度。

可選的，所述按第一預(yù)設(shè)周期，在所述Textview控件中依次顯示高度遞增的水波紋的步驟包括：

在每個(gè)第一預(yù)設(shè)周期開(kāi)始時(shí)，刪除所述Textview控件中顯示的包含水波紋的第一圖層，并將包含的水波紋高度僅大于所述第一圖層中水波紋高度的第二圖層顯示在所述Textview控件中。

可選的，所述改變所述水波紋頂端的波動(dòng)形狀的步驟包括：

使用貝塞爾曲線表示所述水波紋頂端的波動(dòng)形狀；

通過(guò)改變所述貝塞爾曲線的控制點(diǎn)位置，改變所述水波紋頂端的波動(dòng)形狀。

可選的，所述方法還包括：

當(dāng)所述頁(yè)面轉(zhuǎn)入后臺(tái)運(yùn)行時(shí)，記錄所述Textview控件中當(dāng)前的水波紋的高度，并保持當(dāng)前的水波紋的高度不變；

當(dāng)所述頁(yè)面重新運(yùn)行時(shí)，讀取所記錄的水波紋的高度，在所述Textview控件中顯示該高度的水波紋，并按所述第一預(yù)設(shè)周期，依次顯示高度遞增的水波紋。

本發(fā)明實(shí)施例還公開(kāi)了一種用于百分比數(shù)字的水波紋渲染裝置，包括：

加載模塊，用于在頁(yè)面中顯示百分比數(shù)字的位置處添加Textview控件，所述Textview控件的高度與所述百分比數(shù)字的高度相同；

計(jì)算模塊，用于根據(jù)所述百分比數(shù)字所表示的百分比值和所述Textview控件的高度，計(jì)算出所述Textview控件中待顯示水波紋的最大高度；

繪制模塊，用于按第一預(yù)設(shè)周期，在所述Textview控件中依次顯示高度遞增的水波紋；

調(diào)整模塊，用于當(dāng)所述Textview控件中顯示的水波紋的高度到達(dá)所述最大高度時(shí)，保持當(dāng)前顯示的水波紋的高度不變，并按第二預(yù)設(shè)周期，改變所述水波紋頂端的波動(dòng)形狀。

可選的，所述計(jì)算模塊，具體用于將所述百分比數(shù)字所表示的百分比值乘以所述Textview控件的高度，得到的數(shù)值作為所述Textview控件中待顯示水波紋的最大高度。