本發(fā)明涉及圖標(biāo)展示領(lǐng)域，尤其涉及一種直播應(yīng)用中的圖標(biāo)展示方法及裝置。

背景技術(shù)：

在直播應(yīng)用中，常常以列表方式展示直播間或頻道信息，以供用戶選擇。該列表通常由直播間或頻道的圖標(biāo)構(gòu)成。

現(xiàn)有技術(shù)中，服務(wù)器預(yù)先設(shè)置圖標(biāo)列表中圖標(biāo)的布局樣式以及大小，然后提供給客戶端，由客戶端展示給用戶。這種方式展示的圖標(biāo)列表在使用時不夠靈活，用戶體驗度較差。

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

本發(fā)明所要解決的技術(shù)問題在于提供一種直播應(yīng)用中的圖標(biāo)展示方法及裝置，通過切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小，解決了客戶端展示給用戶的圖標(biāo)列表中的圖標(biāo)布局樣式和大小在使用時不夠靈活，導(dǎo)致用戶的體驗較差的技術(shù)問題。

為了解決上述問題，本發(fā)明實施例提供一種直播應(yīng)用中的圖標(biāo)展示方法，包括：

展示直播應(yīng)用界面，所述直播應(yīng)用界面包括圖標(biāo)控件；

響應(yīng)于對所述圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求；

接收所述服務(wù)器根據(jù)所述圖標(biāo)切換請求下發(fā)的圖標(biāo)切換信息；

根據(jù)所述圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

可選地，所述直播應(yīng)用界面還包括導(dǎo)航條；

對所述圖標(biāo)控件進(jìn)行觸發(fā)操作之前，所述方法還包括：

響應(yīng)于所述導(dǎo)航條上的觸發(fā)操作，顯示一浮層，所述浮層包括所述圖標(biāo)控件。

可選地，所述方法還包括：響應(yīng)于對所述圖標(biāo)控件的觸發(fā)操作，隱藏所述浮層。

可選地，所述圖標(biāo)切換信息包括：圖標(biāo)大小指示信息；

所述根據(jù)所述圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的大小，包括：

從本地緩存中，獲取所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)；

根據(jù)所述圖標(biāo)大小指示信息，拉伸或收縮所述圖標(biāo)，以獲得拉伸或收縮后的圖標(biāo)；

將所述直播應(yīng)用界面當(dāng)前展示的所述圖標(biāo)，替換為所述拉伸或收縮后的圖標(biāo)。

可選地，所述圖標(biāo)切換信息包括：布局樣式指示信息；

所述根據(jù)所述圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式，包括：

從本地緩存中，獲取所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)；

根據(jù)所述布局樣式指示信息，更改所述圖標(biāo)的布局樣式，以獲得更改布局樣式后的圖標(biāo)；

將所述直播應(yīng)用界面當(dāng)前展示的所述圖標(biāo)，替換為所述更改布局樣式后的圖標(biāo)。

可選地，所述圖標(biāo)包括圖片主體和依附于所述圖片主體的圖片信息；

所述根據(jù)所述布局樣式指示信息，更改所述圖標(biāo)的布局樣式，以獲得更改布局樣式后的圖標(biāo)，包括：

根據(jù)所述布局樣式指示信息，更改所述圖片信息的內(nèi)容和/或所述圖片信息在所述圖片主體上的位置。

可選地，所述圖標(biāo)切換信息包括：目標(biāo)圖標(biāo)，所述目標(biāo)圖標(biāo)的布局樣式和/或大小不同于所述直播應(yīng)用界面當(dāng)前展示的所述圖標(biāo)；

所述根據(jù)所述圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小，包括：

將所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為所述目標(biāo)圖標(biāo)。

本發(fā)明實施例還提供一種直播應(yīng)用中的圖標(biāo)展示裝置，包括：

界面展示模塊，用于展示直播應(yīng)用界面，所述直播應(yīng)用界面包括圖標(biāo)控件；

請求發(fā)送模塊，用于響應(yīng)于對所述圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求；

信息接收模塊，用于接收所述服務(wù)器根據(jù)所述圖標(biāo)切換請求下發(fā)的圖標(biāo)切換信息；

圖標(biāo)切換模塊，用于根據(jù)所述圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

可選地，所述界面展示模塊，還用于在所述直播應(yīng)用界面上展示導(dǎo)航條；以及，

