本發(fā)明涉及顯示技術(shù)領(lǐng)域，尤其涉及一種在電子設(shè)備的顯示頁(yè)面上實(shí)現(xiàn)內(nèi)容輪播的方法、裝置和一種非暫時(shí)性可讀存儲(chǔ)介質(zhì)。

背景技術(shù)：

隨著信息技術(shù)的快速發(fā)展，電子設(shè)備(例如手機(jī)、平板電腦等終端)上的應(yīng)用(例如電商類(lèi)app、新聞?lì)恆pp等)會(huì)不定時(shí)地向用戶推送公告、推廣類(lèi)或其它類(lèi)別的信息。信息的種類(lèi)繁多，通常以文字、圖形、圖像、聲音、影像和動(dòng)畫(huà)等形式存在，為了節(jié)省顯示頁(yè)面的空間同時(shí)顯示全部信息內(nèi)容，通常會(huì)在應(yīng)用的主頁(yè)位置(或其它顯示頁(yè)面)，將全部信息內(nèi)容匯總到一個(gè)可以上下(或左右或其它方向)輪播的bannerview(橫幅輪播頁(yè))中，用戶點(diǎn)擊bannerview中當(dāng)前顯示的信息內(nèi)容即可跳轉(zhuǎn)至相應(yīng)頁(yè)面或?qū)崿F(xiàn)相應(yīng)的功能。

現(xiàn)有的技術(shù)方案中，大多應(yīng)用(app)使用viewpager或viewflipper等控件進(jìn)行控制，通過(guò)自動(dòng)或響應(yīng)于用戶的手動(dòng)操作翻轉(zhuǎn)bannerview中的內(nèi)容視圖，實(shí)現(xiàn)輪播效果。但是，這種實(shí)現(xiàn)形式的過(guò)程復(fù)雜，會(huì)導(dǎo)致應(yīng)用過(guò)多地占用電子設(shè)備的內(nèi)存，導(dǎo)致應(yīng)用的輪播性能降低。并且，該實(shí)現(xiàn)形式在部分特殊場(chǎng)景下(例如，在一個(gè)布局層次很深的界面上)不能流暢地進(jìn)行輪播展示，輪播效果較差，給用戶帶來(lái)很不好的體驗(yàn)效果。

因此，仍然需要一種改進(jìn)的內(nèi)容輪播的實(shí)現(xiàn)方案。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明的目的是提供一種內(nèi)容輪播的方法、裝置、電子設(shè)備和存儲(chǔ)介質(zhì)，以快速、高效地實(shí)現(xiàn)內(nèi)容輪播效果，提高輪播性能。

根據(jù)本發(fā)明的一個(gè)方面，提供了一種在顯示頁(yè)面上實(shí)現(xiàn)內(nèi)容輪播的方法，包括：在顯示頁(yè)面上設(shè)置展示窗；與展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器，內(nèi)容容器中沿第一方向依次排列多個(gè)內(nèi)容視圖，至少一個(gè)所述內(nèi)容視圖透過(guò)所述展示窗而在所述顯示頁(yè)面上可見(jiàn)；以及通過(guò)移動(dòng)內(nèi)容容器來(lái)進(jìn)行內(nèi)容視圖輪換，從而將當(dāng)前可見(jiàn)的第一內(nèi)容視圖變?yōu)橹辽俨糠植豢梢?jiàn)，而使第一內(nèi)容視圖之后的第二內(nèi)容視圖變?yōu)榭梢?jiàn)。

由此，通過(guò)與展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器，并對(duì)整個(gè)內(nèi)容容器進(jìn)行移動(dòng)操作和可見(jiàn)性操作，使得多個(gè)內(nèi)容視圖能夠輪流流暢地展示在展示窗中，快速、高效地實(shí)現(xiàn)內(nèi)容輪播效果，提升輪播性能。

優(yōu)選地，內(nèi)容容器的可見(jiàn)屬性可以被設(shè)置為其中與展示窗相重疊的部分可見(jiàn)，而不與展示窗重疊的部分不可見(jiàn)。

優(yōu)選地，通過(guò)移動(dòng)內(nèi)容容器進(jìn)行內(nèi)容視圖輪換的步驟包括：將內(nèi)容容器沿與第一方向相反的第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖可見(jiàn)；在內(nèi)容容器中，對(duì)多個(gè)內(nèi)容視圖分別重新定位，從而將第一方向上的第一個(gè)內(nèi)容視圖移到第一方向的末尾，其它各內(nèi)容視圖分別沿第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖之后的第三內(nèi)容視圖可見(jiàn)；以及使內(nèi)容容器返回初始設(shè)置的位置，從而使得第二內(nèi)容視圖可見(jiàn)。

由此，通過(guò)移動(dòng)內(nèi)容容器和重新定位內(nèi)容容器中的多個(gè)內(nèi)容視圖，快速實(shí)現(xiàn)內(nèi)容視圖的輪換。

優(yōu)選地，以動(dòng)畫(huà)方式顯示沿第二方向移動(dòng)內(nèi)容容器的過(guò)程，在內(nèi)容容器中，以非動(dòng)畫(huà)方式直接對(duì)多個(gè)內(nèi)容視圖分別重新定位，并且以非動(dòng)畫(huà)方式直接使內(nèi)容容器返回初始設(shè)置的位置。

