視圖顯示方法及裝置的制造方法
【專利摘要】本發(fā)明公開了一種視圖顯示方法及裝置，屬于計算機技術(shù)領(lǐng)域。所述方法包括：在顯示頁面中顯示第一視圖，該第一視圖上顯示有內(nèi)容項；將第二視圖覆蓋顯示在第一視圖上；接收第一移動指令，控制內(nèi)容項在第一視圖中按照第一預(yù)定方向進行移動；監(jiān)測內(nèi)容項在第一預(yù)定方向進行移動的移動距離；當監(jiān)測到移動距離大于預(yù)定距離閾值時，隱藏第二視圖。本發(fā)明解決了相關(guān)技術(shù)中視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示的問題；達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
【專利說明】
視圖顯示方法及裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及計算機技術(shù)領(lǐng)域，特別涉及一種視圖顯示方法及裝置。
【背景技術(shù)】
[0002]智能設(shè)備在同一個頁面中可以同時顯示至少兩類視圖，比如，用于顯示視頻數(shù)據(jù)的視頻視圖，以及用于顯示非視頻數(shù)據(jù)的非視頻視圖。
[0003]—般的，視頻視圖可以被始終固定顯示在智能設(shè)備的屏幕上，這種顯示方式會導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示。

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

[0004]為了解決相關(guān)技術(shù)中視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示的問題，本發(fā)明實施例提供了一種視圖顯示方法及裝置。所述技術(shù)方案如下:
[0005]第一方面，提供了一種視圖顯示方法，應(yīng)用于智能設(shè)備中，所述方法包括:
[0006]在顯示頁面中顯示第一視圖，所述第一視圖上顯示有內(nèi)容項；將第二視圖覆蓋顯示在所述第一視圖上;接收第一移動指令，控制所述內(nèi)容項在所述第一視圖中按照第一預(yù)定方向進行移動;監(jiān)測所述內(nèi)容項在所述第一預(yù)定方向進行移動的移動距離；當監(jiān)測到所述移動距離大于預(yù)定距離閾值時，隱藏所述第二視圖。通過將第二視圖覆蓋顯示在第一視圖上，當?shù)谝灰晥D中的內(nèi)容項按照第一預(yù)定方向進行移動的移動距離大于預(yù)定距離閾值時，隱藏第二視圖，由于在隱藏第二視圖后，第一視圖中原本被第二視圖覆蓋的區(qū)域被會顯示;解決了視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示;達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
[0007]可選的，所述第二視圖包括顯示內(nèi)容為空的空內(nèi)容項，所述空內(nèi)容項的顯示區(qū)域與所述第二視圖的區(qū)域的尺寸相同，所述將所述第二視圖覆蓋顯示在所述第一視圖上，包括:將所述第二視圖覆蓋顯示在所述空內(nèi)容項上。當?shù)诙晥D覆蓋顯示在空內(nèi)容項上，第一視圖中顯示有內(nèi)容的內(nèi)容項會顯示在未被第二視圖覆蓋的區(qū)域內(nèi)，避免用戶無法瀏覽顯示在被第二視圖覆蓋的區(qū)域內(nèi)的內(nèi)容項。
[0008]可選的，所述第一視圖中的內(nèi)容項被按序顯示，所述將所述第二視圖覆蓋顯示在所述第一視圖上，包括:確定出與所述第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項;在同時顯示所述第二視圖和所述第一視圖時，將所述確定出的內(nèi)容項作為所述第一視圖中未被所述第二視圖覆蓋的第一個內(nèi)容項進行顯示。由于在同時顯示所述第二視圖和所述第一視圖時，與第一視圖中顯示的內(nèi)容對應(yīng)的第二視圖中的內(nèi)容項，可以作為第二視圖中未被第一視圖覆蓋的第一個內(nèi)容項進行顯示，便于提示用戶當前第一視圖中顯示的內(nèi)容所對應(yīng)的內(nèi)容項。
[0009]可選的，所述方法還包括:當監(jiān)測到所述移動距離小于所述預(yù)定距離閾值時，維持所述第二視圖不變，或者，控制所述第二視圖按照所述第一預(yù)定方向與所述內(nèi)容項進行同步移動。
[0010]可選的，所述方法還包括:接收第二移動指令，控制所述內(nèi)容項在所述第一視圖中按照第二預(yù)定方向進行移動，所述第二預(yù)定方向與所述第一預(yù)定方向相反；當所述內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的所述第二視圖。當內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的第二視圖，便于用戶及時瀏覽第二視圖中的內(nèi)容。
[0011]可選的，所述指定內(nèi)容項為與所述第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項，所述指定位置為顯示所述第二視圖時，所述第一視圖中未被所述第二視圖覆蓋的區(qū)域。
[0012]可選的，在所述隱藏所述第二視圖之后，所述方法還包括:在顯示所述第二視圖的位置處，替換所述第二視圖顯示與所述第一視圖相關(guān)的標題欄。在隱藏第二視圖后顯示標題欄，提示用戶當前所瀏覽的內(nèi)容的類別。
[0013]可選的，所述第二視圖為用于顯示視頻數(shù)據(jù)的視頻視圖，所述第一視圖為用于顯示所述內(nèi)容項的非視頻視圖，所述內(nèi)容項為非視頻數(shù)據(jù)。
[0014]第二方面，提供了一種視圖顯示裝置，應(yīng)用于智能設(shè)備中，所述裝置包括:第一顯示模塊，用于顯示在顯示頁面中顯示第一視圖，所述第一視圖上顯示有內(nèi)容項;第二顯示模塊，用于將第二視圖覆蓋顯示在所述第一視圖上;第一控制模塊，用于接收第一移動指令，控制所述內(nèi)容項在所述第一視圖中按照第一預(yù)定方向進行移動;監(jiān)測模塊，用于監(jiān)測所述內(nèi)容項在所述第一預(yù)定方向進行移動的移動距離；隱藏模塊，用于當監(jiān)測到所述移動距離大于預(yù)定距離閾值時，隱藏所述第二視圖。
[0015]可選的，所述第二視圖包括顯示內(nèi)容為空的空內(nèi)容項，所述空內(nèi)容項的顯示區(qū)域與所述第二視圖的區(qū)域的尺寸相同，所述第二顯示模塊，還用于:將所述第二視圖覆蓋顯示在所述空內(nèi)容項上。
[0016]可選的，所述裝置還包括:第二控制模塊，用于當監(jiān)測到所述移動距離小于所述預(yù)定距離閾值時，維持所述第二視圖不變，或者，控制所述第二視圖按照所述第一預(yù)定方向與所述內(nèi)容項進行同步移動。
[0017]可選的，所述裝置還包括:第三控制模塊，用于接收第二移動指令，控制所述內(nèi)容項在所述第一視圖中按照第二預(yù)定方向進行移動，所述第二預(yù)定方向與所述第一預(yù)定方向相反;第三顯示模塊，用于當所述內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的所述第二視圖。
[0018]可選的，所述指定內(nèi)容項為與所述第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項，所述指定位置為顯示所述第二視圖時，所述第一視圖中未被所述第二視圖覆蓋的區(qū)域。
[0019]可選的，所述裝置還包括:覆蓋模塊，用于在所述隱藏所述第二視圖之后，在顯示所述第二視圖的位置處，替換所述第二視圖顯示與所述第一視圖相關(guān)的標題欄。
[0020]可選的，所述第二視圖為用于顯示視頻數(shù)據(jù)的視頻視圖，所述第一視圖為用于顯示所述內(nèi)容項的非視頻視圖，所述內(nèi)容項為非視頻數(shù)據(jù)。
【附圖說明】
[0021]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0022]圖1是本發(fā)明一個實施例中提供的視圖顯示方法的流程圖；
[0023]圖2A是本發(fā)明另一個實施例中提供的視圖顯示方法的流程圖；
[0024]圖2B是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在第一視圖上的示意圖；
[0025]圖2C是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在空內(nèi)容項上的示意圖；
[0026]圖2D是本發(fā)明一個實施例中提供的將第二視圖覆蓋顯示在第一視圖上方法的流程圖；
[0027]圖2E是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在空內(nèi)容項上的示意圖；
[0028]圖2F是本發(fā)明一個實施例中提供的控制內(nèi)容項在第一視圖中移動的示意圖；
[0029]圖2G是本發(fā)明一個實施例中提供的內(nèi)容項在第一預(yù)定方向進行移動的示意圖；
[0030]圖2H是本發(fā)明一個實施例中提供的內(nèi)容項在第二預(yù)定方向進行移動的示意圖；
[0031]圖3A是本發(fā)明一個實施例中提供的視圖顯示裝置的結(jié)構(gòu)方框圖；
[0032]圖3B是本發(fā)明另一個實施例中提供的視圖顯示裝置的結(jié)構(gòu)方框圖。
【具體實施方式】
[0033]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對本發(fā)明實施方式作進一步地詳細描述。
[0034]圖1是本發(fā)明一個實施例中提供的視圖顯示方法的流程圖，該視圖顯示方法應(yīng)用于智能設(shè)備中，這里所講的智能設(shè)備可以包括智能手機、平板電腦、臺式電腦、多媒體播放器、智能電視等。如圖1所示，該視圖顯示方法包括以下步驟。
[0035]步驟101，在顯示頁面中顯示第一視圖，該第一視圖上顯示有內(nèi)容項。
[0036]步驟102，將第二視圖覆蓋顯示在第一視圖上。
[0037]步驟103，接收第一移動指令，控制內(nèi)容項在第一視圖中按照第一預(yù)定方向進行移動。
[0038]步驟104，監(jiān)測內(nèi)容項在第一預(yù)定方向進行移動的移動距離。
[0039]步驟105，當監(jiān)測到移動距離大于預(yù)定距離閾值時，隱藏第二視圖。
[0040]綜上所述，本發(fā)明實施例中提供的視圖顯示方法，通過將第二視圖覆蓋顯示在第一視圖上，當?shù)谝灰晥D中的內(nèi)容項按照第一預(yù)定方向進行移動的移動距離大于預(yù)定距離閾值時，隱藏第二視圖，由于在隱藏第二視圖后，第一視圖中原本被第二視圖覆蓋的區(qū)域被會顯示;解決了視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示;達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
[0041]圖2A是本發(fā)明另一個實施例中提供的視圖顯示方法的流程圖，該視圖顯示方法應(yīng)用于智能設(shè)備中，這里所講的智能設(shè)備可以包括智能手機、平板電腦、臺式電腦、多媒體播放器、智能電視等。如圖2A所示，該視圖顯示方法包括以下步驟。
[0042]步驟201，在顯示頁面中顯示第一視圖，該第一視圖上顯示有內(nèi)容項。
[0043]這里所講的顯示頁面可以是瀏覽器中所展示的頁面，也可以是其他應(yīng)用程序的一個顯示頁面。
[0044]這里所講的第一視圖用于承載了至少一條內(nèi)容項。
[0045]—條內(nèi)容項可以為一段文字描述，或者為文字與圖標結(jié)合后的描述，還可以為一條鏈接等。
[0046]可選的，一條內(nèi)容項為一條目錄，比如可以是視頻所對應(yīng)目錄，該目錄可以為鏈接。
[0047]步驟202，將第二視圖覆蓋顯示在第一視圖上。
[0048]這里所講的第二視圖是與第一視圖相互獨立的視圖。
[0049]第二視圖可以用于承載與第一視圖所承載的內(nèi)容的類型相同的內(nèi)容，也可以用于承載與第一視圖承載的內(nèi)容不同類型的內(nèi)容。
[0050]比如，第一視圖用于承載文本，第二視圖可以用于承載多媒體數(shù)據(jù)，比如常見的視頻數(shù)據(jù)。
[0051 ]以教學(xué)視頻為例，第二視圖用于承載各個章節(jié)的視頻數(shù)據(jù)，第一視圖用于承載各個章節(jié)的目錄。
[0052]一般來講，第一視圖所承載的內(nèi)容與第二視圖所承載的內(nèi)容相對應(yīng)。
[0053]當?shù)诙晥D覆蓋顯示在第一視圖上，第一視圖上被第二視圖覆蓋的區(qū)域無法被顯不O
[0054]圖2B是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在第一視圖上的示意圖。其中，圖2B(1)為第二視圖覆蓋顯示在第一視圖上的分解圖，圖2B(2)為第二視圖覆蓋顯示在第一視圖上的效果圖，第一視圖10在最底層，第二視圖20覆蓋顯示在第一視圖10上，被第二視圖20覆蓋的區(qū)域11(第一視圖10上虛線框所指示的區(qū)域)無法顯示。
[0055]可選的，第一視圖包括顯示內(nèi)容為空的空內(nèi)容項，在將第二視圖覆蓋顯示在第一視圖上時，將第二視圖覆蓋顯示在空內(nèi)容項上。
[0056]這里所講的空內(nèi)容項的顯示區(qū)域與該第二視圖的區(qū)域的尺寸相同。當?shù)诙晥D覆蓋顯示在空內(nèi)容項上，第一視圖中顯示有內(nèi)容的內(nèi)容項會顯示在未被第二視圖覆蓋的區(qū)域內(nèi)。
[0057]圖2C是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在空內(nèi)容項上的示意圖。其中，圖2C(1)為第二視圖覆蓋顯示在空內(nèi)容項上的分解圖，圖2C(2)為第二視圖覆蓋顯示在空內(nèi)容項上的效果圖，第一視圖10和空內(nèi)容項30在最底層，第二視圖20覆蓋顯示在空內(nèi)容項30上。
[0058]在一種可能實現(xiàn)的情況下，在同時顯示第一視圖和第二視圖時，為了便于提示用戶當前第一視圖中顯示的內(nèi)容所對應(yīng)的內(nèi)容項，智能終端在顯示第一視圖時，會將與該第一視圖中顯示的內(nèi)容對應(yīng)的第二視圖中的內(nèi)容項，作為第二視圖中未被第一視圖覆蓋的第一個內(nèi)容項進行顯示。也就是說，在同時顯示第一視圖和第二視圖時，第一視圖中顯示的未被第二視圖覆蓋的第一個內(nèi)容項即為第二視圖中當前正在顯示的內(nèi)容的對應(yīng)內(nèi)容項。當?shù)诙晥D中顯示的內(nèi)容切換為下一個內(nèi)容項對應(yīng)的內(nèi)容時，第一視圖中未被第二視圖覆蓋的第一個內(nèi)容項可以自動切換為第二視圖正在顯示的內(nèi)容的對應(yīng)內(nèi)容項。
[0059]可選的，智能設(shè)備在將第二視圖覆蓋顯示在第一視圖上時，可以參見圖2D中的步驟。
[0060]步驟202a，確定出與第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項。
[0061]一般來講，第二視圖中顯示的內(nèi)容可以被更新，也即，第二視圖可以依序顯示不同的內(nèi)容。以教學(xué)視頻為例，第二視圖可以依序顯示不同章節(jié)視頻段的視圖數(shù)據(jù)。
[0062]第二視圖中的章節(jié)視頻段可以與第一視圖中的內(nèi)容項進行一一對應(yīng)，比如第一視圖中包括的內(nèi)容項依序為第一章第一節(jié)、第一章第二節(jié)、第二章第一節(jié)、第二章第二節(jié)等，對應(yīng)的，第二視圖中依序顯示有第一章第一節(jié)所對應(yīng)的視頻段、第一章第二節(jié)所對應(yīng)的視頻段、第二章第一節(jié)所對應(yīng)的視頻段以及第二章第二節(jié)所對應(yīng)的視頻段等。
[0063]根據(jù)第二視圖中顯示內(nèi)容與第一視圖中內(nèi)容項的對應(yīng)關(guān)系，智能設(shè)備可以確定出第一視圖中所具有的與第二視圖當前顯示的內(nèi)容對應(yīng)的內(nèi)容項。
[0064]步驟202b，在同時顯示第二視圖和第一視圖時，將確定出的內(nèi)容項作為該第一視圖中未被該第二視圖覆蓋的第一個內(nèi)容項進行顯示。
[0065]由于第二視圖中顯示的內(nèi)容所對應(yīng)的內(nèi)容項最可能被用戶查看，因此可以將該內(nèi)容項控制顯示在第一視圖中未被第二視圖覆蓋的區(qū)域中的最前面，也即，可以將該內(nèi)容項作為第一視圖中未被該第二視圖覆蓋的第一個內(nèi)容項進行顯示。
[0066]圖2E是本發(fā)明一個實施例中提供的第二視圖覆蓋顯示在空內(nèi)容項上的示意圖。如圖2E所示，第一視圖中未被該第二視圖覆蓋的區(qū)域用區(qū)域12表示(第一視圖10上虛線框所指示的區(qū)域)，若顯示頁面上所顯示的第二視圖20中的內(nèi)容與第一視圖10中的內(nèi)容項1a對應(yīng)，內(nèi)容項1a則作為第二視圖中未被第一視圖10覆蓋的第一個內(nèi)容項在區(qū)域12中進行顯不O
[0067]在一種可能實現(xiàn)的情況下，在步驟202實現(xiàn)將第二視圖覆蓋顯示在第一視圖上時，可以控制第一視圖中的內(nèi)容項向第一預(yù)定方向或者第二預(yù)定方向進行移動。此時可以根據(jù)第一視圖中的內(nèi)容項的移動方向，實施不同的處理流程。具體參見步驟203至步驟209的內(nèi)容，其中，步驟203至步驟207為第一視圖中的內(nèi)容項向第一預(yù)定方向時的處理流程，步驟208至步驟209第一視圖中的內(nèi)容項向第二預(yù)定方向時的處理流程。
[0068]步驟203，接收第一移動指令，控制內(nèi)容項在第一視圖中按照第一預(yù)定方向進行移動。
[0069]第一移動指令可以是滑動指令，也可以是對顯示頁面顯示的指定控件觸發(fā)后產(chǎn)生的移動指令，還可以是按照預(yù)定移動軌跡移動智能設(shè)備時產(chǎn)生的指令。
[0070]當智能設(shè)備接收到第一移動指令后，可以控制第一視圖中的所有內(nèi)容項均按照第一預(yù)定方向以相同的移動速度進行移動。
[0071]圖2F是本發(fā)明一個實施例中提供的控制內(nèi)容項在第一視圖中移動的示意圖，如圖2F所示，智能設(shè)備接收到用戶觸發(fā)的第一移動指令后，控制內(nèi)容項10b、內(nèi)容項10c、內(nèi)容項1d和和內(nèi)容項1e在第一視圖10中按照第一預(yù)定方向40以相同的移動速度進行移動。在第一視圖10中的所有內(nèi)容項均按照第一預(yù)定方向40進行移動的過程中，當顯示在第一視圖10中最前面的內(nèi)容項1b被移動至第一視圖10的上邊界13時會被隱藏，顯示在第一視圖10中最后面的內(nèi)容項1e之后未顯示的內(nèi)容項會依次在第一視圖10中顯示。
[0072]步驟204，監(jiān)測內(nèi)容項在第一預(yù)定方向進行移動的移動距離。
[0073]這里所講的移動距離，可以是絕對距離，也可以是某個內(nèi)容項在智能設(shè)備的屏幕上，或者在第一視圖中移動時的相對距離。
[0074]智能設(shè)備可以在第一視圖中選取內(nèi)容項中指定內(nèi)容項的任一邊作為參考邊，檢測該參考邊在移動方向上的位移，將該位移作為內(nèi)容項移動的移動距離。其中，當移動方向為豎向時，智能設(shè)備將指定內(nèi)容項的橫向邊作為參考邊，將該橫向邊在Y坐標上的位移作為內(nèi)容項的移動距離，當移動方向為橫向時，智能設(shè)備將指定內(nèi)容項的豎向邊作為參考邊，將該橫向邊在X坐標上的位移作為內(nèi)容項的移動距離。
[0075]智能設(shè)備也可以在第一視圖中選取任一點作為參考點，檢測該參考點在移動方向上的位移，將該位移作為內(nèi)容項移動的移動距離。
[0076]當智能設(shè)備選取內(nèi)容項中指定內(nèi)容項的任一邊作為參考邊，對內(nèi)容項的移動距離進行監(jiān)測時，請參見圖2G，圖2G是本發(fā)明一個實施例中提供的內(nèi)容項在第一預(yù)定方向進行移動的示意圖。設(shè)內(nèi)容項1f為指定內(nèi)容項，由于第一預(yù)定方向40為豎向，因此智能設(shè)備可以將內(nèi)容項1f的橫向邊界1fl作為參考邊界，當內(nèi)容項1f的橫向邊界1fl由起始位置Y=A移動至Y = B時，橫向邊界1fl在Y坐標上的位移Z為內(nèi)容項1f在第一預(yù)定方向40進行移動的移動距離。
[0077]在一種可能實現(xiàn)的情況下，在步驟204實現(xiàn)監(jiān)測內(nèi)容項在第一預(yù)定方向進行移動的移動距離時，可以根據(jù)所監(jiān)測到的移動距離是否大于預(yù)定距離閾值，實施不同的處理流程。具體參見步驟205至步驟206的內(nèi)容，其中，步驟205為監(jiān)測到的移動距離小于預(yù)定距離閾值的處理流程，步驟206為監(jiān)測到的移動距離大于預(yù)定距離閾值的處理流程。
[0078]步驟205，當監(jiān)測到移動距離小于預(yù)定距離閾值時，維持第二視圖不變，或者，控制該第二視圖按照第一預(yù)定方向與內(nèi)容項進行同步移動。
[0079]這里所講的同步移動是指當監(jiān)測到移動距離小于預(yù)定距離閾值時，可以控制第二視圖按照第一預(yù)定方向以相同的移動速度與內(nèi)容項一并進行移動。
[0080]當智能設(shè)備監(jiān)測到移動距離小于預(yù)定距離閾值時，可以不隱藏或移動第二視圖，讓第二視圖始終覆蓋顯示在第一視圖上，也可以控制第二視圖按照第一預(yù)定方向與內(nèi)容項進行同步移動。
[0081 ]步驟206，當監(jiān)測到移動距離大于預(yù)定距離閾值時，隱藏第二視圖。
[0082]由于在隱藏第二視圖后，第一視圖中原本被第二視圖覆蓋的區(qū)域被會顯示，因此第一視圖中可以顯示更多的內(nèi)容項，達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
[0083]需要說明的是，本實施例不限定預(yù)定距離閾值的大小。
[0084]可選的，當內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，隱藏第二視圖。
[0085]這里所講的指定位置可以用指定坐標(X，Y)來表示。當在第一視圖中選取任一點作為參考點，當參考點移動至指定坐標時，隱藏第二視圖。
[0086]這里所講的指定位置可以用指定X坐標或指定Y坐標來表示。在第一視圖中選取內(nèi)容項中指定內(nèi)容項的任一邊作為參考邊，當參考邊移動至指定X坐標或指定Y坐標時，隱藏第二視圖。
[0087]當智能設(shè)備在第一視圖中選取內(nèi)容項中指定內(nèi)容項的任一邊作為參考邊，用指定Y坐標來表示指定位置時，仍參見圖2G，設(shè)內(nèi)容項1f為指定內(nèi)容項，Y = B為指定位置，智能設(shè)備將內(nèi)容項1f的橫向邊界1fl作為參考邊界，當內(nèi)容項1f的橫向邊界1fl由位置Y = A移動至Y = B時，隱藏第二視圖20。
[0088]步驟207，在顯示該第二視圖的位置處，替換該第二視圖顯示與第一視圖相關(guān)的標題欄。
[0089]仍參見圖2G，智能設(shè)備隱藏第二視圖20后，在顯示該第二視圖20的C位置處，替換該第二視圖20顯示與第一視圖10相關(guān)的標題欄60。當智能設(shè)備將標題欄替換第二視圖進行顯示時，在第一視圖未被覆蓋的部分將由區(qū)域14(圖2G(1)中虛線框所指示的區(qū)域)更改為區(qū)域15(圖2G(2)中虛線框所指示的區(qū)域)。
[0090]步驟208，接收第二移動指令，控制內(nèi)容項在第一視圖中按照第二預(yù)定方向進行移動。
[0091]第二移動指令可以是滑動指令，也可以是對顯示頁面顯示的指定控件觸發(fā)后產(chǎn)生的移動指令，還可以是按照預(yù)定移動軌跡移動智能設(shè)備時產(chǎn)生的指令。
[0092]當智能設(shè)備接收到第二移動指令后，可以控制第一視圖中的所有內(nèi)容項均按照第二預(yù)定方向以相同的移動速度進行移動。
[0093]需要說明的是，本實施例中的第二預(yù)定方向與第一預(yù)定方向相反。
[0094]仍參見圖2F，智能設(shè)備接收到用戶觸發(fā)的第二移動指令后，控制內(nèi)容項1b至1e在第一視圖10中按照第二預(yù)定方向50以相同的移動速度進行移動。在第一視圖10中的所有內(nèi)容項均按照第一預(yù)定方向50進行移動的過程中，當顯示在第一視圖10中最后面的內(nèi)容項1e被移動至第一視圖10的下邊界16時會隱藏，顯示在第一視圖10中最前面的內(nèi)容項1b之后未顯示的內(nèi)容項會依次在第一視圖10中顯示。
[0095]需要說明的是，本實施例中圖2F中第一預(yù)定方向40和第二預(yù)定方向50僅為舉例說明，并不對本實施例中第一預(yù)定方向和第二預(yù)定方向的具體方向構(gòu)成限定。
[0096]步驟209，當內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的第二視圖。
[0097]在顯示被隱藏的第二視圖后，第一視圖中的部分區(qū)域會被第二視圖覆蓋。
[0098]當智能設(shè)備在第一視圖中選取內(nèi)容項中指定內(nèi)容項的任一邊作為參考邊，用指定Y坐標來表示指定位置時，請參考2H，圖2H是本發(fā)明一個實施例中提供的內(nèi)容項在第二預(yù)定方向進行移動的示意圖。內(nèi)容項1g在第二預(yù)定方向50開始移動，設(shè)內(nèi)容項1gl為指定內(nèi)容項，Y = E為指定位置，智能設(shè)備將內(nèi)容項1g的橫向邊界1gl作為參考邊界，當內(nèi)容項1g的橫向邊界1gl由位置Y = D移動至Y = E時，顯示被隱藏的第二視圖20，第一視圖的部分區(qū)域17(虛線框所指示的區(qū)域)將被第二視圖20覆蓋。
[0099]綜上所述，本發(fā)明實施例中提供的視圖顯示方法，通過將第二視圖覆蓋顯示在第一視圖上，當?shù)谝灰晥D中的內(nèi)容項按照第一預(yù)定方向進行移動的移動距離大于預(yù)定距離閾值時，隱藏第二視圖，由于在隱藏第二視圖后，第一視圖中原本被第二視圖覆蓋的區(qū)域被會顯示;解決了視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示;達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
[0100]在本實施例中，由于在同時顯示所述第二視圖和所述第一視圖時，與第一視圖中顯示的內(nèi)容對應(yīng)的第二視圖中的內(nèi)容項，可以作為第二視圖中未被第一視圖覆蓋的第一個內(nèi)容項進行顯示，便于提示用戶當前第一視圖中顯示的內(nèi)容所對應(yīng)的內(nèi)容項。
[0101]下述為本發(fā)明裝置實施例，對于裝置實施例中未詳盡描述的細節(jié)，可以參考上述——對應(yīng)的方法實施例。
[0102]圖3A是本發(fā)明一個實施例中提供的視圖顯示裝置的結(jié)構(gòu)方框圖，該視圖顯示裝置應(yīng)用于智能設(shè)備中，這里所講的智能設(shè)備可以包括智能手機、平板電腦、臺式電腦、多媒體播放器、智能電視等。如圖3A所示，該視圖顯示裝置包括:第一顯示模塊301、第二顯示模塊302、第一控制模塊303、監(jiān)測模塊304和隱藏模塊305。
[0103]第一顯示模塊301，用于在顯示頁面中顯示第一視圖，該第一視圖上顯示有內(nèi)容項；
[0104]第二顯示模塊302，用于將第二視圖覆蓋顯示在第一視圖上；
[0105]第一控制模塊303，用于接收第一移動指令，控制內(nèi)容項在第一視圖中按照第一預(yù)定方向進行移動；
[0106]監(jiān)測模塊304，用于監(jiān)測內(nèi)容項在第一預(yù)定方向進行移動的移動距離；
[0107]隱藏模塊305，用于當監(jiān)測到移動距離大于預(yù)定距離閾值時，隱藏第二視圖。
[0108]在一種可能的實現(xiàn)方式中，請參見圖3B所示，其是本發(fā)明另一個實施例中提供的視圖顯示裝置的結(jié)構(gòu)方框圖，第二視圖包括顯示內(nèi)容為空的空內(nèi)容項，該空內(nèi)容項的顯示區(qū)域與該第二視圖的區(qū)域的尺寸相同，該第二顯示模塊302，還用于:
[0109]將第二視圖覆蓋顯示在空內(nèi)容項上。
[0110]仍參見圖3B，該裝置還包括:第二控制模塊306。
[0111]第二控制模塊306，用于當監(jiān)測到移動距離小于預(yù)定距離閾值時，維持第二視圖不變，或者，控制該第二視圖按照第一預(yù)定方向與內(nèi)容項進行同步移動。
[0112]仍參見圖3B，該裝置還包括:第三控制模塊307和第三顯示模塊308。
[0113]第三控制模塊307，用于接收第二移動指令，控制內(nèi)容項在第一視圖中按照第二預(yù)定方向進行移動，該第二預(yù)定方向與第一預(yù)定方向相反；
[0114]第三顯示模塊308，用于當內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的第二視圖。
[0115]仍參見圖3B，該裝置還包括:覆蓋模塊309。
[0116]覆蓋模塊309，用于在隱藏第二視圖之后，在顯示該第二視圖的位置處，替換該第二視圖顯示與第一視圖相關(guān)的標題欄。
[0117]綜上所述，本發(fā)明實施例中提供的視圖顯示裝置，通過將第二視圖覆蓋顯示在第一視圖上，當?shù)谝灰晥D中的內(nèi)容項按照第一預(yù)定方向進行移動的移動距離大于預(yù)定距離閾值時，隱藏第二視圖，由于在隱藏第二視圖后，第一視圖中原本被第二視圖覆蓋的區(qū)域被會顯示;解決了視頻視圖被始終固定顯示在智能設(shè)備的屏幕上的顯示方式，導(dǎo)致用戶在僅需要查看更多的非視頻視圖中的內(nèi)容時，仍舊會同時顯示視頻數(shù)據(jù)，限制了非視頻視圖中內(nèi)容的顯示;達到了當用戶查看更多的第一視圖中的內(nèi)容項時，隱藏第二視圖，增加顯示第一視圖中的內(nèi)容項的區(qū)域的效果。
[0118]在本實施例中，由于在同時顯示所述第二視圖和所述第一視圖時，與第一視圖中顯示的內(nèi)容對應(yīng)的第二視圖中的內(nèi)容項，可以作為第二視圖中未被第一視圖覆蓋的第一個內(nèi)容項進行顯示，便于提示用戶當前第一視圖中顯示的內(nèi)容所對應(yīng)的內(nèi)容項。
[0119]需要說明的是:上述實施例中提供的視圖顯示裝置在顯示視圖時，僅以上述各功能模塊的劃分進行舉例說明，實際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將智能設(shè)備的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實施例提供的視圖顯示裝置與視圖顯示方法實施例屬于同一構(gòu)思，其具體實現(xiàn)過程詳見方法實施例，這里不再贅述。
[0120]上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。
[0121]本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述實施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質(zhì)中，上述提到的存儲介質(zhì)可以是只讀存儲器，磁盤或光盤等。
[0122]以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。
【主權(quán)項】
1.一種視圖顯示方法，其特征在于，應(yīng)用于智能設(shè)備中，所述方法包括: 在顯示頁面中顯示第一視圖，所述第一視圖上顯示有內(nèi)容項； 將第二視圖覆蓋顯示在所述第一視圖上； 接收第一移動指令，控制所述內(nèi)容項在所述第一視圖中按照第一預(yù)定方向進行移動； 監(jiān)測所述內(nèi)容項在所述第一預(yù)定方向進行移動的移動距離； 當監(jiān)測到所述移動距離大于預(yù)定距離閾值時，隱藏所述第二視圖。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述第二視圖包括顯示內(nèi)容為空的空內(nèi)容項，所述空內(nèi)容項的顯示區(qū)域與所述第二視圖的區(qū)域的尺寸相同，所述將第二視圖覆蓋顯示在所述第一視圖上，包括: 將所述第二視圖覆蓋顯示在所述空內(nèi)容項上。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 當監(jiān)測到所述移動距離小于所述預(yù)定距離閾值時，維持所述第二視圖不變，或者，控制所述第二視圖按照所述第一預(yù)定方向與所述內(nèi)容項進行同步移動。4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 接收第二移動指令，控制所述內(nèi)容項在所述第一視圖中按照第二預(yù)定方向進行移動，所述第二預(yù)定方向與所述第一預(yù)定方向相反； 當所述內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的所述第二視圖。5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述指定內(nèi)容項為與所述第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項，所述指定位置為顯示所述第二視圖時，所述第一視圖中未被所述第二視圖覆蓋的區(qū)域。6.根據(jù)權(quán)利要求1所述的方法，其特征在于，在所述隱藏所述第二視圖之后，所述方法還包括: 在顯示所述第二視圖的位置處，替換所述第二視圖顯示與所述第一視圖相關(guān)的標題欄。7.根據(jù)權(quán)利要求1至6中任一所述的方法，其特征在于，所述第二視圖為用于顯示視頻數(shù)據(jù)的視頻視圖，所述第一視圖為用于顯示所述內(nèi)容項的非視頻視圖，所述內(nèi)容項為非視頻數(shù)據(jù)。8.—種視圖顯示裝置，其特征在于，應(yīng)用于智能設(shè)備中，所述裝置包括: 第一顯示模塊，用于顯示在顯示頁面中顯示第一視圖，所述第一視圖上顯示有內(nèi)容項； 第二顯示模塊，用于將第二視圖覆蓋顯示在所述第一視圖上； 第一控制模塊，用于接收第一移動指令，控制所述內(nèi)容項在所述第一視圖中按照第一預(yù)定方向進行移動； 監(jiān)測模塊，用于監(jiān)測所述內(nèi)容項在所述第一預(yù)定方向進行移動的移動距離； 隱藏模塊，用于當監(jiān)測到所述移動距離大于預(yù)定距離閾值時，隱藏所述第二視圖。9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述第二視圖包括顯示內(nèi)容為空的空內(nèi)容項，所述空內(nèi)容項的顯示區(qū)域與所述第二視圖的區(qū)域的尺寸相同，所述第二顯示模塊，還用于: 將所述第二視圖覆蓋顯示在所述空內(nèi)容項上。10.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述裝置還包括: 第二控制模塊，用于當監(jiān)測到所述移動距離小于所述預(yù)定距離閾值時，維持所述第二視圖不變，或者，控制所述第二視圖按照所述第一預(yù)定方向與所述內(nèi)容項進行同步移動。11.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述裝置還包括: 第三控制模塊，用于接收第二移動指令，控制所述內(nèi)容項在所述第一視圖中按照第二預(yù)定方向進行移動，所述第二預(yù)定方向與所述第一預(yù)定方向相反； 第三顯示模塊，用于當所述內(nèi)容項中的指定內(nèi)容項被移動至指定位置時，顯示被隱藏的所述第二視圖。12.根據(jù)權(quán)利要求11所述的裝置，其特征在于，所述指定內(nèi)容項為與所述第二視圖中顯示的內(nèi)容對應(yīng)的內(nèi)容項，所述指定位置為顯示所述第二視圖時，所述第一視圖中未被所述第二視圖覆蓋的區(qū)域。13.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述裝置還包括: 覆蓋模塊，用于在所述隱藏所述第二視圖之后，在顯示所述第二視圖的位置處，替換所述第二視圖顯示與所述第一視圖相關(guān)的標題欄。14.根據(jù)權(quán)利要求8至13中任一所述的裝置，其特征在于，所述第二視圖為用于顯示視頻數(shù)據(jù)的視頻視圖，所述第一視圖為用于顯示所述內(nèi)容項的非視頻視圖，所述內(nèi)容項為非視頻數(shù)據(jù)。
【文檔編號】G06F3/0481GK106020590SQ201610302299
【公開日】2016年10月12日
【申請日】2016年5月9日
【發(fā)明人】李楊, 孫煒, 羅海光
【申請人】騰訊科技（深圳）有限公司