響應(yīng)于所述導(dǎo)航條上的觸發(fā)操作，顯示一浮層，所述浮層包括所述圖標(biāo)控件。

可選地，所述裝置還包括：浮層隱藏模塊，用于響應(yīng)于對所述圖標(biāo)控件的觸發(fā)操作，隱藏所述浮層。

與現(xiàn)有技術(shù)相比，本發(fā)明實施例在直播應(yīng)用界面上設(shè)置圖標(biāo)控件，并且可以響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求；以及根據(jù)服務(wù)器下發(fā)的圖標(biāo)切換信息，切換所述直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。由于可以通過觸發(fā)操作靈活切換圖標(biāo)的布局樣式和/或大小，解決了客戶端展示給用戶的圖標(biāo)列表中的圖標(biāo)布局樣式和大小在使用時不夠靈活，導(dǎo)致用戶的體驗較差的技術(shù)問題。

附圖說明

為了更清楚地說明本發(fā)明實施例的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1示出了根據(jù)本發(fā)明一實施例所述的直播應(yīng)用中的圖標(biāo)展示方法的流程示意圖；

圖2示出了根據(jù)本發(fā)明又一實施例所述的直播應(yīng)用中的圖標(biāo)展示方法的流程示意圖；

圖3示出了根據(jù)本發(fā)明又一實施例所述的直播應(yīng)用中的圖標(biāo)展示裝置的模塊結(jié)構(gòu)圖。

圖4示出了根據(jù)本發(fā)明又一實施例所述的圖標(biāo)切換模塊的結(jié)構(gòu)圖。

圖5示出了根據(jù)本發(fā)明另一實施例所述的圖標(biāo)切換模塊的結(jié)構(gòu)圖。

具體實施方式

為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

如圖1所示，為本發(fā)明一實施例所述的直播應(yīng)用中的圖標(biāo)展示方法的流程示意圖，包括以下步驟：

s101：展示直播應(yīng)用界面，直播應(yīng)用界面包括圖標(biāo)控件。

當(dāng)用戶使用直播應(yīng)用瀏覽直播間或頻道信息時，直播應(yīng)用通常向用戶展示一界面，該直播應(yīng)用界面可以是直播應(yīng)用中的任何界面，例如各類頻道下的直播間列表界面，也可以是直播應(yīng)用的首界面等。直播應(yīng)用中的頻道包括但不限于：體育直播頻道、各類游戲直播頻道、戶外直播頻道、星秀直播頻道等。每個直播頻道下面包括多個直播間，在每個直播頻道下面通過直播間列表界面展示各直播間的圖標(biāo)。

直播應(yīng)用界面包括一個或多個圖標(biāo)控件，例如大圖控件和小圖控件，或者將二者合二為一的大小圖控件。其中，大圖控件和小圖控件，或者合二為一的大小圖控件主要用于調(diào)整圖標(biāo)的大小。例如，點擊大圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)榇髨D標(biāo)；點擊小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)樾D標(biāo)。對于合二為一的大小圖控件來說，如果直播應(yīng)用界面當(dāng)前展示的圖標(biāo)是大圖標(biāo)，則點擊大小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)樾D標(biāo)；反之，如果直播應(yīng)用界面當(dāng)前展示的圖標(biāo)是小圖標(biāo)，點擊大小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)榇髨D標(biāo)。當(dāng)然，還可以包括可以改變圖標(biāo)的布局樣式的控件，或者改變圖標(biāo)的布局樣式的控件和改變圖標(biāo)大小的控件作為一個控件實現(xiàn)。

另外，圖標(biāo)控件可以位于直播應(yīng)用界面內(nèi)的任意位置。例如，圖標(biāo)控件可位于直播應(yīng)用界面左上角、右上角等位置。

s102：響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求。

s103：接收服務(wù)器根據(jù)圖標(biāo)切換請求下發(fā)的圖標(biāo)切換信息。

當(dāng)需要改變圖標(biāo)的布局樣式和/或大小時，可以對圖標(biāo)控件進(jìn)行觸發(fā)操作，以觸發(fā)圖標(biāo)切換操作。所述觸發(fā)操作可以包括點擊、雙擊、鼠標(biāo)懸停、觸控等，凡是可以觸發(fā)圖標(biāo)控件的操作均適用于本發(fā)明實施例。