由此，顯示切換不突兀，顯示內(nèi)容切換后內(nèi)容視圖的重新定位和內(nèi)容容器的回位用戶看不到。

在內(nèi)容視圖輪換過(guò)程中，可以周期性地執(zhí)行通過(guò)移動(dòng)內(nèi)容容器進(jìn)行內(nèi)容視圖輪換的步驟。也可以針對(duì)每個(gè)內(nèi)容視圖，分別設(shè)定顯示時(shí)間長(zhǎng)度，響應(yīng)于當(dāng)前內(nèi)容視圖被顯示的時(shí)間長(zhǎng)度達(dá)到顯示時(shí)間長(zhǎng)度，執(zhí)行通過(guò)移動(dòng)內(nèi)容容器進(jìn)行內(nèi)容視圖輪換的步驟。還可以響應(yīng)于用戶的預(yù)定操作，執(zhí)行通過(guò)移動(dòng)內(nèi)容容器進(jìn)行內(nèi)容視圖輪換的步驟。

優(yōu)選地，內(nèi)容容器的位置可以被初始設(shè)置為使得其中任何一個(gè)內(nèi)容視圖可見(jiàn)；或者內(nèi)容容器的位置可以被初始設(shè)置為使得其中第一方向上的第一個(gè)內(nèi)容視圖可見(jiàn)。

優(yōu)選地，內(nèi)容視圖的尺寸可以與展示窗的尺寸相適應(yīng)。

優(yōu)選地，在第一方向上，多個(gè)內(nèi)容視圖可以具有相同的尺寸，并且，在第一方向上，展示窗的尺寸可以與內(nèi)容視圖的尺寸相同；或者在第一方向上，展示窗的尺寸可以大于內(nèi)容視圖的尺寸，使得當(dāng)前完全可見(jiàn)的內(nèi)容視圖之前或之后的內(nèi)容視圖至少部分可見(jiàn)。

由此，不需要對(duì)當(dāng)前內(nèi)容視圖、之前或之后的內(nèi)容視圖分別進(jìn)行可見(jiàn)屬性設(shè)置，即可實(shí)現(xiàn)內(nèi)容視圖可見(jiàn)性的切換。

根據(jù)本發(fā)明的另一方面，還提供了一種在顯示頁(yè)面上實(shí)現(xiàn)內(nèi)容輪播的裝置，包括：展示窗設(shè)置模塊，用于在顯示頁(yè)面上設(shè)置展示窗；容器設(shè)置模塊，用于與展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器，內(nèi)容容器中沿第一方向依次排列多個(gè)內(nèi)容視圖，至少一個(gè)所述內(nèi)容視圖透過(guò)所述展示窗而在所述顯示頁(yè)面上可見(jiàn)；以及視圖輪換模塊，用于通過(guò)移動(dòng)內(nèi)容容器來(lái)進(jìn)行內(nèi)容視圖輪換，從而將當(dāng)前可見(jiàn)的第一內(nèi)容視圖變?yōu)橹辽俨糠植豢梢?jiàn)，而使第一內(nèi)容視圖之后的第二內(nèi)容視圖變?yōu)榭梢?jiàn)。

優(yōu)選地，容器設(shè)置模塊可以將內(nèi)容容器的可見(jiàn)屬性設(shè)置為其中與展示窗相重疊的部分可見(jiàn)，而不與展示窗重疊的部分不可見(jiàn)。

優(yōu)選地，視圖輪換模塊包括：容器移動(dòng)模塊，用于將內(nèi)容容器沿與第一方向相反的第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖可見(jiàn)；視圖重定位模塊，用于在內(nèi)容容器中，對(duì)多個(gè)內(nèi)容視圖分別重新定位，從而將第一方向上的第一個(gè)內(nèi)容視圖移到第一方向的末尾，其它各內(nèi)容視圖分別沿第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖之后的第三內(nèi)容視圖可見(jiàn)；以及容器回位模塊，用于使內(nèi)容容器返回初始設(shè)置的位置，從而使得第二內(nèi)容視圖可見(jiàn)。

優(yōu)選地，容器移動(dòng)模塊以動(dòng)畫(huà)方式顯示沿第二方向移動(dòng)內(nèi)容容器的過(guò)程，視圖重定位模塊以非動(dòng)畫(huà)方式直接對(duì)多個(gè)內(nèi)容視圖分別重新定位，并且容器回位模塊以非動(dòng)畫(huà)方式直接使內(nèi)容容器返回初始設(shè)置的位置。

優(yōu)選地，視圖輪換模塊周期性地進(jìn)行內(nèi)容視圖輪換；或者針對(duì)每個(gè)內(nèi)容視圖，分別設(shè)定顯示時(shí)間長(zhǎng)度，視圖輪換模塊響應(yīng)于當(dāng)前內(nèi)容視圖被顯示的時(shí)間長(zhǎng)度達(dá)到顯示時(shí)間長(zhǎng)度，進(jìn)行內(nèi)容視圖輪換；或者視圖輪換模塊響應(yīng)于用戶的預(yù)定操作，進(jìn)行內(nèi)容視圖輪換。

優(yōu)選地，容器設(shè)置模塊可以將內(nèi)容容器的位置初始設(shè)置為使得其中任何一個(gè)內(nèi)容視圖可見(jiàn)；或者容器設(shè)置模塊將內(nèi)容容器的位置初始設(shè)置為使得其中第一方向上的第一個(gè)內(nèi)容視圖可見(jiàn)。

