一種頁面切換方法和裝置的制造方法
【專利摘要】本發(fā)明公開了一種頁面切換方法和裝置,包括步驟:接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容;當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺;當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。因此,所述頁面切換方法和裝置解決頁面切換生硬、不流暢的問題。
【專利說明】
_種頁面切換方法和裝置
技術(shù)領(lǐng)域
[0001 ]本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域,特別是指一種頁面切換方法和裝置。
【背景技術(shù)】
[0002]隨著多媒體技術(shù)的不斷發(fā)展,用戶對多媒體平臺的使用要求也越來越高。在現(xiàn)有的技術(shù)中,頁面切換時,都是一頁面直接生硬地切換成另一頁面,讓人感覺不舒服、不流暢。例如:聚合頁切換到詳情頁時,都是選中聚合頁上的一個視頻文件,然后當(dāng)前的聚合頁立刻切換成該視頻文件鏈接的詳情頁。其中,聚合頁是指匯總展示至少兩個視頻文件的頁面,而詳情頁是指展示一個視頻文件具體信息的頁面。
【發(fā)明內(nèi)容】
[0003]有鑒于此,本發(fā)明的目的在于提出一種頁面切換方法和裝置,解決頁面切換生硬、不流暢的問題。
[0004]基于上述目的本發(fā)明提供頁面切換方法,包括步驟:
[0005]接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容;
[0006]當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺;
[0007]當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0008]在一些實施例中,呈現(xiàn)所述鏈接頁面的內(nèi)容,包括:
[0009]調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺;
[0010]將所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上,并在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。
[0011]在一些實施例中,還包括:
[0012]判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置是否相同;
[0013]如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置不相同,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。
[0014]在一些實施例中,還包括:
[0015]判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸是否相同;
[0016]如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸不相同,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,將所述差值至少兩等分;
[0017]以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。
[0018]在一些實施例中,獲取所述控件鏈接頁面的內(nèi)容之后,還包括:
[0019]當(dāng)所述當(dāng)前頁面不具有與所述鏈接頁面相同的內(nèi)容時,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺;
[0020]當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時,刪除所述當(dāng)前頁面上的內(nèi)容,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值;
[0021]若小于所述預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容;
[0022]若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值;呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
[0023]在另一方面,本發(fā)明還提供了一種頁面切換方法和裝置,包括:
[0024]切換觸發(fā)單元,用于接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容;
[0025]頁面漸變單元,用于當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺;
[0026]頁面切換單元,用于當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0027]在一些實施例中,所述頁面切換單元呈現(xiàn)所述鏈接頁面的內(nèi)容時,還用于:
[0028]調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺;
[0029]將所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上,并在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。
[0030]在一些實施例中,所述頁面漸變單元,還用于:
[0031]判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置是否相同;
[0032]如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置不相同,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。
[0033]在一些實施例中,所述頁面漸變單元,還用于:
[0034]判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸是否相同;
[0035]如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸不相同,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,將所述差值至少兩等分;
[0036]以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。
[0037]在一些實施例中,所述頁面漸變單元,還用于:
[0038]當(dāng)所述當(dāng)前頁面不具有與所述鏈接頁面相同的內(nèi)容時,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺;
[0039]當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時;
[0040]所述頁面切換單元刪除所述當(dāng)前頁面上的內(nèi)容,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值;若小于所述預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容;若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值;呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
[0041]從上面所述可以看出,本發(fā)明提供的頁面切換方法和裝置,接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容;當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺;當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。從而,本發(fā)明能夠?qū)崿F(xiàn)更加流暢、連貫的頁面切換方式,大大優(yōu)化了用戶的操作舒適度。
【附圖說明】
[0042]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
[0043]圖1為本發(fā)明第一實施例中頁面切換方法流程示意圖;
[0044]圖2為本發(fā)明可參考實施例中頁面切換方法流程示意圖;
[0045]圖3為本發(fā)明另一可參考實施例中頁面切換方法流程示意圖;
[0046]圖4為本發(fā)明實施例中頁面切換裝置的結(jié)構(gòu)示意圖。
【具體實施方式】
[0047]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚明白,以下結(jié)合具體實施例,并參照附圖,對本發(fā)明進(jìn)一步詳細(xì)說明。
[0048]需要說明的是,本發(fā)明實施例中所有使用“第一”和“第二”的表述均是為了區(qū)分兩個相同名稱非相同的實體或者非相同的參量,可見“第一” “第二”僅為了表述的方便,不應(yīng)理解為對本發(fā)明實施例的限定,后續(xù)實施例對此不再一一說明。
[0049]參閱圖1所示,為本發(fā)明第一實施例中頁面切換方法流程示意圖,所述頁面切換方法包括:
[0050]步驟101,接收選中當(dāng)前頁面上控件的指令。
[0051]其中,在當(dāng)前頁面上設(shè)置有控件,并且所述的控件鏈接有對應(yīng)的頁面。從而,可以通過選中當(dāng)前頁面上的控件,以便能夠打開該控件鏈接的頁面。
[0052]步驟102,獲取所述控件鏈接頁面的內(nèi)容。
[0053]其中,可以獲取所述鏈接頁面的圖片、文字等等內(nèi)容。
[0054]步驟103,當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺。
[0055]在該實施例中,根據(jù)步驟102獲取的所述控件鏈接頁面的內(nèi)容,判斷所述當(dāng)前頁面與所述鏈接頁面是否具有相同的內(nèi)容,如果所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容,則保持所述相同內(nèi)容不變,將不同的內(nèi)容顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺。從而,當(dāng)前頁面切換至鏈接頁面首先要經(jīng)過一個過程(即相同內(nèi)容不變,當(dāng)前頁面上的不同內(nèi)容顏色逐漸變淺),也就是說,當(dāng)前頁面的內(nèi)容不會直接完全消失,而是具有了一個消失過程。
[0056]例如:在一個視頻共享頁(即排列有若干個視頻文件)上選中其中一個視頻文件,該視頻文件鏈接一個視頻詳情頁(即該視頻文件具體信息的展示頁),而所述的共享頁與所述的詳情頁之間存在相同的內(nèi)容一一宣傳圖片、視頻文件的名稱??梢詫⑺龉蚕眄撋显撘曨l的宣傳圖片、視頻文件的名稱保持不變,其他內(nèi)容的顏色逐漸變淺。
[0057]較佳地,可以通過調(diào)整顏色的色階,來使所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色變淺。
[0058]另外,所述預(yù)設(shè)的變淺時間段是指設(shè)置一個時間段,在該時間段內(nèi)使所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色變淺。較佳地,可以設(shè)置所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容顏色逐漸變淺的目標(biāo)色階。也就是說,在所述預(yù)設(shè)變淺時間段的結(jié)束時間點,所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容顏色的色階為所述目標(biāo)色階。
[0059]在一個優(yōu)選地實施例中,所述的相同內(nèi)容可以包括位置屬性、尺寸屬性等等,當(dāng)所述相同內(nèi)容的屬性在所述當(dāng)前頁面與所述鏈接頁面一樣時,則保持所述相同內(nèi)容不變即可。其中,當(dāng)所述相同內(nèi)容的位置屬性在所述鏈接頁面上和在所述當(dāng)前頁面上不相同時,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。可以看出,從當(dāng)前頁面切換至鏈接頁面的過程中,所述相同內(nèi)容的位置變化實現(xiàn)了一種動畫效果,即從當(dāng)前頁面上的位置移動到了其在鏈接頁面上的位置。
[0060]其中,當(dāng)所述相同內(nèi)容的尺寸屬性在所述鏈接頁面上和在所述當(dāng)前頁面上不相同時,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,然后將所述差值至少兩等分。之后,以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。可以看出,從當(dāng)前頁面切換至鏈接頁面的過程中,所述相同內(nèi)容的尺寸變化也實現(xiàn)了一種動態(tài)效果,即從當(dāng)前頁面上的尺寸狀態(tài)逐漸變?yōu)槠湓阪溄禹撁嫔系某叽鐮顟B(tài)。
[0061]步驟104,當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0062]作為實施例,步驟104呈現(xiàn)所述鏈接頁面的內(nèi)容的具體實施過程包括:首先調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺。然后,再將調(diào)整后的所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上。最后,在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。因此,所述鏈接頁面上的內(nèi)容呈現(xiàn)在當(dāng)前頁面上也是經(jīng)過一個過程,為了能夠給用戶非常自然、舒服的體驗,先將鏈接頁面上的內(nèi)容顏色變淺,再在預(yù)設(shè)的加深時間段逐漸加深直至變?yōu)樵瓉淼念伾?br>[0063]還值得說明的是,作為本方法的另一個實施例,在進(jìn)行完步驟102之后,可以判斷所述當(dāng)前頁面是否具有與所述鏈接頁面相同的內(nèi)容,若具有相同的內(nèi)容,則進(jìn)行步驟103。若不具有相同的內(nèi)容,則具體的實施過程可以包括:
[0064]首先,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺。然后,當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時,刪除所述當(dāng)前頁面上的內(nèi)容。同時,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值。根據(jù)判斷結(jié)果,若小于預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0065]若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值。然后,呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
[0066]從該實施例中可以看出,當(dāng)所述當(dāng)前頁面不具有與所述鏈接頁面相同的內(nèi)容時,為了防止由于當(dāng)前頁面上內(nèi)容的消失而出現(xiàn)一個頁面空白時間,設(shè)置了一個最淺色階,在所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺到一定程度時(所述當(dāng)前頁面上內(nèi)容的顏色色階為最淺色階),刪除所述當(dāng)前頁面上內(nèi)容的同時呈現(xiàn)所述鏈接頁面的內(nèi)容。更進(jìn)一步地,為了呈現(xiàn)所述鏈接頁面的內(nèi)容變得更自然,先對所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差進(jìn)行判斷,若小于預(yù)設(shè)的差值即所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階區(qū)別不大時,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容,用戶體驗切換的過程也是比較自然的。若大于或等于所述預(yù)設(shè)的差值,即如果直接呈現(xiàn)所述鏈接頁面的內(nèi)容,可能會導(dǎo)致用戶體驗切換的過程會比較生硬,則先將所述鏈接頁面內(nèi)容的顏色變淺呈現(xiàn),再逐漸加深恢復(fù)至原來的顏色。
[0067]作為一個可參考的實施例,參閱圖2所示,所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容,所述頁面切換方法具體可采用如下步驟:
[0068]步驟201,接收選中當(dāng)前頁面上控件的指令。
[0069]步驟202,獲取所述控件鏈接頁面的內(nèi)容。
[0070]步驟203,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺。
[0071]步驟204,當(dāng)達(dá)到預(yù)設(shè)變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容。
[0072]步驟205,調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺。
[0073]步驟206,將所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上,并在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。
[0074]較佳地,在執(zhí)行步驟203時,所述的相同內(nèi)容可以包括位置屬性、尺寸屬性等等,當(dāng)所述相同內(nèi)容的屬性在所述當(dāng)前頁面與所述鏈接頁面一樣時,則保持所述相同內(nèi)容不變即可。其中,當(dāng)所述相同內(nèi)容的位置屬性在所述鏈接頁面上和在所述當(dāng)前頁面上不相同時,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。
[0075]另一較佳地實施例,在執(zhí)行步驟203時,還有可能所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸屬性不相同。則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,然后將所述差值至少兩等分。之后,以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。
[0076]作為另一個可參考的實施例,參閱圖3所示,所述當(dāng)前頁面相同不具有與所述鏈接頁面的內(nèi)容,所述頁面切換方法具體可采用如下步驟:
[0077]步驟301,接收到選中當(dāng)前頁面上的控件指令。
[0078]步驟302,獲取所述控件鏈接頁面的內(nèi)容。
[0079]步驟303,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺。
[0080]步驟304,當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時,刪除所述當(dāng)前頁面上的內(nèi)容。
[0081]步驟305,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值,若小于則進(jìn)行步驟306,若大于或等于則進(jìn)行步驟307。
[0082 ]步驟306,直接呈現(xiàn)所述鏈接頁面的內(nèi)容,退出該流程。
[0083]步驟307,調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值,進(jìn)行步驟308。
[0084]步驟308,呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
[0085]在本發(fā)明的另一方面,還提供了一種頁面切換裝置,如圖4所示,所述頁面切換裝置包括依次連接的切換觸發(fā)單元401、頁面漸變單元402以及頁面切換單元403。其中,切換觸發(fā)單元401接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容。然后,頁面漸變單元402當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺。最后,頁面切換單元403當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0086]較佳地,所述頁面切換單元403呈現(xiàn)所述鏈接頁面的內(nèi)容時,具體實施過程包括:
[0087]首先調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺。然后,再將調(diào)整后的所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上。最后,在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。因此,所述鏈接頁面上的內(nèi)容呈現(xiàn)在當(dāng)前頁面上是經(jīng)過一個過程,能夠給用戶非常自然、舒服的體驗。
[0088]在另一個實施例中,所述頁面漸變單元402當(dāng)所述相同內(nèi)容的屬性在所述當(dāng)前頁面與所述鏈接頁面一樣時,則保持所述相同內(nèi)容不變即可。其中,當(dāng)所述相同內(nèi)容的位置屬性在所述鏈接頁面上和在所述當(dāng)前頁面上不相同時,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。從而,從當(dāng)前頁面切換至鏈接頁面的過程中,所述相同內(nèi)容的位置變化實現(xiàn)了一種動畫效果,即從當(dāng)前頁面上的位置移動到了其在鏈接頁面上的位置。
[0089]另外,所述頁面漸變單元402還可以判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸是否相同。當(dāng)所述相同內(nèi)容的尺寸屬性在所述鏈接頁面上和在所述當(dāng)前頁面上不相同時,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,然后將所述差值至少兩等分。之后,以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。因此,從當(dāng)前頁面切換至鏈接頁面的過程中,所述相同內(nèi)容的尺寸變化也實現(xiàn)了一種動態(tài)效果,即從當(dāng)前頁面上的尺寸狀態(tài)逐漸變?yōu)槠湓阪溄禹撁嫔系某叽鐮顟B(tài)。
[0090]作為本裝置的另一個實施例,所述頁面漸變單元402可以判斷所述當(dāng)前頁面是否具有與所述鏈接頁面相同的內(nèi)容,若具有相同的內(nèi)容,則按照上述所述各種實施例進(jìn)行即可。若不具有相同的內(nèi)容時,則將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺。
[0091]當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時,所述頁面切換單元403刪除所述當(dāng)前頁面上的內(nèi)容。同時,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值。根據(jù)判斷結(jié)果,若小于預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容。
[0092]若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值。然后,呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
[0093]需要說明的是,在本發(fā)明所述的頁面切換裝置的具體實施內(nèi)容,在上面所述的頁面切換方法中已經(jīng)詳細(xì)說明了,故在此重復(fù)內(nèi)容不再說明。
[0094]綜上所述,本發(fā)明提供的頁面切換方法和裝置,創(chuàng)造性地捕捉關(guān)聯(lián)的兩個頁面共享的元素;同時,利用兩個頁面的共享元素發(fā)生的屬性展示逐幀變化;而且,非共享元素逐漸淡出或淡入;從而,實現(xiàn)從一頁面流暢、連貫地切換至另一頁面,具有廣泛、重大的推廣意義;最后,整個所述頁面切換方法和裝置緊湊,易于控制。
[0095]所屬領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:以上任何實施例的討論僅為示例性的,并非旨在暗示本公開的范圍(包括權(quán)利要求)被限于這些例子;在本發(fā)明的思路下,以上實施例或者不同實施例中的技術(shù)特征之間也可以進(jìn)行組合,步驟可以以任意順序?qū)崿F(xiàn),并存在如上所述的本發(fā)明的不同方面的許多其它變化,為了簡明它們沒有在細(xì)節(jié)中提供。
[0096]另外,為簡化說明和討論,并且為了不會使本發(fā)明難以理解,在所提供的附圖中可以示出或可以不示出與集成電路(IC)芯片和其它部件的公知的電源/接地連接。此外,可以以框圖的形式示出裝置,以便避免使本發(fā)明難以理解,并且這也考慮了以下事實,即關(guān)于這些框圖裝置的實施方式的細(xì)節(jié)是高度取決于將要實施本發(fā)明的平臺的(即,這些細(xì)節(jié)應(yīng)當(dāng)完全處于本領(lǐng)域技術(shù)人員的理解范圍內(nèi))。在闡述了具體細(xì)節(jié)(例如,電路)以描述本發(fā)明的示例性實施例的情況下,對本領(lǐng)域技術(shù)人員來說顯而易見的是,可以在沒有這些具體細(xì)節(jié)的情況下或者這些具體細(xì)節(jié)有變化的情況下實施本發(fā)明。因此,這些描述應(yīng)被認(rèn)為是說明性的而不是限制性的。
[0097]盡管已經(jīng)結(jié)合了本發(fā)明的具體實施例對本發(fā)明進(jìn)行了描述,但是根據(jù)前面的描述,這些實施例的很多替換、修改和變型對本領(lǐng)域普通技術(shù)人員來說將是顯而易見的。例如,其它存儲器架構(gòu)(例如,動態(tài)RAM(DRAM))可以使用所討論的實施例。
[0098]本發(fā)明的實施例旨在涵蓋落入所附權(quán)利要求的寬泛范圍之內(nèi)的所有這樣的替換、修改和變型。因此,凡在本發(fā)明的精神和原則之內(nèi),所做的任何省略、修改、等同替換、改進(jìn)等,均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項】
1.一種頁面切換方法,其特征在于,包括步驟: 接收選中當(dāng)前頁面上控件的指令,獲取所述控件鏈接頁面的內(nèi)容; 當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺; 當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。2.根據(jù)權(quán)利要求1所述的方法,其特征在于,呈現(xiàn)所述鏈接頁面的內(nèi)容,包括: 調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺; 將所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上,并在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。3.根據(jù)權(quán)利要求1所述的方法,其特征在于,還包括: 判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置是否相同; 如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置不相同,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。4.根據(jù)權(quán)利要求1所述的方法,其特征在于,還包括: 判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸是否相同; 如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸不相同,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,將所述差值至少兩等分; 以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。5.根據(jù)權(quán)利要求1至4任意一項所述的方法,其特征在于,獲取所述控件鏈接頁面的內(nèi)容之后,還包括: 當(dāng)所述當(dāng)前頁面不具有與所述鏈接頁面相同的內(nèi)容時,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺; 當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時,刪除所述當(dāng)前頁面上的內(nèi)容,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值; 若小于所述預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容; 若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值;呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。6.一種頁面切換裝置,其特征在于,包括: 切換觸發(fā)單元,用于接收到選中當(dāng)前頁面上的控件指令,獲取所述控件鏈接頁面的內(nèi)容; 頁面漸變單元,用于當(dāng)所述當(dāng)前頁面具有與所述鏈接頁面相同的內(nèi)容時,保持所述相同內(nèi)容不變,將所述當(dāng)前頁面上與所述鏈接頁面不同內(nèi)容的顏色在預(yù)設(shè)的變淺時間段內(nèi)逐漸變淺; 頁面切換單元,用于當(dāng)達(dá)到預(yù)設(shè)的變淺時間段的結(jié)束時間點時,刪除所述不同內(nèi)容,呈現(xiàn)所述鏈接頁面的內(nèi)容。7.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述頁面切換單元呈現(xiàn)所述鏈接頁面的內(nèi)容時,還用于: 調(diào)整所述鏈接頁面上與所述當(dāng)前頁面不同內(nèi)容的顏色色階,使所述不同內(nèi)容的顏色變淺; 將所述不同內(nèi)容呈現(xiàn)在所述當(dāng)前頁面上,并在預(yù)設(shè)的加深時間段逐漸加深所述不同內(nèi)容的顏色,直至所述不同內(nèi)容的顏色色階為調(diào)整前顏色色階。8.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述頁面漸變單元,還用于: 判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置是否相同; 如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的位置不相同,則將所述當(dāng)前頁面上的所述相同內(nèi)容的位置為起始點,以所述鏈接頁面上所述相同內(nèi)容的位置為終點,所述的相同內(nèi)容從起始點逐幀移動到終點。9.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述頁面漸變單元,還用于: 判斷所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸是否相同; 如果所述鏈接頁面與所述當(dāng)前頁面相同內(nèi)容的尺寸不相同,則計算所述相同內(nèi)容在所述鏈接頁面上的尺寸與在所述當(dāng)前頁面上的尺寸差值,將所述差值至少兩等分; 以所述當(dāng)前頁面上的所述相同內(nèi)容尺寸為起始狀態(tài),將所述相同內(nèi)容尺寸依次經(jīng)過所述等分的尺寸,直至為所述鏈接頁面上的所述相同內(nèi)容尺寸。10.根據(jù)權(quán)利要求6至9任意一項所述的裝置,其特征在于,所述頁面漸變單元,還用于: 當(dāng)所述當(dāng)前頁面不具有與所述鏈接頁面相同的內(nèi)容時,將所述當(dāng)前頁面上內(nèi)容的顏色逐漸變淺; 當(dāng)所述當(dāng)前頁面上內(nèi)容的顏色色階為預(yù)設(shè)的最淺色階時; 所述頁面切換單元刪除所述當(dāng)前頁面上的內(nèi)容,判斷所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差是否小于預(yù)設(shè)的差值;若小于所述預(yù)設(shè)的差值,則直接呈現(xiàn)所述鏈接頁面的內(nèi)容;若大于或等于所述預(yù)設(shè)的差值,則調(diào)整所述鏈接頁面內(nèi)容的顏色色階,直至所述鏈接頁面內(nèi)容的顏色色階與所述最淺色階的差小于預(yù)設(shè)的差值;呈現(xiàn)顏色色階調(diào)整后的所述內(nèi)容,并逐漸加深所述內(nèi)容的顏色直至恢復(fù)為調(diào)整前的色階。
【文檔編號】G06F9/44GK105843627SQ201610229013
【公開日】2016年8月10日
【申請日】2016年4月13日
【發(fā)明人】孟勇
【申請人】樂視控股(北京)有限公司, 樂視網(wǎng)信息技術(shù)(北京)股份有限公司