對圖標(biāo)控件進(jìn)行觸發(fā)操作之后，客戶端響應(yīng)于該觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求。對服務(wù)器來說，可以接收客戶端發(fā)送的圖標(biāo)切換請求，根據(jù)圖標(biāo)切換請求確定客戶端需要切換直播應(yīng)用界面上的圖標(biāo)的布局樣式和/或大小，于是向客戶端下發(fā)圖標(biāo)切換信息。所述圖標(biāo)切換信息用于指導(dǎo)客戶端對直播應(yīng)用界面上的圖標(biāo)的布局樣式和/或大小進(jìn)行切換。

s104：根據(jù)圖標(biāo)切換信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

客戶端接收到服務(wù)器下發(fā)的圖標(biāo)切換信息后，可根據(jù)圖標(biāo)切換信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

可選地，在一應(yīng)用場景中，為了提高直播應(yīng)用界面的空間利用率以及展示更多的直播應(yīng)用信息，可以將當(dāng)前展示的圖標(biāo)切換為小圖標(biāo)；或者為了更清楚地展示圖標(biāo)，將當(dāng)前展示的圖標(biāo)切換為大圖標(biāo)。此外，還可以切換當(dāng)前展示的圖標(biāo)的布局樣式。優(yōu)選地，有兩種布局樣式，且分別適用于大圖標(biāo)與小圖標(biāo)，以對圖標(biāo)進(jìn)行科學(xué)合理地布局。

與現(xiàn)有技術(shù)相比，本實施例提供的一種直播應(yīng)用中的圖標(biāo)展示方法，在直播應(yīng)用界面上設(shè)置圖標(biāo)控件，并且可以響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，客戶端向服務(wù)器請求圖標(biāo)切換信息，從而客戶端可以根據(jù)圖標(biāo)切換信息對當(dāng)前界面圖標(biāo)的布局樣式和/或大小進(jìn)行切換。如此，該方法能夠靈活地改變直播應(yīng)用圖標(biāo)的布局樣式和/或大小，有效提升了在瀏覽直播間或頻道時的用戶體驗。

參見圖2，為本發(fā)明又一實施例提所述的直播應(yīng)用中的圖標(biāo)展示方法的流程示意圖，本實施例與上述實施例大致相同，兩者間的差異在于：圖標(biāo)控件隱藏于導(dǎo)航條關(guān)聯(lián)的浮層中。如圖2所示，本實施例提供的方法包括以下步驟：

s201：展示直播應(yīng)用界面，所述直播應(yīng)用界面包括導(dǎo)航條。

s202：響應(yīng)于導(dǎo)航條上的觸發(fā)操作，顯示一浮層，所述浮層包括圖標(biāo)控件。

導(dǎo)航條可位于直播應(yīng)用界面的上方、下方、左側(cè)和/或右側(cè)。在一可選應(yīng)用場景中，導(dǎo)航條可包括位于直播應(yīng)用界面上方和下方的導(dǎo)航條。一種情況下，下方的導(dǎo)航條顯示的是大分類，則上方的導(dǎo)航條顯示的是所在大分類下的小分類；另一種情況下，上方的導(dǎo)航條顯示的是大分類，則下方的導(dǎo)航條顯示的是所在大分類下的小分類。界面上的導(dǎo)航條為用戶提供了進(jìn)入不同直播頻道或直播間的快速入口。

響應(yīng)于對導(dǎo)航條的觸發(fā)操作，可從當(dāng)前界面切換到下一頻道或直播間界面?？蛇x地，對導(dǎo)航條的觸發(fā)操作除了可以切換到下一頻道或直播間界面之外，還會觸發(fā)顯示一包含圖標(biāo)控件的浮層，圖標(biāo)控件位于浮層上能夠有效節(jié)省界面空間。基于此，當(dāng)需要切換圖標(biāo)的樣式布局和/或大小時，可對浮層上圖標(biāo)控件進(jìn)行觸發(fā)操作，以觸發(fā)對圖標(biāo)的樣式布局和/或大小的切換動作。

除上述實施方式之外，也可以在觸發(fā)導(dǎo)航條以進(jìn)入下一界面之后，再次觸發(fā)導(dǎo)航條或者當(dāng)前直播應(yīng)用界面內(nèi)的空白區(qū)域，以顯示浮層。對導(dǎo)航條的觸發(fā)操作可以是點擊導(dǎo)航條上標(biāo)簽、點擊導(dǎo)航條上的空白區(qū)域、在導(dǎo)航條上進(jìn)行滑動、鼠標(biāo)懸停于導(dǎo)航條上等方式。