優(yōu)選地，容器設(shè)置模塊還可以將內(nèi)容視圖的尺寸設(shè)置為與展示窗的尺寸相適應(yīng)。

優(yōu)選地，在第一方向上，多個(gè)內(nèi)容視圖具有相同的尺寸，并且，在第一方向上，展示窗的尺寸與內(nèi)容視圖的尺寸相同；或者在第一方向上，展示窗的尺寸大于內(nèi)容視圖的尺寸，使得當(dāng)前完全可見(jiàn)的內(nèi)容視圖之前或之后的內(nèi)容視圖至少部分可見(jiàn)。

根據(jù)本發(fā)明的又一方面，還提供了一種電子設(shè)備，包括：顯示屏幕、處理器以及存儲(chǔ)器。存儲(chǔ)器上存儲(chǔ)有可執(zhí)行代碼，當(dāng)可執(zhí)行代碼被處理器執(zhí)行時(shí)，使處理器執(zhí)行上述的內(nèi)容輪播方法，以在顯示屏幕的顯示頁(yè)面上實(shí)現(xiàn)內(nèi)容輪播。

根據(jù)本發(fā)明的又一方面，還提供了一種非暫時(shí)性機(jī)器可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有可執(zhí)行代碼，當(dāng)可執(zhí)行代碼被電子設(shè)備的處理器執(zhí)行時(shí)，使處理器執(zhí)行上述的內(nèi)容輪播方法。

根據(jù)本發(fā)明的內(nèi)容輪播的方法和裝置，與顯示頁(yè)面上設(shè)置的展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器，通過(guò)對(duì)整個(gè)內(nèi)容容器的移動(dòng)操作和可見(jiàn)屬性操作，快速、高效地實(shí)現(xiàn)內(nèi)容視圖的輪播。內(nèi)容容器的可見(jiàn)屬性可以使得將內(nèi)容容器中當(dāng)前顯示的內(nèi)容視圖限制在展示窗內(nèi)，實(shí)現(xiàn)內(nèi)容視圖在展示窗內(nèi)的逐一呈現(xiàn)。

附圖說(shuō)明

通過(guò)結(jié)合附圖對(duì)本公開(kāi)示例性實(shí)施方式進(jìn)行更詳細(xì)的描述，本公開(kāi)的上述以及其它目的、特征和優(yōu)勢(shì)將變得更加明顯，其中，在本公開(kāi)示例性實(shí)施方式中，相同的參考標(biāo)號(hào)通常代表相同部件。

圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的電子設(shè)備的示意性框圖。

圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的內(nèi)容輪播方法的示意性流程圖。

圖3示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的內(nèi)容視圖輪換步驟的示意性流程圖。

圖4a-4d示出了本發(fā)明一個(gè)示例中在內(nèi)容切換各階段內(nèi)容容器相對(duì)于展示窗的相對(duì)位置關(guān)系示意圖。

圖5示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的內(nèi)容輪播裝置的示意性框圖。

圖6示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的視圖輪換模塊的示意性框圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開(kāi)的優(yōu)選實(shí)施方式。雖然附圖中顯示了本公開(kāi)的優(yōu)選實(shí)施方式，然而應(yīng)該理解，可以以各種形式實(shí)現(xiàn)本公開(kāi)而不應(yīng)被這里闡述的實(shí)施方式所限制。相反，提供這些實(shí)施方式是為了使本公開(kāi)更加透徹和完整，并且能夠?qū)⒈竟_(kāi)的范圍完整地傳達(dá)給本領(lǐng)域的技術(shù)人員。

如前所述，為了使多種形式的信息內(nèi)容能夠在顯示頁(yè)面的bannerview中流暢、高效地輪播展示，本發(fā)明提出一種實(shí)現(xiàn)內(nèi)容輪播的方案。

下面結(jié)合附圖和實(shí)施例詳細(xì)說(shuō)明本發(fā)明的技術(shù)方案。

圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的電子設(shè)備100的示意性框圖。其中，電子設(shè)備100是可以是任何合適的便攜式電子設(shè)備，包括但不限于智能手機(jī)、平板電腦或是其他便攜式客戶端。

如圖1所示，實(shí)現(xiàn)本發(fā)明的內(nèi)容輪播方案的電子設(shè)備100可以具有顯示屏幕110、處理器120和存儲(chǔ)器130。

存儲(chǔ)器130上可以存儲(chǔ)有可執(zhí)行代碼，當(dāng)該可執(zhí)行代碼被處理器120執(zhí)行時(shí)，使處理器120執(zhí)行本發(fā)明的實(shí)現(xiàn)內(nèi)容輪播的方法，以在顯示屏幕110的顯示頁(yè)面上實(shí)現(xiàn)內(nèi)容輪播。

下面參考圖2詳細(xì)描述本發(fā)明的內(nèi)容輪播實(shí)現(xiàn)方法。

圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的實(shí)現(xiàn)內(nèi)容輪播的方法的示意性流程圖。

如圖2所示，在步驟s210，在顯示頁(yè)面上設(shè)置展示窗。

