時(shí))，直到變換到第N個(gè)填充方案后動畫結(jié)束。其中，每個(gè)填充方案可以是純色填充方案，也可以是帶有漸變、紋理、或圖案等填充效果的填充方案，還可以是用戶自己生成的各種其他具有顏色變化的填充方案。
[0031]本實(shí)施例中色彩補(bǔ)間動畫的實(shí)現(xiàn)方法的流程如圖2所示。本實(shí)施例主要針對與實(shí)施例一中不同的部分進(jìn)行說明，相同部分請參見實(shí)施例一中的描述，不再重復(fù)。
[0032]步驟210，在不透明圖層顯示第I個(gè)填充方案，在完全透明圖層顯示第2個(gè)填充方案。
[0033]步驟220，將不透明圖層的透明度逐漸變化為完全透明，同時(shí)將完全透明圖層的透明度逐漸變化為完全不透明。
[0034]步驟230，在透明度變化完成后，如果當(dāng)前的不透明圖層顯示的第k(k為不大于N的自然數(shù))個(gè)填充方案不是第N個(gè)填充方案，在當(dāng)前的完全透明圖層顯示第(k+Ι)個(gè)填充方案；將當(dāng)前完全透明圖層的透明度逐漸變化為不透明，同時(shí)將當(dāng)前不透明圖層的透明度逐漸變化為完全透明；重復(fù)本步驟直到k等于N。
[0035]在透明度變化完成后，設(shè)當(dāng)前的不透明圖層(即在剛剛完成的透明度變化過程中，由完全透明變?yōu)椴煌该鞯膱D層)上所顯示的是第k個(gè)填充方案，則第k個(gè)填充方案是截止到當(dāng)前，本實(shí)施例中色彩補(bǔ)間動畫到達(dá)的最后一個(gè)填充方案。如果k不等于N，第k個(gè)填充方案還需要繼續(xù)以動畫方式變化到第(k+Ι)個(gè)填充方案。如果k等于N，則動畫結(jié)束。
[0036]當(dāng)k不等于N時(shí)，將第(k+Ι)個(gè)填充方案顯示在當(dāng)前的完全透明圖層(即在剛剛完成的透明度變化過程中，由不透明變?yōu)橥耆该鞯膱D層)上。然后在從第k個(gè)填充方案到第(k+I)個(gè)填充方案的動畫時(shí)長內(nèi)，將當(dāng)前完全透明圖層的透明度逐漸變化為不透明，同時(shí)將當(dāng)前不透明圖層的透明度逐漸變化為完全透明。
[0037]在本次透明度變化過程中，用戶將看到展示區(qū)域從第k個(gè)填充方案對應(yīng)的視覺效果，在該動畫時(shí)長內(nèi)隨著透明度的變化，逐漸變化成第(k+Ι)個(gè)填充方案對應(yīng)的視覺效果。
[0038]本次透明度變化之后的當(dāng)前不透明圖層與當(dāng)前完全透明圖層，與本次透明度變化之前的當(dāng)前不透明圖層與當(dāng)前完全透明圖層互換。重復(fù)本步驟直到k等于N，這樣，展示區(qū)域從第I個(gè)填充方案以動畫效果變化到第2個(gè)填充方案，依次按照填充方案的排列順序，逐個(gè)變化到第N個(gè)填充方案后動畫結(jié)束。
[0039]當(dāng)k等于N，動畫結(jié)束時(shí)，可以刪除當(dāng)前的完全透明圖層。
[0040]可見，本申請的實(shí)施例一和實(shí)施例二中，在展示區(qū)域上設(shè)置相互重疊的兩個(gè)圖層，通過將第一個(gè)圖層由不透明逐漸變化為完全透明，同時(shí)將第二個(gè)圖層由完全透明逐漸變化為不透明，達(dá)到第一個(gè)圖層的填充方案逐漸變化為第二圖層的填充方案的動畫效果，并且過渡過程平滑自然，在達(dá)到良好效果的同時(shí)避免了額外的人工工作，使動畫的實(shí)現(xiàn)效率得以提尚。
[0041]在本申請的一個(gè)應(yīng)用示例中，一種互聯(lián)網(wǎng)征信系統(tǒng)按照用戶的信用歷史、行為偏好、履約能力、身份特質(zhì)、人脈關(guān)系等維度，以一定的評估算法來為每個(gè)用戶生成信用分，并且按照用戶的信用分來確定用戶的信用等級，每個(gè)信用等級對應(yīng)于一定范圍的信用分。該征信系統(tǒng)中用戶信用分的范圍是350到950，劃分為第I到第5共5個(gè)信用等級，級別越高，信用度越好。
[0042]用戶可以在該征信系統(tǒng)的客戶端App(應(yīng)用程序)中查看自己的信用等級。App中在一個(gè)圓形區(qū)域以不同顏色的具有漸變效果的填充方案來顯示用戶的不同信用等級，第k個(gè)填充方案對應(yīng)于第k個(gè)信用等級。圖3所示為該征信系統(tǒng)用戶的信用分、信用等級以及填充方案的對應(yīng)關(guān)系，其中，第I個(gè)填充方案為色值從#EA5254漸變到#F4653C的紅色填充方案，對應(yīng)于第I個(gè)信用等級;類似的，第2到第5個(gè)填充方案分別為橙色、綠色、青色和藍(lán)色具有漸變效果的填充方案，分別對應(yīng)于第2到第5個(gè)信用等級。
[0043]為了提升用戶的體驗(yàn)，當(dāng)用戶打開顯示其信用等級的頁面時(shí)，將從第I個(gè)信用等級開始，以動畫方式顯示用戶的信用等級提升過程，直到達(dá)到用戶的信用等級為止。換言之，在表示信用等級的圓形區(qū)域中，從第I個(gè)填充方案開始，以動畫方式遍歷中間的填充方案，直到顯示為用戶信用等級N對應(yīng)的第N個(gè)填充方案時(shí)，動畫結(jié)束。
[0044]本應(yīng)用示例中動畫的實(shí)現(xiàn)流程如圖4所示。
[0045]步驟401，在圓形區(qū)域初始化兩個(gè)UIView視圖，其中上方圖層為視圖Front視圖，下方圖層為視圖Bottom，將Front的透明度設(shè)置為O，將Bottom的透明度設(shè)置為I。本應(yīng)用示例中，透明度為O表示完全透明，透明度為I表示不透明。
[0046]步驟402，獲取用戶的信用等級N。
[0047]步驟403，判斷N是否為I，如果是，執(zhí)行步驟404，否則轉(zhuǎn)步驟405。
[0048]步驟404，在Bottom顯示第I個(gè)填充方案，刪除Front，流程結(jié)束。當(dāng)用戶的信用等級為I時(shí)，無需進(jìn)行動畫顯示，直接顯示第I個(gè)填充方案即可。
[0049]步驟405，令b等于I，f等于2。13表示在Bottom顯示的填充方案的序號，f表示在Front顯示的填充方案的序號。
[°°50] 步驟406，在Bottom顯示第b個(gè)填充方案，在Front顯示第f個(gè)填充方案。
[0051]步驟407，判斷當(dāng)前Front的透明度是否為O，如果是，執(zhí)行步驟408，否則轉(zhuǎn)步驟411。本步驟用來判斷當(dāng)前的完全透明圖層是Front還是Bottom。
[0052]步驟408，在預(yù)定時(shí)長內(nèi)，將Front的透明度由O勻速變化為I，將Bottom的透明度由I勻速變化為O。該預(yù)定時(shí)長是在相鄰信用等級間顯示動畫效果的預(yù)設(shè)時(shí)長。
[0053]步驟409，判斷f是否等于N，如果是，動畫結(jié)束，轉(zhuǎn)步驟414;否則執(zhí)行步驟410。本步驟也可以判斷b是否等于(N-1)。
[0054]步驟410，將b加2，刷新Bottom的顯示(即顯示加2后的第b個(gè)填充方案)，轉(zhuǎn)步驟407。
[0055]步驟411，在預(yù)定時(shí)長內(nèi)，將Front的透明度由I勻速變化為0，將Bottom的透明度由O勻速變化為I。
[0056]步驟412，判斷b是否等于N，如果是，動畫結(jié)束，轉(zhuǎn)步驟414;否則執(zhí)行步驟413。本步驟也可以判斷f是否等于(N-1)。
[0057]步驟413，將f加2，刷新Front的顯示(S卩顯示加2后的第f個(gè)填充方案)，轉(zhuǎn)步驟407。
[0058]步驟414，刪除當(dāng)前透明度為O的視圖。
[0059]與上述流程實(shí)現(xiàn)對應(yīng)，本申請的實(shí)施例還提供了一種色彩補(bǔ)間動畫的實(shí)現(xiàn)裝置。該裝置可以通過軟件實(shí)現(xiàn)，也可以通過硬件或者軟硬件結(jié)合的方式實(shí)現(xiàn)。以軟件實(shí)現(xiàn)為例，作為邏輯意義上的裝置，是通過所在設(shè)備的CPU(Central Process Unit，中央處理器)將對應(yīng)的計(jì)算機(jī)程序指令讀取到內(nèi)存中運(yùn)行形成的。從硬件層面而言，除了圖5所示的CPU、內(nèi)存以及非易失性存儲器之外，該裝置所在的設(shè)備通常還包括用于進(jìn)行無線信號收發(fā)的芯片等其他硬件，和/或用于實(shí)現(xiàn)網(wǎng)絡(luò)通信功能的板卡等其他硬件。
[0060]圖6所示為本申請實(shí)施例提供的一種裝置，所述色彩補(bǔ)間動畫的展示區(qū)域具有重疊的兩個(gè)圖層，其中一個(gè)圖層的透明度為不透明，另一個(gè)圖層的透明度為完全透明，所述裝置包括起點(diǎn)終點(diǎn)顯示單元和第一透明度變化單元，其中:起點(diǎn)終點(diǎn)顯示單元用于在不透明圖層顯示起點(diǎn)填充方案，在完全透明圖層顯示終點(diǎn)填充方案;第一透明度變化單元用于將不透明圖層的透明度逐漸變化為完全透明，同時(shí)將完全透明圖層的透明度逐漸變化為完全不透明。
[0061]—個(gè)例子中，所述色彩補(bǔ)間動畫包括:從第I個(gè)填充方案變化到第2個(gè)填充方案，依次逐個(gè)變化