s203：響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求。

對浮層上的圖標(biāo)控件執(zhí)行觸發(fā)操作，響應(yīng)于該觸發(fā)操作，直播應(yīng)用向服務(wù)器發(fā)送圖標(biāo)切換請求。

s204：響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，隱藏浮層。

對圖標(biāo)控件進(jìn)行觸發(fā)操作之后，圖標(biāo)控件及其所在的浮層就失去了作用，此時隱藏浮層，從而進(jìn)一步節(jié)省了界面空間，也可以避免浮層對界面信息的遮擋。

優(yōu)選地，浮層可以是自動隱藏，或者響應(yīng)于對界面的相關(guān)操作，例如點擊浮層或向上滑動浮層等操作，或者點擊導(dǎo)航條上標(biāo)簽的操作，或者切換標(biāo)簽的操作等，而隱藏浮層。

s205：接收服務(wù)器根據(jù)圖標(biāo)切換請求下發(fā)的圖標(biāo)切換信息。

s206：根據(jù)圖標(biāo)切換信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

s205、s206分別與上述實施例的s103、s104相同，具體實施方式參見上述實施例，本實施例不再贅述。

本實施例通過浮層的設(shè)置，實現(xiàn)了一種動態(tài)的展示效果；將圖標(biāo)控件設(shè)于浮層上，以及通過觸發(fā)操作顯示或者隱藏浮層，使得可以根據(jù)用戶的需要自主控制圖標(biāo)控件的顯示與隱藏，有效節(jié)省了界面空間。

現(xiàn)有技術(shù)中，圖標(biāo)的大小及布局樣式是由服務(wù)器預(yù)先設(shè)置的，不可更改。例如，主播頭像圖片始終保持預(yù)先設(shè)置的大小，主播昵稱也保持預(yù)先設(shè)置的大小并位于圖片的固定位置。如果用戶覺得圖片太小或者昵稱太小，則無法將圖片或昵稱變大；如果昵稱遮擋了圖片上用戶感興趣的部分，也無法將昵稱移開。采用本發(fā)明上述實施或下述實施例，可以解決上述問題。

在一可選實施方式中，服務(wù)器下發(fā)的圖標(biāo)切換信息包括：圖標(biāo)大小指示信息，則可以根據(jù)所述圖標(biāo)大小指示信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的大小。

具體地，在s104處，可以從本地緩存中獲取直播應(yīng)用界面當(dāng)前展示的圖標(biāo)。圖標(biāo)的數(shù)據(jù)保存在本地緩存中，使得能夠直接從本地緩存中獲取，避免了向服務(wù)器請求導(dǎo)致的切換時間較長的問題。

然后，根據(jù)圖標(biāo)大小指示信息，拉伸或收縮圖標(biāo)，以獲得拉伸或收縮后的圖標(biāo)。優(yōu)選地，圖標(biāo)包括圖片主體和依附于所述圖片主體的圖片信息，圖片信息包括縮略圖、主播位置、昵稱、熱度及等級等。圖標(biāo)大小指示信息包括圖標(biāo)變大的指示信息或圖標(biāo)變小的指示信息?？梢愿鶕?jù)圖標(biāo)變大的指示信息，等比例拉伸圖片及圖片信息；或者，可以根據(jù)圖標(biāo)變小的指示信息，等比例收縮圖片及圖片信息。基于此，不僅圖片變大，圖片上的昵稱、熱度等圖片信息也變大了。除了等比例拉伸或收縮的方式外，也可以重新設(shè)置圖標(biāo)的寬度和/或高度，以實現(xiàn)圖標(biāo)的大小切換。

接著，將直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為拉伸或收縮后的圖標(biāo)。優(yōu)選地，清空直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，將拉伸或收縮后的圖標(biāo)填充到直播應(yīng)用界面的相應(yīng)位置。優(yōu)選地，在此過程中，僅對圖標(biāo)區(qū)域進(jìn)行局部的刷新，界面的其他部分如導(dǎo)航條，則不刷新。

除了可以實現(xiàn)圖標(biāo)大小的切換，還可以對圖標(biāo)的布局樣式進(jìn)行切換。在一可選實施方式中，服務(wù)器下發(fā)的圖標(biāo)切換信息包括：布局樣式指示信息，則可以根據(jù)所述布局樣式指示信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式。