顯示頁(yè)面可以呈現(xiàn)在電子設(shè)備的顯示屏幕上，其可以是各個(gè)瀏覽器或應(yīng)用(app)的主頁(yè)或其它顯示頁(yè)面。展示窗用以展示希望呈現(xiàn)給用戶(例如，查看信息內(nèi)容的公眾用戶)的多個(gè)信息內(nèi)容，用戶可以在展示窗查看信息內(nèi)容，信息內(nèi)容可以包括但不限于文字、圖形、圖像等多種形式。展示窗可以設(shè)置在顯示頁(yè)面的任意位置，例如顯示頁(yè)面的頂部、底部、左側(cè)、右側(cè)，或中部某個(gè)位置，并且其可以被設(shè)置為橫向或縱向等方向。

在步驟s220，與展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器。

內(nèi)容容器中可以容納希望呈現(xiàn)給用戶的多個(gè)信息內(nèi)容，優(yōu)選地信息內(nèi)容可以以內(nèi)容視圖的方式展示。用戶可以依次查看多個(gè)內(nèi)容視圖，并且當(dāng)用戶點(diǎn)擊展示窗內(nèi)顯示的某個(gè)內(nèi)容視圖時(shí)即可跳轉(zhuǎn)至相應(yīng)頁(yè)面，或執(zhí)行預(yù)定操作或?qū)崿F(xiàn)相應(yīng)的功能。

為使得內(nèi)容視圖能夠整齊、有序地展示，可以為多個(gè)內(nèi)容視圖設(shè)置排列方向，優(yōu)選地，可以在內(nèi)容容器中沿第一方向依次排列多個(gè)內(nèi)容視圖。第一方向可以是從上向下、從下向上、從左向右或從右向左等等。

通過(guò)設(shè)置內(nèi)容容器，例如對(duì)內(nèi)容容器的可見(jiàn)屬性、位置、內(nèi)容視圖的尺寸等屬性的設(shè)置，可以使得內(nèi)容容器中的內(nèi)容視圖更好地呈現(xiàn)給用戶。

內(nèi)容容器的可見(jiàn)屬性可以被設(shè)置為至少一個(gè)內(nèi)容視圖可以透過(guò)展示窗而在顯示頁(yè)面上可見(jiàn)，以便于用戶可以通過(guò)展示窗查看內(nèi)容視圖。

內(nèi)容容器的可見(jiàn)屬性也可以被設(shè)置為其中與展示窗相重疊的部分可見(jiàn)，而不與展示窗重疊的部分不可見(jiàn)。這樣，可以將內(nèi)容容器中當(dāng)前顯示的內(nèi)容視圖限制在展示窗內(nèi)，實(shí)現(xiàn)內(nèi)容視圖在展示窗內(nèi)的逐一呈現(xiàn)。

內(nèi)容視圖的尺寸可以被設(shè)置為與展示窗的尺寸相適應(yīng)，以便在展示窗中展示一個(gè)或多個(gè)內(nèi)容視圖。

優(yōu)選地，在第一方向上，多個(gè)內(nèi)容視圖可以具有相同的尺寸。例如，當(dāng)?shù)谝环较驗(yàn)榭v向(從上向下或從下向上)時(shí)，多個(gè)內(nèi)容視圖可以具有相同的高度，以便于在展示窗以均一的形式呈現(xiàn)給用戶。應(yīng)當(dāng)明白，在第一方向上，多個(gè)內(nèi)容視圖的尺寸也可以不相同。

在其他方向(例如，與第一方向垂直的方向)上，多個(gè)內(nèi)容視圖的尺寸可以相同也可以不相同。

展示窗的尺寸可以在一個(gè)方向(例如，第一方向)與內(nèi)容視圖的尺寸相同，也可以不相同。例如，第一方向?yàn)榭v向(從上向下或從下向上)時(shí)，展示窗與內(nèi)容視圖具有相同的高度?；蛘?，第一方向?yàn)榭v向時(shí)，展示窗的高度大于內(nèi)容視圖的高度，從而使得當(dāng)前完全可見(jiàn)的內(nèi)容視圖之前或之后的內(nèi)容視圖至少部分可見(jiàn)。

由此，不需要對(duì)當(dāng)前視圖、之前或之后視圖分別進(jìn)行可見(jiàn)屬性設(shè)置，即可實(shí)現(xiàn)內(nèi)容視圖可見(jiàn)性的切換。

在其他方向(例如，與第一方向垂直的方向)上，展示窗與內(nèi)容視圖的尺寸也可以相同，或者展示窗的尺寸大于內(nèi)容視圖的尺寸。

展示窗的尺寸也可以小于內(nèi)容視圖的尺寸(包括在第一方向或與第一方向垂直的方向等方向)。例如，內(nèi)容視圖有兩行，以此只展示一行?；蛘撸故緝?nèi)容視圖的大部分，不影響用戶識(shí)別內(nèi)容視圖中的信息內(nèi)容(例如，信息內(nèi)容實(shí)際占據(jù)的空間可以小于內(nèi)容視圖的尺寸；或者部分信息內(nèi)容已足以用戶對(duì)其有所了解)。

內(nèi)容容器的位置可以被初始設(shè)置為使得其中任何一個(gè)內(nèi)容視圖可見(jiàn)，即內(nèi)容容器的位置被初始設(shè)置為使得其中任何一個(gè)內(nèi)容視圖與展示窗重疊。

