本發(fā)明涉及圖片展示技術(shù)領(lǐng)域,特別是涉及一種圖片輪換展示方法及裝置。
背景技術(shù):
以圖片的形式傳播信息能夠使人更加直觀地了解所傳播內(nèi)容,因此,應(yīng)用程序主頁、網(wǎng)站主頁等界面通常通過展示多張圖片的方式來介紹網(wǎng)站信息、應(yīng)用信息等內(nèi)容?,F(xiàn)有技術(shù)中,對于需要展示的多張圖片往往同時展示,例如,在主界面預(yù)留多個用于展示圖片的窗口,以同時展示圖片,進而使觀看者直觀地了解所傳播信息。
但是,現(xiàn)有技術(shù)中同時展示多張圖片的方式,會過多占據(jù)界面的展示空間,影響當前界面的其他內(nèi)容的顯示。
技術(shù)實現(xiàn)要素:
本發(fā)明實施例的目的在于提供一種圖片輪換展示方法及裝置,以減小界面所展示圖片占用的展示空間。具體技術(shù)方案如下:
第一方面,本發(fā)明實施例提供了一種圖片輪換展示方法,所述方法包括:
確定待輪換展示的圖片;
將所確定的圖片添加在用于輪換展示圖片的滾動視圖中;
向用戶展示所述滾動視圖中的一張圖片;
當滿足圖片輪換展示條件時,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述圖片輪換展示條件,包括:
圖片展示時長到達預(yù)設(shè)時長;
或
接收到用戶針對當前展示圖片的下一張圖片的展示指令。
可選的,所述通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片,包括:
以橫向滾動方式或豎向滾動方式,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片,其中,滾動方式為預(yù)先設(shè)置的。
可選的,所述通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片,包括:
以預(yù)設(shè)滾動距離滾動當前展示圖片的下一張圖片,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述方法還包括:
接收用戶針對當前展示圖片的信息的查看指令;
基于所述查看指令,顯示當前展示圖片的信息。
可選的,所述方法還包括:
接收用戶針對當前展示圖片的拖動指令;
基于所述拖動指令,平移當前展示圖片;
當接收到用戶針對平移的圖片取消拖動指令后,將所述滾動視圖中當前同時顯示的兩張圖片中占用所述滾動視圖比例大的圖片,確定為待顯示圖片;
通過所述滾動視圖,完全展示所述待顯示圖片。
第二方面,本發(fā)明實施例還提供了一種圖片輪換展示裝置,所述裝置包括:
第一確定模塊,用于確定待輪換展示的圖片;
添加模塊,用于將所確定的圖片添加在用于輪換展示圖片的滾動視圖中;
第一展示模塊,用于向用戶展示所述滾動視圖中的一張圖片;
第二展示模塊,用于當滿足圖片輪換展示條件時,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述圖片輪換展示條件,包括:
圖片展示時長到達預(yù)設(shè)時長;
或
接收到用戶針對當前展示圖片的下一張圖片的展示指令。
可選的,所述第二展示模塊,具體用于:
當滿足圖片輪換展示條件時,以橫向滾動方式或豎向滾動方式,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片,其中,滾動方式為預(yù)先設(shè)置的。
可選的,所述第二展示模塊,具體用于:
當滿足圖片輪換展示條件時,以預(yù)設(shè)滾動距離滾動當前展示圖片的下一張圖片,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述裝置還包括:
第一接收模塊,用于接收用戶針對當前展示圖片的信息的查看指令;
顯示模塊,用于基于所述查看指令,顯示當前展示圖片的信息。
可選的,所述裝置還包括:
第二接收模塊,用于接收用戶針對當前展示圖片的拖動指令;
平移模塊,用于基于所述拖動指令,平移當前展示圖片;
第二確定模塊,用于當接收到用戶針對平移的圖片取消拖動指令后,將所述滾動視圖中當前同時顯示的兩張圖片中占用所述滾動視圖比例大的圖片,確定為待顯示圖片;
第三展示模塊,用于通過所述滾動視圖,完全展示所述待顯示圖片。
本發(fā)明實施例提供的一種圖片輪換展示方法及裝置,所述方法將需要展示的圖片通過滾動視圖輪流展示。由于圖片被輪流展示,一個展示窗口可以展示多張圖片,因此,可以減小界面所展示圖片占用的展示空間。
附圖說明
為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
圖1為本發(fā)明實施例提供的一種圖片輪換展示方法的步驟流程圖;
圖2為本發(fā)明實施例提供的一種圖片輪換展示裝置的結(jié)構(gòu)示意圖。
具體實施方式
下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例?;诒景l(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例,都屬于本發(fā)明保護的范圍。
本發(fā)明實施例提供了一種圖片輪換展示方法及裝置,以下分別進行詳細介紹。
首先,介紹本發(fā)明實施例提供的一種圖片輪換展示方法,應(yīng)用于終端設(shè)備。需要說明的是,該終端設(shè)備可以為智能手機、平板電腦、臺式計算機等終端設(shè)備。具體的,上述方法應(yīng)用于終端設(shè)備上的一種圖片輪換展示裝置,該裝置可以為具有某種功能的應(yīng)用軟件,例如,圖片瀏覽器等;上述裝置還可以為應(yīng)用軟件的插件,例如,瀏覽器的插件、視頻播放器的插件、演示文稿的插件等。
如圖1所示,本發(fā)明實施例所提供的一種圖片輪換展示方法,所述方法包括如下步驟:
S101:確定待輪換展示的圖片;
其中,待輪換展示的圖片可以為來源于網(wǎng)絡(luò)的圖片,也可以為終端設(shè)備本地的圖片。對于上述圖片的格式、大小,本發(fā)明實施例不做限定。
在一種實現(xiàn)方式中,確定上述圖片的方式具體可以為:接收上述圖片的連接地址;將上述連接地址中所存儲的圖片確定為待輪換展示的圖片。其中,上述連接地址可以為本地地址,當然也可以為統(tǒng)一資源定位符。
在另一種實現(xiàn)方式中,上述確定方式還可以為:接收針對圖片的關(guān)鍵字;根據(jù)上述關(guān)鍵字確定待輪換展示圖片。例如,接收的關(guān)鍵字為“鋼筆”,將網(wǎng)絡(luò)(本地存儲空間)中關(guān)于鋼筆的圖片確定為待輪換展示圖片。
S102:將所確定的圖片添加在用于輪換展示圖片的滾動視圖中;
其中,滾動視圖是可以按照預(yù)設(shè)方向滑動的控件,其可以預(yù)先創(chuàng)建。對于滑動的方向,可以沿橫向方向滑動、沿豎向方向滑動,當然還可以沿傾斜線的方向滑動。
在一種實現(xiàn)方式中,可以通過如下代碼創(chuàng)建:
可選的,添加所確定圖片的步驟可以通過以下代碼實現(xiàn):
[scrollView addSubview:imageView].
將所確定圖片添加至滾動視圖后,滾動視圖可以輪流展示所添加圖片,即所確定圖片,進而制造出圖片滾動顯示的效果。
S103:向用戶展示所述滾動視圖中的一張圖片;
具體的,所展示的那一張圖片,可以為步驟S102中所添加圖片中的任意一張,具體展示哪一張圖片,可以由用戶自行設(shè)定。
S104:當滿足圖片輪換展示條件時,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
在一種實現(xiàn)方式中,圖片輪換展示條件可以為:圖片展示時長到達預(yù)設(shè)時長,其中,預(yù)設(shè)時長由用戶根據(jù)實際需求設(shè)定,本發(fā)明實施例在此不做限定。例如,將4張圖片添加至滾動視圖中,分別為圖片1、圖片2、圖片3和圖片4,預(yù)設(shè)時長為3秒,首次展示圖片1,當展示圖片1時長到達3秒時,展示圖片2;同樣當展示圖片2的時間到達3秒時,展示圖片3,以此規(guī)律展示圖片4。
可選的,對于時間的計時由預(yù)先設(shè)置的定時器完成,也就是說,由預(yù)設(shè)定時器對當前展示的時間進行計時。舉例而言,假設(shè)預(yù)設(shè)時長為3秒,當圖片1被滾動視圖展示時,定時器開始計時,當計時達到3秒時,定時器發(fā)出信號,以告知滾動視圖圖片1的展示時間結(jié)束,進而展示下一張圖片。
可選的,定時器可以通過以下代碼實現(xiàn):
在另一種實現(xiàn)方式中,圖片輪換展示條件還可以為:接收到用戶針對當前展示圖片的下一張圖片的展示指令。也就是說,如果沒有接收到用戶的指令,持續(xù)展示當前圖片。其中,上述指令可以為用戶針對某一控件的點擊操作。
當滿足圖片輪換展示條件時,滾動視圖按照步驟S102創(chuàng)建該滾動視圖時所設(shè)定的預(yù)設(shè)方向,向用戶展示當前展示圖片的下一張圖片,可選的,滾動方向可以是沿橫向方向滑動的橫向滾動,也可以是沿豎向方向滑動的豎向滾動。也就是說,以橫向滾動或者豎向滾動的方式通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。對于下一張圖片的確定方式,可以依據(jù)預(yù)先設(shè)定的展示圖片順序確定。對于展示圖片順序,具體可以為接收順序,還可以按照與關(guān)鍵字相關(guān)程度、圖片大小等將圖片進行排序,以確定下一張圖片。
可以理解的是,橫向滾動分為由左向右、由右向左兩個方向,同理,豎向滾動可以分為由上至下、由下至上兩個方向,無論按照哪一方向滾動展示下一張圖片,當當前顯示的圖片為展示順序中的最后一張圖片時,將展示順序所規(guī)定的第一張圖片確定為下一張圖片。
可選的,在滾動視圖實現(xiàn)展示下一張圖片的功能時,可以從當前展示圖片滾動至下一張圖片,具體的,可以以預(yù)設(shè)滾動距離滾動當前展示圖片的下一張圖片,使下一張圖片滾動至當前展示圖片所在的位置,進而通過滾動視圖向用戶展示上述下一張圖片。上述滾動距離可以為當前展示圖片的寬度(高度),例如,圖片1為當前展示圖片,圖片2為當前展示圖片的下一張圖片,將圖片2沿預(yù)設(shè)方向滾動預(yù)設(shè)距離,該距離為圖片1的寬度(高度),以使得圖片2滾動至圖片1的位置,進而滾動視圖展示圖片2。當然,滾動距離還可以為當前圖片寬度(高度)的1/2、1/3等,當滾動距離分別為上述數(shù)值,相應(yīng)的,分別滾動兩次、三次以完全展示下一張圖片。
當滾動視圖展示下一張圖片且滿足圖片輪換展示條件時,繼續(xù)展示再下一張圖片,以此循環(huán),展示所有添加至滾動視圖的圖片。
本發(fā)明實施例提供的一種圖片輪換展示方法,所述方法將需要展示的圖片通過滾動視圖輪流展示。由于圖片被輪流展示,一個展示窗口可以展示多張圖片,因此,可以減小界面所展示圖片占用的展示空間。
進一步的,本發(fā)明實施例還可以顯示當前展示圖片的信息,具體包括如下步驟:接收用戶針對當前展示圖片的信息的查看指令;基于所述查看指令,顯示當前展示圖片的信息。其中,上述查看指令可以為手指、鼠標的點擊操作,具體可以為單次點擊、雙擊、三次點擊等。當檢測到上述指令,顯示上述指令所對應(yīng)的圖片的信息。圖片的信息可以包括圖片的創(chuàng)建時間、修改時間、鏈接地址等。
再進一步的,本發(fā)明實施例的方法還可以根據(jù)用戶的拖動動作展示圖片,具體步驟可以包括:接收用戶針對當前展示圖片的拖動指令;基于所述拖動指令,平移當前展示圖片;當接收到用戶針對平移的圖片取消拖動指令后,將所述滾動視圖中當前同時顯示的兩張圖片中占用所述滾動視圖比例大的圖片,確定為待顯示圖片;通過所述滾動視圖,完全展示所述待顯示圖片。
其中的拖動指令,可以為鼠標的拖動指令,對于觸摸屏來說,可以為手指的拖動指令。
可選的,基于拖動指令中,用戶鼠標(手指)的拖動距離平移當前圖片。其中,上述拖動距離與當前圖片的平移距離之間的關(guān)系,可以為1:1、1:2、2:1、1:3等,本發(fā)明實施例不做具體限定。舉例來說,當拖動距離與當前圖片的平移距離之間的關(guān)系為1:2時,鼠標(手指)沿預(yù)設(shè)距離拖動1cm(厘米)的距離,當前展示圖片沿預(yù)設(shè)方向平移2cm;當拖動距離與當前圖片的平移距離之間的關(guān)系為2:1時,鼠標(手指)沿預(yù)設(shè)距離拖動1cm的距離,當前展示圖片沿預(yù)設(shè)方向平移0.5cm。
需要說明的是,圖片取消拖動指令可以在鼠標(手指)松開所拖動的圖片的情況下生成,或者,還可以在鼠標(手指)已經(jīng)移動至屏幕邊緣,無法繼續(xù)移動的情況下生成。當接收到圖片取消拖動指令,表明用戶不需要圖片繼續(xù)移動或者無法繼續(xù)移動圖片。
在接收到圖片取消移動指令時,可能會出現(xiàn)同時展示兩張圖片的部分內(nèi)容的情況。因此,將滾動視圖中當前同時顯示的兩張圖片(當前展示圖片,以及其下一張圖片)中占用滾動視圖比例大的圖片,確定為待顯示圖片,進而通過滾動視圖,完全展示上述待顯示圖片。
相應(yīng)于上述方法實施例,如圖2所示,本發(fā)明實施例還提供了一種圖片輪換展示裝置,所述裝置包括:
第一確定模塊210,用于確定待輪換展示的圖片;
添加模塊220,用于將所確定的圖片添加在用于輪換展示圖片的滾動視圖中;
第一展示模塊230,用于向用戶展示所述滾動視圖中的一張圖片;
第二展示模塊240,用于當滿足圖片輪換展示條件時,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述圖片輪換展示條件,包括:
圖片展示時長到達預(yù)設(shè)時長;
或
接收到用戶針對當前展示圖片的下一張圖片的展示指令。
可選的,所述第二展示模塊240具體用于:
當滿足圖片輪換展示條件時,以橫向滾動方式或豎向滾動方式,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片,其中,滾動方式為預(yù)先設(shè)置的。
可選的,所述第二展示模塊具240體用于:
當滿足圖片輪換展示條件時,以預(yù)設(shè)滾動距離滾動當前展示圖片的下一張圖片,通過所述滾動視圖向用戶展示當前展示圖片的下一張圖片。
可選的,所述裝置還包括:
第一接收模塊,用于接收用戶針對當前展示圖片的信息的查看指令;
顯示模塊,用于基于所述查看指令,顯示當前展示圖片的信息。
可選的,所述裝置還包括:
第二接收模塊,用于接收用戶針對當前展示圖片的拖動指令;
平移模塊,用于基于所述拖動指令,平移當前展示圖片;
第二確定模塊,用于當接收到用戶針對平移的圖片取消拖動指令后,將所述滾動視圖中當前同時顯示的兩張圖片中占用所述滾動視圖比例大的圖片,確定為待顯示圖片;
第三展示模塊,用于通過所述滾動視圖,完全展示所述待顯示圖片。
本發(fā)明實施例提供的一種圖片輪換展示裝置,所述方法將需要展示的圖片通過滾動視圖輪流展示。由于圖片被輪流展示,一個展示窗口可以展示多張圖片,因此,可以減小界面所展示圖片占用的展示空間。
本說明書中的各個實施例均采用相關(guān)的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對于裝置實施例而言,由于其基本相似于方法實施例,所以描述的比較簡單,相關(guān)之處參見方法實施例的部分說明即可。
需要說明的是,在本文中,諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來,而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且,術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下,由語句“包括一個……”限定的要素,并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。
以上所述僅為本發(fā)明的較佳實施例而已,并非用于限定本發(fā)明的保護范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進等,均包含在本發(fā)明的保護范圍內(nèi)。