優(yōu)選地，在s104處，可以從本地緩存中，獲取直播應(yīng)用界面當(dāng)前展示的圖標(biāo)。然后，根據(jù)布局樣式指示信息，更改圖標(biāo)的布局樣式，以獲得更改布局樣式后的圖標(biāo)。優(yōu)選地，第一方面，更改圖標(biāo)的布局樣式可以是更改圖片信息的內(nèi)容。例如小圖標(biāo)時，圖片信息包括主播位置、昵稱、熱度及等級。由于小圖標(biāo)位置有限，不顯示縮略圖。當(dāng)小圖標(biāo)切換到大圖標(biāo)時，除了原有的圖片信息之外，還顯示縮略圖，以展示主播更豐富的信息。第二方面，更改圖標(biāo)的布局樣式還可以是更改圖片信息在圖片主體上的位置。例如小圖標(biāo)時，為了避免遮擋圖片上的主播頭像，昵稱、熱度及等級位于圖片的下方，橫向排布，主播位置位于圖片的右上角。當(dāng)切換到大圖標(biāo)時，由于有足夠的空間，將圖片信息均設(shè)置在圖片的下方，并且將昵稱與熱度縱向排布在圖片上。如此，顯得大圖標(biāo)更加干凈、富有美感。

接著，將直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為更改布局樣式后的圖標(biāo)。

需要說明的是，用戶可以根據(jù)實際需要選擇切換圖標(biāo)大小或者布局樣式，也可以選擇二者都切換。

上述實施例都是根據(jù)當(dāng)前展示的圖標(biāo)數(shù)據(jù)，執(zhí)行布局樣式和/或大小的切換。此外，在一可選實施方式中，圖標(biāo)切換信息包括：目標(biāo)圖標(biāo)，所述目標(biāo)圖標(biāo)的布局樣式和/或大小不同于直播應(yīng)用界面當(dāng)前展示的圖標(biāo)。相應(yīng)地，將所述直播應(yīng)用界面當(dāng)前展示的所述圖標(biāo)，替換為所述目標(biāo)圖標(biāo)。優(yōu)選地，可以向服務(wù)器請求目標(biāo)圖標(biāo)。

具體地，根據(jù)圖標(biāo)變大的指示信息，向服務(wù)器請求大圖標(biāo)，接收服務(wù)器下發(fā)的大圖標(biāo)并替換當(dāng)前展示的小圖標(biāo)。其中，大圖標(biāo)的清晰度不低于當(dāng)前展示的小圖標(biāo)。需要說明的是，將大圖標(biāo)切換到小圖標(biāo)時與上述操作相似，小圖標(biāo)的清晰度也不低于當(dāng)前展示的大圖標(biāo)，以便增強用戶的瀏覽體驗。

如圖3所示，本發(fā)明實施例還提供一種直播應(yīng)用中的圖標(biāo)展示裝置300，包括：

界面展示模塊301，用于展示直播應(yīng)用界面，直播應(yīng)用界面包括圖標(biāo)控件。

當(dāng)用戶使用直播應(yīng)用瀏覽直播間或頻道信息時，界面展示模塊301通常向用戶展示一界面，該直播應(yīng)用界面可以是直播應(yīng)用中的任何界面，例如各類頻道下的直播間列表界面，也可以是直播應(yīng)用的首界面等。直播應(yīng)用中的頻道包括但不限于：體育直播頻道、各類游戲直播頻道、戶外直播頻道、星秀直播頻道等。每個直播頻道下面包括多個直播間，在每個直播頻道下面通過直播間列表界面展示各直播間的圖標(biāo)。

其中，大圖控件和小圖控件，或者合二為一的大小圖控件主要用于調(diào)整圖標(biāo)的大小。例如，點擊大圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)榇髨D標(biāo)；點擊小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)樾D標(biāo)。對于合二為一的大小圖控件來說，如果直播應(yīng)用界面當(dāng)前展示的圖標(biāo)是大圖標(biāo)，則點擊大小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)樾D標(biāo)；反之，如果直播應(yīng)用界面當(dāng)前展示的圖標(biāo)是小圖標(biāo)，點擊大小圖控件可以將直播應(yīng)用界面中的圖標(biāo)變?yōu)榇髨D標(biāo)。當(dāng)然，還可以包括可以改變圖標(biāo)的布局樣式的控件，或者改變圖標(biāo)的布局樣式的控件和改變圖標(biāo)大小的控件作為一個控件實現(xiàn)。