內(nèi)容容器的位置也可以被初始設(shè)置為使得其中第一方向上的第一個(gè)內(nèi)容視圖可見(jiàn)，即展示窗可以與內(nèi)容容器在第一方向上的第一個(gè)內(nèi)容視圖重疊，使得第一個(gè)內(nèi)容視圖可見(jiàn)。例如，第一方向?yàn)閺纳舷蛳聲r(shí)，從上向下的第一個(gè)內(nèi)容視圖完全可見(jiàn)。這樣，可以確保用戶從一開(kāi)始(例如，進(jìn)入應(yīng)用主頁(yè)時(shí))就可以查看到一個(gè)內(nèi)容視圖，并且在實(shí)現(xiàn)內(nèi)容輪播的過(guò)程中，多個(gè)內(nèi)容視圖可以依次被呈現(xiàn)給用戶。展示窗也可以與內(nèi)容容器在第一方向上的中間位置附近的一個(gè)內(nèi)容視圖重疊。

在步驟s230，通過(guò)移動(dòng)內(nèi)容容器來(lái)進(jìn)行內(nèi)容視圖輪換，從而使當(dāng)前可見(jiàn)的第一內(nèi)容視圖變?yōu)橹辽俨糠植豢梢?jiàn)，而使第一內(nèi)容視圖之后的第二內(nèi)容視圖變?yōu)榭梢?jiàn)。其中，多個(gè)內(nèi)容視圖是沿第一方向依次排列的，這里的“之后”是指第一方向上的之后。由此，通過(guò)進(jìn)行內(nèi)容視圖輪換，即可實(shí)現(xiàn)第一內(nèi)容視圖與第二內(nèi)容視圖的輪換。

通過(guò)多次執(zhí)行上述的內(nèi)容輪播方法，特別是移動(dòng)內(nèi)容容器的步驟，即可快速、高效地實(shí)現(xiàn)多個(gè)內(nèi)容視圖的輪播效果。

下面結(jié)合圖3-4及實(shí)施例詳細(xì)說(shuō)明通過(guò)移動(dòng)內(nèi)容容器來(lái)進(jìn)行內(nèi)容視圖輪換的具體實(shí)現(xiàn)步驟。

圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的內(nèi)容視圖輪換的方法的示意性流程圖。

如圖3所示，在步驟s231，將內(nèi)容容器沿與第一方向相反的第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖可見(jiàn)。

處理器可以是響應(yīng)于第一內(nèi)容視圖的顯示時(shí)間結(jié)束或者用戶的手動(dòng)操作執(zhí)行的移動(dòng)內(nèi)容容器的步驟，以使得第二內(nèi)容視圖可見(jiàn)。第二方向與第一方向的方向相反，例如在第一方向?yàn)閺纳舷蛳聲r(shí)，第二方向?yàn)閺南孪蛏?，在第一方向?yàn)閺淖笙蛴視r(shí)，第二方向?yàn)閺挠蚁蜃蟆?/p>

上述對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離可以根據(jù)第一方向確定。例如在第一方向?yàn)榭v向(例如從上向下或從下向上)時(shí)，對(duì)應(yīng)于一個(gè)內(nèi)容的距離可以為一個(gè)內(nèi)容視圖的高度。相應(yīng)地，在第一方向?yàn)闄M向(例如從左向右或從右向左)時(shí)，對(duì)應(yīng)于一個(gè)內(nèi)容的距離可以為一個(gè)內(nèi)容視圖的寬度。

在一個(gè)優(yōu)選實(shí)施例中，可以以動(dòng)畫(huà)方式顯示沿第二方向移動(dòng)內(nèi)容容器的過(guò)程，產(chǎn)生出上一個(gè)內(nèi)容視圖移出展示窗、下一個(gè)內(nèi)容視圖移入展示窗的效果。由此，可以使得輪換過(guò)程連貫順暢，避免可能出現(xiàn)的輪換時(shí)機(jī)不匹配、卡頓等情形。

需要注意的是，內(nèi)容容器的位置的初始設(shè)置應(yīng)盡量避免與第一方向上的末尾的內(nèi)容視圖重疊。若展示窗與內(nèi)容容器在第一方向上的末尾的內(nèi)容視圖重疊，則在內(nèi)容容器沿第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離后，展示窗內(nèi)沒(méi)有可以顯示的內(nèi)容，影響內(nèi)容輪播的效果，同時(shí)給用戶帶來(lái)不好的體驗(yàn)效果。

在步驟s233，在內(nèi)容容器中，對(duì)多個(gè)內(nèi)容視圖分別重新定位。

在一個(gè)優(yōu)選實(shí)施例中，可以以非動(dòng)畫(huà)方式直接對(duì)多個(gè)內(nèi)容視圖分別重新定位，以在極短時(shí)間內(nèi)快速、順暢地實(shí)現(xiàn)多個(gè)內(nèi)容視圖的重新定位。

重新定位后，多個(gè)內(nèi)容視圖的排列順序發(fā)生變化，使得原來(lái)在第一方向上的第一個(gè)內(nèi)容視圖移動(dòng)到第一方向的末尾，其它各內(nèi)容視圖分別沿第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離(原來(lái)的第二個(gè)內(nèi)容視圖成為當(dāng)前的第一個(gè)內(nèi)容視圖，原來(lái)的第三個(gè)內(nèi)容視圖成為當(dāng)前的第二個(gè)內(nèi)容視圖……)，使得第二內(nèi)容視圖之后的第三內(nèi)容視圖(與展示窗重疊)可見(jiàn)。