另外，圖標(biāo)控件可以位于直播應(yīng)用界面內(nèi)的任意位置。例如，圖標(biāo)控件可位于直播應(yīng)用界面左上角、右上角等位置。

請求發(fā)送模塊302，用于響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求。

信息接收模塊303，用于接收服務(wù)器根據(jù)圖標(biāo)切換請求下發(fā)的圖標(biāo)切換信息。

當(dāng)需要改變圖標(biāo)的布局樣式和/或大小時，可以對圖標(biāo)控件進(jìn)行觸發(fā)操作，以觸發(fā)圖標(biāo)切換操作。優(yōu)選地，觸發(fā)操作可以包括點擊、雙擊、鼠標(biāo)懸停、觸控等，凡是可以觸發(fā)圖標(biāo)控件的操作均適用于本發(fā)明實施例。

在對圖標(biāo)控件進(jìn)行觸發(fā)操作之后，請求發(fā)送模塊302響應(yīng)于該觸發(fā)操作，向服務(wù)器發(fā)送圖標(biāo)切換請求。對服務(wù)器來說，可以接收客戶端發(fā)送的圖標(biāo)切換請求，根據(jù)圖標(biāo)切換請求確定客戶端需要切換直播應(yīng)用界面上的圖標(biāo)的布局樣式和/或大小，于是向信息接收模塊303下發(fā)圖標(biāo)切換信息。所述圖標(biāo)切換信息用于指導(dǎo)客戶端對直播應(yīng)用界面上的圖標(biāo)的布局樣式和/或大小進(jìn)行切換。

圖標(biāo)切換模塊304，用于根據(jù)圖標(biāo)切換信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

信息接收模塊303接收到服務(wù)器下發(fā)的圖標(biāo)切換信息后，圖標(biāo)切換模塊304根據(jù)圖標(biāo)切換信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式和/或大小。

可選地，在一應(yīng)用場景中，為了提高直播應(yīng)用界面的空間利用率以及展示更多的直播應(yīng)用信息，可以將當(dāng)前展示的圖標(biāo)切換為小圖標(biāo)；或者為了更清楚地展示圖標(biāo)，將當(dāng)前展示的圖標(biāo)切換為大圖標(biāo)。此外，還可以切換當(dāng)前展示的圖標(biāo)的布局樣式。優(yōu)選地，有兩種布局樣式，且分別適用于大圖標(biāo)與小圖標(biāo)，以對圖標(biāo)進(jìn)行科學(xué)合理地布局。

與現(xiàn)有技術(shù)相比，本實施例提供的直播應(yīng)用中的圖標(biāo)展示裝置，能夠靈活地改變直播應(yīng)用圖標(biāo)的布局樣式和/或大小，有效提升了在瀏覽直播間或頻道時的用戶體驗。

可選地，界面展示模塊301還用于在直播應(yīng)用界面上展示導(dǎo)航條；以及，響應(yīng)于導(dǎo)航條上的觸發(fā)操作，顯示一浮層，浮層包括圖標(biāo)控件。

導(dǎo)航條可位于直播應(yīng)用界面的上方、下方、左側(cè)和/或右側(cè)。在一可選應(yīng)用場景中，導(dǎo)航條可包括位于直播應(yīng)用界面上方和下方的導(dǎo)航條，一種情況下，下方的導(dǎo)航條顯示的是大分類，則上方的導(dǎo)航條顯示的是所在大分類下的小分類；另一種情況下，上方的導(dǎo)航條顯示的是大分類，則下方的導(dǎo)航條顯示的是所在大分類下的小分類。界面上的導(dǎo)航條為用戶提供了進(jìn)入不同直播頻道或直播間的快速入口。

界面展示模塊301響應(yīng)于對導(dǎo)航條的觸發(fā)操作，可從當(dāng)前界面切換到下一頻道或直播間界面?？蛇x地，對導(dǎo)航條的觸發(fā)操作除了可以切換到下一頻道或直播間界面之外，還會觸發(fā)界面展示模塊301顯示一包含圖標(biāo)控件的浮層，圖標(biāo)控件位于浮層上能夠有效節(jié)省界面空間。基于此，當(dāng)需要切換圖標(biāo)的樣式布局和/或大小時，可對浮層上圖標(biāo)控件進(jìn)行觸發(fā)操作，以觸發(fā)對圖標(biāo)的樣式布局和/或大小的切換動作。

除上述實施方式之外，也可以在觸發(fā)導(dǎo)航條以進(jìn)入下一界面之后，再次觸發(fā)導(dǎo)航條或者當(dāng)前直播應(yīng)用界面內(nèi)的空白區(qū)域，界面展示模塊301響應(yīng)于該觸發(fā)操作，顯示浮層。對導(dǎo)航條的觸發(fā)操作可以是點擊導(dǎo)航條上標(biāo)簽、點擊導(dǎo)航條上的空白區(qū)域、在導(dǎo)航條上進(jìn)行滑動、鼠標(biāo)懸停于導(dǎo)航條上等方式。

可選地，本發(fā)明又一實施例提供的一種直播應(yīng)用中的圖標(biāo)展示裝置，還包括：浮層隱藏模塊，用于響應(yīng)于對圖標(biāo)控件的觸發(fā)操作，隱藏浮層。

對圖標(biāo)控件進(jìn)行觸發(fā)操作之后，圖標(biāo)控件及其所在的浮層就失去了作用，此時浮層隱藏模塊隱藏浮層，從而進(jìn)一步節(jié)省了界面空間，也可以避免浮層對界面信息的遮擋。

優(yōu)選地，浮層隱藏模塊可以是自動隱藏浮層，或者響應(yīng)于對界面的相關(guān)操作，例如點擊浮層或向上滑動浮層等操作，或者點擊導(dǎo)航條上標(biāo)簽的操作，或者切換標(biāo)簽的操作等，而隱藏浮層。

本實施例通過浮層的設(shè)置，實現(xiàn)了一種動態(tài)的展示效果；將圖標(biāo)控件設(shè)于浮層上，以及通過觸發(fā)操作顯示或者隱藏浮層，使得可以根據(jù)用戶的需要自主控制圖標(biāo)控件的顯示與隱藏，有效節(jié)省了界面空間。

可選地，參見圖4，圖標(biāo)切換模塊304包括圖標(biāo)大小切換單元401以及圖標(biāo)布局樣式切換單元402中的至少一種。

可選地，圖標(biāo)切換信息包括：圖標(biāo)大小指示信息。相應(yīng)地，圖標(biāo)大小切換單元401，用于根據(jù)圖標(biāo)大小指示信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的大小。

優(yōu)選地，圖標(biāo)大小切換單元401可以從本地緩存中獲取直播應(yīng)用界面當(dāng)前展示的圖標(biāo)；根據(jù)圖標(biāo)大小指示信息，拉伸或收縮圖標(biāo)，以獲得拉伸或收縮后的圖標(biāo)；將直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為拉伸或收縮后的圖標(biāo)。

其中，將圖標(biāo)的數(shù)據(jù)保存在本地緩存中，使得能夠直接從本地緩存中獲取，避免了向服務(wù)器請求導(dǎo)致的切換時間較長的問題。

其中，圖標(biāo)包括圖片主體和依附于所述圖片主體的圖片信息，圖片信息包括縮略圖、主播位置、昵稱、熱度及等級等。圖標(biāo)大小指示信息包括圖標(biāo)變大的指示信息或圖標(biāo)變小的指示信息。優(yōu)選地，圖標(biāo)大小切換單元401可以根據(jù)圖標(biāo)變大的指示信息，等比例拉伸圖片及圖片信息；或者，可以根據(jù)圖標(biāo)變小的指示信息，等比例收縮圖片及圖片信息?；诖耍粌H圖片變大，圖片上的昵稱、熱度等圖片信息也變大了。除了等比例拉伸或收縮的方式外，圖標(biāo)大小切換單元401也可以重新設(shè)置圖標(biāo)的寬度和/或高度，以實現(xiàn)圖標(biāo)的大小切換。

優(yōu)選地，圖標(biāo)大小切換單元401在將直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為拉伸或收縮后的圖標(biāo)時，可以清空直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，將拉伸或收縮后的圖標(biāo)填充到直播應(yīng)用界面的相應(yīng)位置。優(yōu)選地，在此過程中，圖標(biāo)大小切換單元401可以僅對圖標(biāo)區(qū)域進(jìn)行局部的刷新，界面的其他部分如導(dǎo)航條，則不刷新。