經(jīng)過(guò)步驟s231的移動(dòng)過(guò)程以及步驟s233的重新定位過(guò)程后，內(nèi)容容器內(nèi)的多個(gè)內(nèi)容視圖順次重排，為了實(shí)現(xiàn)輪播，同時(shí)不在輪換過(guò)程中遺漏某個(gè)內(nèi)容視圖，進(jìn)入步驟s235，立即使內(nèi)容容器返回初始設(shè)置的位置。具體地，可以將內(nèi)容容器沿第一方向(與步驟s231中的第二方向相反)移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，從而使第二內(nèi)容視圖可見(jiàn)。優(yōu)選地，也可以以非動(dòng)畫(huà)方式直接使內(nèi)容容器返回初始設(shè)置的位置。

需要說(shuō)明的是，上述輪換步驟中，步驟s233和步驟s235極快實(shí)現(xiàn)，用戶在視覺(jué)上難以察覺(jué)，而整體上只能察覺(jué)到步驟s231的以動(dòng)畫(huà)方式顯示的內(nèi)容容器的移動(dòng)過(guò)程。

經(jīng)過(guò)上述內(nèi)容視圖輪換步驟，多個(gè)內(nèi)容視圖可以在展示窗內(nèi)輪播展示，同時(shí)，在多個(gè)內(nèi)容視圖顯示結(jié)束后，仍然可以循環(huán)展示多個(gè)內(nèi)容視圖。

應(yīng)當(dāng)理解，這里的“第一個(gè)內(nèi)容視圖”、“第二個(gè)內(nèi)容視圖”、“第三個(gè)內(nèi)容視圖”是指在內(nèi)容容器中沿第一方向依次排列的內(nèi)容視圖，“第一個(gè)”、“第二個(gè)”、“第三個(gè)”表示對(duì)應(yīng)的內(nèi)容視圖在內(nèi)容容器中按順序排列的位置。而文中提及的“第一內(nèi)容視圖”、“第二內(nèi)容視圖”、“第三內(nèi)容視圖”是指在進(jìn)行內(nèi)容視圖輪換過(guò)程中，沿第一方向依次可見(jiàn)的內(nèi)容視圖，“第一”、“第二”、“第三”表示輪換過(guò)程中在展示窗對(duì)應(yīng)顯示的內(nèi)容視圖的順序。在某些情況下，例如當(dāng)內(nèi)容容器的位置被初始設(shè)置為使得其中第一方向上的第一個(gè)內(nèi)容視圖可見(jiàn)時(shí)，上述的“第一”、“第二”、“第三”分別對(duì)應(yīng)于“第一個(gè)”、“第二個(gè)”、“第三個(gè)”，而在其它情況下，它們也可以不對(duì)應(yīng)。

另外，為實(shí)現(xiàn)內(nèi)容視圖的輪換，處理器可以使響應(yīng)于內(nèi)容視圖的顯示時(shí)間或用戶的操作執(zhí)行上述通過(guò)移動(dòng)內(nèi)容容器進(jìn)行內(nèi)容視圖輪換的步驟。例如，可以設(shè)定一個(gè)輪播時(shí)間間隔，使得處理器可以周期性執(zhí)行上述輪換步驟?；蛘?，還可以針對(duì)每個(gè)內(nèi)容視圖，根據(jù)內(nèi)容視圖的信息內(nèi)容，分別設(shè)定顯示時(shí)間長(zhǎng)度，響應(yīng)于當(dāng)前內(nèi)容視圖別顯示的時(shí)間長(zhǎng)度達(dá)到顯示時(shí)間長(zhǎng)度，執(zhí)行上述輪換的步驟?；蛘撸€可以響應(yīng)于用戶的預(yù)定操作(例如，用戶手動(dòng)滑動(dòng)內(nèi)容視圖)，執(zhí)行上述輪換的步驟。

為了更好地理解本發(fā)明步驟s230中的內(nèi)容視圖輪換方案，下面結(jié)合圖4a-4d及實(shí)施例詳細(xì)說(shuō)明本發(fā)明的實(shí)現(xiàn)內(nèi)容視圖輪換的步驟。

圖4a-4d示出了一個(gè)示例中在內(nèi)容視圖輪換各階段內(nèi)容容器相對(duì)于展示窗的相對(duì)位置關(guān)系示意圖。

如圖4a所示，在顯示頁(yè)面上設(shè)置有展示窗420(步驟s210)，與展示窗420關(guān)聯(lián)地設(shè)置了內(nèi)容容器410(步驟s220)。其中，在內(nèi)容容器410中沿第一方向(從上向下)依次排列了內(nèi)容視圖411、412、413、414、415。在第一方向上，多個(gè)內(nèi)容視圖的高度與展示窗420的尺寸(高度)相同，在與第一方向垂直的方向上，展示窗420的尺寸大于內(nèi)容視圖的尺寸。內(nèi)容容器初始位置設(shè)置為使第一方向上的第一個(gè)內(nèi)容視圖411與展示窗420重疊，使第一個(gè)內(nèi)容視圖411可見(jiàn)，而其余不與展示窗420重疊的內(nèi)容視圖不可見(jiàn)。

在執(zhí)行內(nèi)容視圖輪換步驟s230的第一步移動(dòng)內(nèi)容容器(步驟s231)后，如圖4b所示，內(nèi)容容器410沿第二方向(從下向上)向上移動(dòng)一個(gè)內(nèi)容視圖的高度，使第二內(nèi)容視圖412與展示窗420重疊，第二視圖412可見(jiàn)。其中，多個(gè)內(nèi)容視圖在內(nèi)容容器中的排列順序與內(nèi)容視圖輪換過(guò)程中的內(nèi)容視圖的可見(jiàn)順序相對(duì)應(yīng)，即第一個(gè)內(nèi)容視圖與第一內(nèi)容視圖相對(duì)應(yīng)。

在執(zhí)行內(nèi)容視圖輪換步驟的第二步重新定位內(nèi)容視圖(步驟s233)后，如圖4c所示，內(nèi)容視圖411移動(dòng)至內(nèi)容容器410的末尾，其它內(nèi)容視圖沿第二方向向上移動(dòng)一個(gè)內(nèi)容視圖的高度，使第三內(nèi)容視圖413與展示窗420重疊，第三內(nèi)容視圖413可見(jiàn)。

在執(zhí)行內(nèi)容視圖輪換步驟的第三步內(nèi)容容器回位(步驟s235)后，如圖4d所示，內(nèi)容容器410返回至初始設(shè)置的位置，使第二內(nèi)容視圖412可見(jiàn)。由此，完成一次內(nèi)容視圖的輪換過(guò)程。以此類(lèi)推，即可實(shí)現(xiàn)多個(gè)內(nèi)容視圖的輪播。

至此，已經(jīng)結(jié)合圖2-4及實(shí)施例詳細(xì)描述了本發(fā)明實(shí)現(xiàn)內(nèi)容輪播的方法。本發(fā)明的內(nèi)容輪播方案還可以由一種內(nèi)容輪播裝置實(shí)現(xiàn)。

圖5示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的內(nèi)容輪播裝置的示意性框圖。其中，內(nèi)容輪播裝置500的功能模塊可以由實(shí)現(xiàn)本發(fā)明原理的硬件、軟件或硬件和軟件的結(jié)合來(lái)實(shí)現(xiàn)。本領(lǐng)域技術(shù)人員可以理解的是，圖5所描述的功能模塊可以組合起來(lái)或者劃分成子模塊，從而實(shí)現(xiàn)上述發(fā)明的原理。因此，本文的描述可以支持對(duì)本文描述的功能模塊的任何可能的組合、或者劃分、或者更進(jìn)一步的限定。

圖5所示的內(nèi)容輪播裝置500可以用來(lái)實(shí)現(xiàn)圖2所示的內(nèi)容輪播方法，下面僅就內(nèi)容輪播裝置500可以具有的功能模塊以及各功能模塊可以執(zhí)行的操作做簡(jiǎn)要說(shuō)明，對(duì)于其中涉及的細(xì)節(jié)部分可以參見(jiàn)上文結(jié)合圖2的描述，這里不再贅述。

如圖5所示，內(nèi)容輪播裝置500可以包括展示窗設(shè)置模塊510、容器設(shè)置模塊520和視圖輪換模塊530。

展示窗設(shè)置模塊510可以用于在顯示頁(yè)面上設(shè)置展示窗。

容器設(shè)置模塊520可以用于與展示窗關(guān)聯(lián)地設(shè)置內(nèi)容容器，內(nèi)容容器中沿第一方向依次排列多個(gè)內(nèi)容視圖，至少一個(gè)內(nèi)容視圖透過(guò)展示窗而在顯示頁(yè)面上可見(jiàn)。

優(yōu)選地，容器設(shè)置模塊520可以將內(nèi)容容器的可見(jiàn)屬性設(shè)置為其中與展示窗相重疊的部分可見(jiàn)，而不與展示窗重疊的部分不可見(jiàn)。容器設(shè)置模塊520也可以將內(nèi)容容器的位置初始設(shè)置為使得其中任何一個(gè)內(nèi)容視圖可見(jiàn)，或者將內(nèi)容容器的位置初始設(shè)置為使得其中第一方向上的第一個(gè)內(nèi)容視圖可見(jiàn)。容器設(shè)置模塊520還可以將內(nèi)容容器的尺寸設(shè)置為與展示窗的尺寸相適應(yīng)。

視圖輪換模塊530可以用于通過(guò)移動(dòng)內(nèi)容容器來(lái)進(jìn)行內(nèi)容視圖輪換，從而將當(dāng)前可見(jiàn)的第一內(nèi)容視圖變?yōu)橹辽俨糠植豢梢?jiàn)，而使第一內(nèi)容視圖之后的第二內(nèi)容視圖變?yōu)榭梢?jiàn)。具體地，可以由視圖輪換模塊530的子模塊實(shí)現(xiàn)內(nèi)容視圖的輪換過(guò)程。

圖6示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的視圖輪換模塊的示意性框圖。

如圖6所示，視圖輪換模塊530可以包括容器移動(dòng)模塊531、視圖重定位模塊533和容器回位模塊535。

容器移動(dòng)模塊531可以用于將內(nèi)容容器沿與第一方向相反的第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖可見(jiàn)。其中，容器移動(dòng)模塊531可以以動(dòng)畫(huà)方式顯示沿第二方向移動(dòng)內(nèi)容容器的過(guò)程。