除了可以實現(xiàn)圖標(biāo)大小的切換，還可以對圖標(biāo)的布局樣式進(jìn)行切換。在一可選實施方式中，圖標(biāo)切換信息包括：布局樣式指示信息。相應(yīng)地，圖標(biāo)布局樣式切換單元402，用于根據(jù)所述布局樣式指示信息，切換直播應(yīng)用界面當(dāng)前展示的圖標(biāo)的布局樣式。

優(yōu)選地，圖標(biāo)布局樣式切換單元402可以從本地緩存中，獲取直播應(yīng)用界面當(dāng)前展示的圖標(biāo)；根據(jù)布局樣式指示信息，更改圖標(biāo)的布局樣式，以獲得更改布局樣式后的圖標(biāo)；將直播應(yīng)用界面當(dāng)前展示的圖標(biāo)，替換為更改布局樣式后的圖標(biāo)。

優(yōu)選地，第一方面，圖標(biāo)布局樣式切換單元402可以更改圖片信息的內(nèi)容。例如小圖標(biāo)時，圖片信息包括主播位置、昵稱、熱度及等級。由于小圖標(biāo)位置有限，縮略圖不顯示。當(dāng)小圖標(biāo)切換到大圖標(biāo)時除了原有的圖片信息之外，還顯示縮略圖，以展示主播更豐富的信息。第二方面，圖標(biāo)布局樣式切換單元402可以更改圖片信息在圖片主體上的位置。例如小圖標(biāo)時，為了避免遮擋圖片上的主播頭像，昵稱、熱度及等級位于圖片的下方，橫向排布，主播位置位于圖片的右上角。當(dāng)切換到大圖標(biāo)時，由于有足夠的空間，將圖片信息均設(shè)置在圖片的下方，并且將昵稱與熱度縱向排布在圖片上。如此，顯得大圖標(biāo)更加干凈、富有美感。

需要說明的是，用戶可以根據(jù)實際需要選擇切換圖標(biāo)大小或者布局樣式，也可以選擇二者都切換。

上述實施例都是根據(jù)當(dāng)前展示的圖標(biāo)數(shù)據(jù)，執(zhí)行布局樣式和/或大小的切換。此外，在一可選實施方式中，圖標(biāo)切換信息包括：目標(biāo)圖標(biāo)，所述目標(biāo)圖標(biāo)的布局樣式和/或大小不同于直播應(yīng)用界面當(dāng)前展示的圖標(biāo)。相應(yīng)地，參見圖5，圖標(biāo)切換模塊304可以包括目標(biāo)圖標(biāo)切換單元403。所述目標(biāo)圖標(biāo)切換單元403，用于將所述直播應(yīng)用界面當(dāng)前展示的所述圖標(biāo)，替換為所述目標(biāo)圖標(biāo)。優(yōu)選地，目標(biāo)圖標(biāo)切換單元403可以向服務(wù)器請求目標(biāo)圖標(biāo)。

具體地，目標(biāo)圖標(biāo)切換單元403根據(jù)圖標(biāo)變大的指示信息，向服務(wù)器請求大圖標(biāo)，接收服務(wù)器下發(fā)的大圖標(biāo)并替換當(dāng)前展示的小圖標(biāo)。其中，大圖標(biāo)的清晰度不低于當(dāng)前展示的小圖標(biāo)。需要說明的是，將大圖標(biāo)切換到小圖標(biāo)時與上述操作相似，小圖標(biāo)的清晰度也不低于當(dāng)前展示的大圖標(biāo)，以便增強用戶的瀏覽體驗。

在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)，如ios、安卓，也可以與基于在此的示教一起使用。根據(jù)上面的描述，構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應(yīng)當(dāng)明白，可以利用各種編程語言實現(xiàn)在此描述的本發(fā)明的內(nèi)容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。

在此處所提供的說明書中，說明了大量具體細(xì)節(jié)。然而，能夠理解，本發(fā)明的實施例可以在沒有這些具體細(xì)節(jié)的情況下實踐。在一些實例中，并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù)，以便不模糊對本說明書的理解。

應(yīng)該注意的是上述實施例對本發(fā)明進(jìn)行說明而不是對本發(fā)明進(jìn)行限制，并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計出替換實施例。在權(quán)利要求中，不應(yīng)將位于括號之間的任何參考符號構(gòu)造成對權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計算機來實現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中，這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。