視圖重定位模塊533可以用于在內(nèi)容容器中，對(duì)多個(gè)內(nèi)容視圖分別重新定位，從而將第一方向上的第一個(gè)內(nèi)容視圖移到第一方向的末尾，其它各內(nèi)容視圖分別沿第二方向移動(dòng)對(duì)應(yīng)于一個(gè)內(nèi)容視圖的距離，使得第二內(nèi)容視圖之后的第三內(nèi)容視圖可見(jiàn)。其中，視圖重定位模塊533可以以非動(dòng)畫(huà)方式直接對(duì)多個(gè)內(nèi)容視圖分別重新定位。

容器回位模塊535可以用于使內(nèi)容容器返回初始設(shè)置的位置，從而使得第二內(nèi)容視圖可見(jiàn)。其中，容器回位模塊535可以以非動(dòng)畫(huà)方式直接使內(nèi)容容器返回初始設(shè)置的位置。

在一個(gè)優(yōu)選實(shí)施例中，視圖輪換模塊530可以周期性地進(jìn)行內(nèi)容視圖輪換。在一個(gè)優(yōu)選實(shí)施例中，也可以針對(duì)每個(gè)內(nèi)容視圖，分別設(shè)定顯示時(shí)間長(zhǎng)度，視圖輪換模塊530可以響應(yīng)于當(dāng)前內(nèi)容視圖被顯示的時(shí)間長(zhǎng)度達(dá)到顯示時(shí)間長(zhǎng)度，進(jìn)行內(nèi)容視圖輪換。在一個(gè)優(yōu)選實(shí)施例中，視圖輪換模塊530還可以響應(yīng)于用戶的預(yù)定操作，進(jìn)行內(nèi)容視圖輪換。

在第一方向上，多個(gè)內(nèi)容視圖可以具有相同的尺寸。并且，在第一方向上，展示窗的尺寸可以與內(nèi)容視圖的尺寸相同；或者在第一方向上，展示窗的尺寸可以大于內(nèi)容視圖的尺寸，使得當(dāng)前完全可見(jiàn)的內(nèi)容視圖之前或之后的內(nèi)容視圖至少部分可見(jiàn)。

上文中已經(jīng)參考附圖詳細(xì)描述了根據(jù)本發(fā)明的內(nèi)容輪播的方法、裝置、電子設(shè)備。

此外，根據(jù)本發(fā)明的方法還可以實(shí)現(xiàn)為一種計(jì)算機(jī)程序，該計(jì)算機(jī)程序包括用于執(zhí)行本發(fā)明的上述方法中限定的上述各步驟的計(jì)算機(jī)程序代碼指令?；蛘撸鶕?jù)本發(fā)明的方法還可以實(shí)現(xiàn)為一種計(jì)算機(jī)程序產(chǎn)品，該計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)可讀介質(zhì)，在該計(jì)算機(jī)可讀介質(zhì)上存儲(chǔ)有用于執(zhí)行本發(fā)明的上述方法中限定的上述功能的計(jì)算機(jī)程序。

或者，本發(fā)明還可以實(shí)施為一種非暫時(shí)性機(jī)器可讀存儲(chǔ)介質(zhì)(或計(jì)算機(jī)可讀存儲(chǔ)介質(zhì))，其上存儲(chǔ)有可執(zhí)行代碼(或計(jì)算機(jī)程序/計(jì)算機(jī)指令代碼)，當(dāng)所述可執(zhí)行代碼(或計(jì)算機(jī)程序/計(jì)算機(jī)指令代碼)被電子設(shè)備的處理器執(zhí)行時(shí)，使所述處理器執(zhí)行根據(jù)本發(fā)明的上述內(nèi)容輪播方法。

本領(lǐng)域技術(shù)人員還將明白的是，結(jié)合這里的公開(kāi)所描述的各種示例性邏輯塊、模塊、電路和算法步驟可以被實(shí)現(xiàn)為電子硬件、計(jì)算機(jī)軟件或兩者的組合。

附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個(gè)實(shí)施例的系統(tǒng)和方法的可能實(shí)現(xiàn)的體系架構(gòu)、功能和操作。在這點(diǎn)上，流程圖或框圖中的每個(gè)方框可以代表一個(gè)模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個(gè)或多個(gè)用于實(shí)現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實(shí)現(xiàn)中，方框中所標(biāo)記的功能也可以以不同于附圖中所標(biāo)記的順序發(fā)生。例如，兩個(gè)連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時(shí)也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個(gè)方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或操作的專用的基于硬件的系統(tǒng)來(lái)實(shí)現(xiàn)，或者可以用專用硬件與計(jì)算機(jī)指令的組合來(lái)實(shí)現(xiàn)。

以上已經(jīng)描述了本發(fā)明的各實(shí)施例，上述說(shuō)明是示例性的，并非窮盡性的，并且也不限于所披露的各實(shí)施例。在不偏離所說(shuō)明的各實(shí)施例的范圍和精神的情況下，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)許多修改和變更都是顯而易見(jiàn)的。本文中所用術(shù)語(yǔ)的選擇，旨在最好地解釋各實(shí)施例的原理、實(shí)際應(yīng)用或?qū)κ袌?chǎng)中的技術(shù)的改進(jìn)，或者使本技術(shù)領(lǐng)域的其它普通技術(shù)人員能理解本文披露的各實(shí)施例。