一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置,包括:設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn);設(shè)置每個(gè)所述列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)所述列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù);檢測到針對所述列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一和第二類參數(shù);根據(jù)所述相應(yīng)變化的第一和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。本發(fā)明能夠確定列表區(qū)在播放記錄展示區(qū)中的顯示位置,解決了現(xiàn)有技術(shù)存在的問題。
【專利說明】一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及界面設(shè)計(jì)【技術(shù)領(lǐng)域】,尤其涉及一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置。
【背景技術(shù)】
[0002]播放記錄,即用戶曾經(jīng)播放過的視頻的記錄列表,用戶播放了哪些視頻,什么時(shí)間播放的,視頻的播放進(jìn)度等都是播放記錄列表中的內(nèi)容。
[0003]現(xiàn)有技術(shù)是采用靜態(tài)方式呈現(xiàn)用戶的播放記錄,當(dāng)用戶進(jìn)入播放記錄頁面(播放記錄展示區(qū))時(shí),以文字形式靜態(tài)呈現(xiàn)用戶曾經(jīng)播放過的視頻信息,并且這些播放過的視頻信息是按照用戶觀看的時(shí)間先后排序呈現(xiàn)給用戶的。
[0004]現(xiàn)有的播放記錄展示頁上顯示視頻信息的播放記錄列表區(qū)、時(shí)間節(jié)點(diǎn)、以及與時(shí)間節(jié)點(diǎn)對應(yīng)的節(jié)點(diǎn)標(biāo)簽等元素的尺寸、各元素間的間距以及各元素距離展示頁邊框的距離都是固定的,并且每個(gè)元素在展示頁上的位置也是相互影響的,即,其中一個(gè)元素的位置發(fā)生變化時(shí),會影響展示頁中所有元素的布局。
[0005]因此,現(xiàn)有的為用戶呈現(xiàn)播放記錄的方案有以下問題:
[0006]當(dāng)需要給展示頁上的各元素添加動態(tài)效果時(shí),需要改變各元素的尺寸、元素間的間距等參數(shù),以及元素在展示頁中的位置,現(xiàn)有方案不能根據(jù)這些改變,重新在展示頁上對各元素進(jìn)行合理布局,很容易造成展示頁上各元素整體布局混亂。
【發(fā)明內(nèi)容】
[0007]本發(fā)明提供了一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置,用以解決現(xiàn)有技術(shù)中,不能根據(jù)元素的尺寸、元素間距、元素在播放記錄展示區(qū)中位置的變化,重新在展示頁上對各元素進(jìn)行合理布局,很容易造成展示頁上各元素整體布局混亂的問題。
[0008]本發(fā)明提供了一種定位播放記錄展示區(qū)中元素顯示位置的方法,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,包括:
[0009]設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn);
[0010]設(shè)置每個(gè)所述列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)所述列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù);
[0011]檢測到針對所述列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參數(shù)及第二類參數(shù);
[0012]根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。
[0013]所述方法,進(jìn)一步包括:
[0014]設(shè)置每個(gè)所述列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表元素定位點(diǎn)所需的第三類參數(shù),以及通過所述列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù);
[0015]檢測到針對該列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù);
[0016]根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生動效的列表元素的顯示位置。
[0017]這樣可以對播放記錄展示區(qū)中任意一個(gè)列表元素進(jìn)行定位,當(dāng)只需對播放記錄展示區(qū)中某一個(gè)元素添加動效時(shí),可在確定出添加動效的列表元素的顯示位置的同時(shí),不影響其它列表元素的顯示位置。
[0018]所述方法,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線,所述方法還包括:
[0019]設(shè)置所述時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于所述坐標(biāo)原點(diǎn)的坐標(biāo);
[0020]檢測到針對所述時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo);
[0021]根據(jù)相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
[0022]通過時(shí)間線,用戶可按照播放記錄展示區(qū)中的列表元素的播放時(shí)間順序?yàn)g覽播放記錄。
[0023]所述方法,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)所述列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識,所述方法還包括:
[0024]設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)定位點(diǎn)所需的第五類參數(shù);
[0025]檢測到針對所述時(shí)間線的變化指令時(shí),還進(jìn)一步包括:
[0026]計(jì)算相應(yīng)變化的第五類參數(shù);
[0027]根據(jù)所述相應(yīng)變化的第五類參數(shù),確定發(fā)生變化的所述時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
[0028]時(shí)間節(jié)點(diǎn)標(biāo)識用于將播放記錄列表區(qū),按照播放時(shí)間的先后順序顯示在播放記錄展示區(qū)上,使用戶瀏覽播放記錄展示頁時(shí),有更好的體驗(yàn)。比如將播放記錄按照播放日期分為三類:今日播放,昨日播放,以及更早播放。
[0029]所述方法,所述播放記錄展示區(qū)中,在列表區(qū)中兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽,所述方法還包括:
[0030]設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù);
[0031]檢測到針對所述時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),還進(jìn)一步包括:
[0032]計(jì)算相應(yīng)變化的第六類參數(shù);
[0033]根據(jù)所述相應(yīng)變化的第六類參數(shù),確定發(fā)生變化的所述時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。
[0034]其中,時(shí)間節(jié)點(diǎn)標(biāo)簽用于顯示該標(biāo)簽所對應(yīng)的播放記錄展示區(qū)中各個(gè)列表元素的播放時(shí)間/播放日期,可使用戶快速獲得當(dāng)前瀏覽的播放記錄的播放時(shí)間/播放日期。[0035]所述方法中,通過所述坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)之間的間距、每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù)、第一個(gè)列表區(qū)距播放記錄展示區(qū)的上邊距;
[0036]通過每個(gè)所述列表區(qū)定位點(diǎn)定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度、列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)距離播放記錄展示區(qū)的右邊距、列表區(qū)中各列表元素左右間距、每個(gè)列表元素的高度、每個(gè)列表元素的寬度、列表區(qū)中各列表元素上下間距、每個(gè)列表區(qū)中列表元素的行數(shù)。
[0037]根據(jù)第一類參數(shù)和第二類參數(shù)可確定出列表區(qū)定位點(diǎn)以及整個(gè)列表區(qū)在播放記錄展示區(qū)中的顯示位置。
[0038]本發(fā)明還提供了一種定位播放記錄展示區(qū)中元素顯示位置的裝置,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,包括:
[0039]設(shè)置單元,用于設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原占.[0040]記錄單元,用于設(shè)置每個(gè)所述列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)所述列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù);
[0041]檢測單元,用于檢測到針對所述列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參
數(shù)及第二類參數(shù);
[0042]確定單元,用于根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。
[0043]所述裝置中,所述記錄單元進(jìn)一步用于,設(shè)置每個(gè)所述列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表元素定位點(diǎn)所需的第三類參數(shù),以及通過所述列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù);
[0044]所述檢測單元進(jìn)一步用于,檢測到針對該列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù);
[0045]所述確定單元進(jìn)一步用于,根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生變化的列表元素的顯示位置。
[0046]所述裝置,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于所述坐標(biāo)原點(diǎn)的坐標(biāo);
[0047]所述檢測單元還用于,檢測到針對所述時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo);
[0048]所述確定單元還用于,根據(jù)發(fā)生變化的所述時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
[0049]所述裝置,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)所述列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)定位點(diǎn)所需的第五類參數(shù);[0050]所述檢測單元還用于,檢測到針對所述時(shí)間線的動效指令時(shí),計(jì)算發(fā)生變化的第五類參數(shù);
[0051]所述確定單元還用于,根據(jù)所述相應(yīng)變化的第五類參數(shù),確定發(fā)生變化的所述時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
[0052]所述裝置,所述播放記錄展示區(qū)中,在列表區(qū)中兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù);
[0053]所述檢測單元還用于,檢測到針對所述時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),計(jì)算相應(yīng)變化的第六類參數(shù);
[0054]所述確定單元還用于,根據(jù)所述相應(yīng)變化的第六類參數(shù),確定發(fā)生變化的所述時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。
[0055]所述裝置,通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距;列表區(qū)之間的間距;每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù);第一個(gè)列表區(qū)距播放記錄展示區(qū)的上邊距;
[0056]通過每個(gè)列表區(qū)定位點(diǎn)定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度;列表區(qū)距離播放記錄展示區(qū)的左邊距;列表區(qū)距離播放記錄展示區(qū)的右邊距;列表區(qū)中各列表元素左右間距;每個(gè)列表元素的高度;每個(gè)列表元素的寬度;列表區(qū)中各列表元素上下間距;每個(gè)列表區(qū)中列表元素的行數(shù)。
[0057]利用本發(fā)明提供定位播放記錄列表元素顯示位置的方法及裝置,具有以下有益效果:可實(shí)時(shí)確定出列表元素大小和位置發(fā)生變化后,元素在播放記錄展示區(qū)中的顯示位置,并能夠根據(jù)重新確定的顯示位置,合理的對播放記錄展示區(qū)中各元素進(jìn)行布局,解決了現(xiàn)有技術(shù)存在的問題。
【專利附圖】
【附圖說明】
[0058]圖1為本發(fā)明實(shí)施例提供的定位播放記錄展示區(qū)中元素顯示位置的方法流程圖;
[0059]圖2為本發(fā)明實(shí)施例提供的定位各個(gè)列表元素顯示位置方法流程圖;
[0060]圖3為本發(fā)明實(shí)施例提供的定位時(shí)間線顯示位置方法流程圖;
[0061]圖4為本發(fā)明實(shí)施例提供的定位時(shí)間線節(jié)點(diǎn)標(biāo)識顯示位置方法流程圖;
[0062]圖5為本發(fā)明實(shí)施例提供的定位時(shí)間線節(jié)點(diǎn)標(biāo)簽顯示位置方法流程圖;
[0063]圖6為本發(fā)明提供的【具體實(shí)施方式】示意圖;
[0064]圖7為本發(fā)明實(shí)施例提供的定位播放記錄展示區(qū)中元素顯示位置的裝置示意圖?!揪唧w實(shí)施方式】
[0065]下面結(jié)合附圖和實(shí)施例對本發(fā)明提出的定位播放記錄展示區(qū)中元素顯示位置的方法進(jìn)行更詳細(xì)的說明。
[0066]本發(fā)明提供了一種定位播放記錄展示區(qū)中元素顯示位置的方法,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,如圖1所示,包括:
[0067]步驟101,設(shè)置播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn)。[0068]具體的,播放記錄展示區(qū)上預(yù)定的絕對參考點(diǎn)可為播放記錄展示區(qū)的一個(gè)頂點(diǎn),即,兩個(gè)播放記錄展示區(qū)邊框的交點(diǎn),優(yōu)選地,絕對參考點(diǎn)為位于播放記錄展示區(qū)左上角的頂點(diǎn)。本實(shí)施例中的絕對參考點(diǎn)是播放記錄展示區(qū)所在頁面上的某一點(diǎn)。
[0069]步驟102,設(shè)置每個(gè)列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)。
[0070]步驟103,檢測到針對列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參數(shù)及第二類參數(shù)。
[0071]步驟104,根據(jù)相應(yīng)變化的第一類參數(shù)及第二類參數(shù)。確定發(fā)生變化的列表區(qū)的顯示位置。
[0072]本發(fā)明實(shí)施例中,各列表區(qū)的顯示位置都是相對絕對參考點(diǎn)的位置,S卩,各個(gè)列表區(qū)之間的顯示位置沒有影響,當(dāng)其中一個(gè)列表區(qū)的顯示位置發(fā)生變化時(shí),其它列表區(qū)的顯示位置可以變化也可以不變,當(dāng)其它列表區(qū)的顯示位置不變時(shí),顯示位置發(fā)生變化的列表區(qū)在顯示時(shí)可能會覆蓋其它列表元素。當(dāng)然,其它列表區(qū)也可以根據(jù)發(fā)生動效的列表區(qū)的顯示位置的變化,重新確定自身的顯示位置,從而根據(jù)發(fā)生動效的列表區(qū)顯示位置的變化使各個(gè)列表區(qū)合理的顯示在播放記錄展示區(qū),進(jìn)而實(shí)現(xiàn)對播放記錄展示區(qū)的合理布局。
[0073]具體的,通過坐標(biāo)原點(diǎn)定位第一個(gè)列表區(qū)定位點(diǎn)(第一個(gè)列表區(qū)左上角的點(diǎn))所需的第一類參數(shù),為第一個(gè)列表區(qū)距離播放記錄展示區(qū)的左邊距b和上邊距C,那么根據(jù)左邊距和上邊距可計(jì)算出第一個(gè)列表區(qū)定位點(diǎn)左上角位置相對于坐標(biāo)原點(diǎn)的坐標(biāo)(b,c);
[0074]通過坐標(biāo)原點(diǎn)定位其余列表區(qū)定位點(diǎn)所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距b、列表區(qū)之間的上下間距d、每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù)q、列表區(qū)中各列表元素上下間距η、每個(gè)列表元素的高度1、每個(gè)列表區(qū)中列表元素的行數(shù)r、第一個(gè)列表區(qū)距播放記錄展示區(qū)的上邊距C。
[0075]其中,每個(gè)列表區(qū)所對應(yīng)的行數(shù)可能相同也可能不同,在通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)時(shí),根據(jù)每個(gè)列表區(qū)中列表元素的行數(shù)r,優(yōu)選先計(jì)算出所要定位的列表區(qū)定位點(diǎn)之前所有列表區(qū)中列表元素的行數(shù)m并記錄,則通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)時(shí),需要計(jì)算所要定位的列表區(qū)定位點(diǎn)相對坐標(biāo)原點(diǎn)的坐標(biāo),該坐標(biāo)的橫坐標(biāo)為b,縱坐標(biāo)計(jì)算公式為:c+qd+m(l+n)-nq,即每個(gè)列表區(qū)定位點(diǎn)相對坐標(biāo)原點(diǎn)的坐標(biāo)為(b,c+qd+m (I +n) -nq ),當(dāng)檢測到第一類參數(shù)中一個(gè)參數(shù)發(fā)生變化時(shí),可根據(jù)計(jì)算坐標(biāo)的計(jì)算公式得出參數(shù)發(fā)生變化之后每個(gè)列表區(qū)定位點(diǎn)相對原點(diǎn)的坐標(biāo),并將該坐標(biāo)的位置確定為列表區(qū)定位點(diǎn)在播放記錄展示區(qū)上的顯示位置。
[0076]列表區(qū)定位點(diǎn)的顯示位置確定之后,要進(jìn)一步顯示列表區(qū)中各列表元素的顯示位置,最終確定整個(gè)列表區(qū)的顯示位置。
[0077]具體的,通過每個(gè)列表區(qū)定位點(diǎn)定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度a、列表區(qū)距離播放記錄展示區(qū)的左邊距b、列表區(qū)距離播放記錄展示區(qū)的右邊距f、列表區(qū)中各列表元素左右間距e、每個(gè)列表元素的高度1、每個(gè)列表元素的寬度k、列表區(qū)中各列表元素上下間距η。
[0078]通過第二類參數(shù)可計(jì)算出每個(gè)列表區(qū)中每行顯示的列表元素的個(gè)數(shù),計(jì)算公式為:(a-b-f+e) /(k+e),當(dāng)該公式的計(jì)算結(jié)果為非整數(shù)時(shí),向前取整,比如該公式計(jì)算結(jié)果為3.6,則取3為該公式最終的計(jì)算結(jié)果。由此可計(jì)算出每個(gè)列表區(qū)有中每行能顯示的列表元素的個(gè)數(shù),統(tǒng)計(jì)每個(gè)列表區(qū)中列表元素的總個(gè)數(shù),根據(jù)每個(gè)列表區(qū)中列表元素的總個(gè)數(shù)與每行顯示列表元素的個(gè)數(shù)之比可得出每個(gè)列表區(qū)中列表元素的行數(shù),在列表區(qū)中個(gè)列表元素上下間距及列表元素的高度和寬度已知,再根據(jù)每個(gè)列表元素定位點(diǎn)上面列表元素的個(gè)數(shù)和每個(gè)列表元素左面的列表元素個(gè)數(shù)以及列表區(qū)定位點(diǎn)坐標(biāo),定位列表區(qū)除左上角列表元素外其余列表元素顯示位置。這樣列表區(qū)以及列表區(qū)中每個(gè)列表元素的顯示位置都能確定,從而整個(gè)播放記錄展示區(qū)中所有元素的顯示位置確定,進(jìn)而確定整個(gè)列表區(qū)的顯示位置。
[0079]當(dāng)播放記錄展示區(qū)無法同時(shí)顯示所有列表區(qū)或列表元素時(shí),通過播放記錄展示也上的滾動條來瀏覽未被顯示的列表區(qū)或列表元素,未被顯示的列表區(qū)或列表元素的顯示位置的定位還是采用本實(shí)施例來定位。
[0080]基于上述實(shí)施例,當(dāng)需要只對列表區(qū)中某個(gè)列表元素添加動效時(shí),進(jìn)一步包括,如圖2所示:
[0081]步驟201,設(shè)置每個(gè)列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位每個(gè)列表元素定位點(diǎn)所需的第三類參數(shù),以及通過列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù)。
[0082]設(shè)置左上角位置的點(diǎn)為列表元素定位點(diǎn)只是一種優(yōu)選地實(shí)施方式,還可以設(shè)置列表元素上的左下角等位置的點(diǎn)為列表元素定位點(diǎn)。這里通過坐標(biāo)原點(diǎn)定位每個(gè)列表元素的顯示位置,可以使列表元素在顯示時(shí)互不影響,即,其中一個(gè)列表元素的顯示位置發(fā)生變化之后,不影響其它列表元素的顯示位置,但可能會覆蓋其它列表元素。
[0083]步驟202,檢測到針對列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù)。
[0084]步驟203,根據(jù)相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生變化的列表元素的顯示位置。
[0085]其中第三類參數(shù)包括:列表元素距離播放記錄展示區(qū)的左邊距和上邊距,該列表元素位于其所對應(yīng)的列表區(qū)中的行數(shù)和列數(shù),列表元素之間的上下間距和左右間距,列表元素所對應(yīng)的列表區(qū)之前列表區(qū)的個(gè)數(shù),列表區(qū)之間的間距。
[0086]第四類參數(shù)包括:列表元素自身的寬和高。
[0087]具體計(jì)算發(fā)生變化的列表元素的顯示位置的方法和上述實(shí)施例中計(jì)算列表區(qū)顯示位置的方法類似,這里不再贅述。
[0088]當(dāng)檢測到變化指令,指示播放記錄展示區(qū)中某個(gè)列表元素顯示位置需要發(fā)生變化時(shí),根據(jù)本發(fā)明實(shí)施例即可實(shí)時(shí)計(jì)算出顯示位置變化的列表元素顯示位置發(fā)生變化之后的顯示位置并在播放記錄展示區(qū)上顯示。
[0089]變化指令也可能會只是列表元素自身的寬和高發(fā)生變化,當(dāng)其自身的寬和高發(fā)生變化時(shí),也可根據(jù)本發(fā)明實(shí)施例的定位方法,定位出列表元素的顯示位置,這里不再贅述。
[0090]具體的,也可直接記錄所要添加動效(發(fā)生變化)的列表元素相對于坐標(biāo)原點(diǎn)的坐標(biāo),以及元素本身的寬和高,根據(jù)變化指令指示列表元素的移動方向以及移動的步長可計(jì)算出列表元素發(fā)生變化之后的顯示位置,當(dāng)列表元素本身的寬和高發(fā)生變換時(shí),可也利用這種方法定位出列表元素的顯示位置,這里不再贅述。[0091]基于上述實(shí)施例,優(yōu)選地,如圖3所示,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線,還包括:
[0092]步驟301,設(shè)置時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于坐標(biāo)原點(diǎn)的坐標(biāo)。
[0093]步驟302,檢測到針對時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的時(shí)間線定位點(diǎn)的坐標(biāo)。
[0094]步驟303,根據(jù)發(fā)生變化的時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
[0095]通過時(shí)間線,用戶可按照播放記錄展示區(qū)中的列表元素的播放時(shí)間順序?yàn)g覽播放記錄。
[0096]其中,時(shí)間線具有一定的寬度P,時(shí)間線距離播放記錄展示區(qū)左邊距為X,時(shí)間線距離播放記錄展示區(qū)上邊距為C,則時(shí)間線定位點(diǎn)相對于坐標(biāo)原點(diǎn)的坐標(biāo)為(X,C),該坐標(biāo)相當(dāng)于時(shí)間線在播放記錄展示區(qū)的初始顯示位置,當(dāng)檢測到針對時(shí)間線的變化指令,只是時(shí)間線位置發(fā)生變化時(shí),重新確定時(shí)間線定位點(diǎn)的坐標(biāo),并將該坐標(biāo)的位置確定為發(fā)生變化(動效)的時(shí)間線定位點(diǎn)的顯示位置,由于時(shí)間線的寬度已知,時(shí)間線定位點(diǎn)的顯示位置確定之后,整個(gè)時(shí)間線的顯示位置也就確定。
[0097]優(yōu)選地,時(shí)間線與列表區(qū)有一定間距,這樣可以使時(shí)間線與列表區(qū)之間互不影響。
[0098]基于上述實(shí)施例,優(yōu)選地,如圖4所示,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識,還包括:
[0099]步驟401,設(shè)置時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)所需的第五類參數(shù)。
[0100]步驟402,檢測到針對時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的第五類參數(shù)。
[0101]步驟403,根據(jù)相應(yīng)變化第五類參數(shù),確定發(fā)生變化的時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的
顯示位置。
[0102]所述時(shí)間節(jié)點(diǎn)標(biāo)識用于將播放記錄列表區(qū),按照播放時(shí)間的先后順序顯示在播放記錄展示區(qū)上,使用戶瀏覽播放記錄展示頁時(shí),有更好的體驗(yàn)。比如將播放記錄按照播放日期分為三類:今日播放,昨日播放,以及更早播放。
[0103]優(yōu)選地,所述時(shí)間節(jié)點(diǎn)標(biāo)識的圓心位于具有一定寬度的時(shí)間線的縱向?qū)ΨQ軸上,所述第五類參數(shù)包括:時(shí)間線寬度P、時(shí)間線距離播放記錄展示區(qū)左邊距為X、時(shí)間線距離播放記錄展示區(qū)上邊距為C、列表區(qū)之間的間距d、每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù)q,即每個(gè)時(shí)間節(jié)點(diǎn)標(biāo)識之前顯示的時(shí)間節(jié)點(diǎn)標(biāo)識的個(gè)數(shù)、列表區(qū)中各列表元素上下間距η、每個(gè)列表元素的高度1、所要定位的列表區(qū)定位點(diǎn)之前所有列表區(qū)中列表元素的行數(shù)m,即所要定位的時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)之前所有列表區(qū)中列表元素的行數(shù)。
[0104]根據(jù)所述第五類參數(shù),確定時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)的坐標(biāo),橫坐標(biāo)為:x+p/2,縱坐標(biāo)為:c+qd+m (I +n) _nq+d/2,當(dāng)檢測到針對時(shí)間線的變化指令時(shí),時(shí)間線中的時(shí)間節(jié)點(diǎn)標(biāo)識的位置可能會由于時(shí)間線顯示位置的變化而發(fā)生變化,當(dāng)時(shí)間節(jié)點(diǎn)標(biāo)識的位置變化時(shí),可計(jì)算發(fā)生變化的第五類參數(shù),根據(jù)所計(jì)算的第五類參數(shù)以及上述根據(jù)第五類參數(shù)確定時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)坐標(biāo)的公式,確定時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
[0105]其中,時(shí)間節(jié)點(diǎn)標(biāo)識的形狀還可以為其它規(guī)則圖形,比如等邊三角形、正六邊形等,可設(shè)置規(guī)則圖形的中心為時(shí)間節(jié)點(diǎn)定位點(diǎn)。
[0106]基于上述實(shí)施例,優(yōu)選地,如圖5所示,所述播放記錄展示區(qū)中,在列表區(qū)中兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽,還包括:
[0107]步驟501,設(shè)置時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù)。
[0108]步驟502,檢測到針對時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),計(jì)算相應(yīng)變化的第六類參數(shù)。
[0109]步驟503,根據(jù)相應(yīng)變化第六類參數(shù),確定發(fā)生變化的時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。
[0110]所述時(shí)間節(jié)點(diǎn)標(biāo)簽用于顯示該標(biāo)簽所對應(yīng)的播放記錄展示區(qū)中各個(gè)列表元素的播放時(shí)間/播放日期,比如在剛進(jìn)入播放記錄展示區(qū)時(shí),最先顯示今日時(shí)間節(jié)點(diǎn)標(biāo)簽,該標(biāo)簽下面對應(yīng)顯示在今日觀看的播放記錄,在今日播放記錄的后面顯示昨日時(shí)間節(jié)點(diǎn)標(biāo)簽,并在該時(shí)間節(jié)點(diǎn)標(biāo)簽下面顯示昨日的播放記錄。
[0111]時(shí)間節(jié)點(diǎn)標(biāo)簽的位置可根據(jù)實(shí)際情況設(shè)定,優(yōu)選地,所述時(shí)間節(jié)點(diǎn)標(biāo)簽與所述時(shí)間節(jié)點(diǎn)標(biāo)識的右側(cè),距離時(shí)間節(jié)點(diǎn)標(biāo)識的距離為z,時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽距離時(shí)間節(jié)點(diǎn)標(biāo)識最近且與時(shí)間節(jié)點(diǎn)標(biāo)識的圓心位于同一直線上的點(diǎn),則所述第六類參數(shù)包括:時(shí)間節(jié)點(diǎn)標(biāo)簽距離時(shí)間節(jié)點(diǎn)標(biāo)識的距離z、時(shí)間節(jié)點(diǎn)標(biāo)識的半徑g以及所述第五類參數(shù),本發(fā)明實(shí)施例中,時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)只是相對于時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)向右移動了距離z+g/2,因此時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)的橫坐標(biāo)為:x+p/2+Z+g/2,縱坐標(biāo)與時(shí)間節(jié)點(diǎn)標(biāo)識的縱坐標(biāo)相同,即:c+qd+m(l+n)-nq+d/2,當(dāng)檢測到針對時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),通過時(shí)間節(jié)點(diǎn)標(biāo)簽的橫縱坐標(biāo)計(jì)算變化指令指示時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置并顯示。
[0112]本發(fā)明提供的定位播放記錄展示區(qū)中元素顯示位置的方法,為對播放記錄展示區(qū)中各個(gè)列表區(qū)及列表區(qū)中的各個(gè)元素添加動效時(shí)提供了前提,可以根據(jù)變化指令,定位出播放記錄展示區(qū)中個(gè)各個(gè)元素的顯示位置。其中,添加動效后,可能是其中一個(gè)參數(shù)發(fā)生變化,也可能是其中多個(gè)參數(shù)發(fā)生變化,無論參數(shù)增么變化,都可以根據(jù)本發(fā)明提供的方法,實(shí)時(shí)定位出各元素顯示位置的坐標(biāo),以實(shí)現(xiàn)定位各元素顯示位置的目的。
[0113]本發(fā)明提供的方法,即可只針對播放記錄展示區(qū)的列表區(qū)中的一個(gè)元素添加動效,其它元素的大小和位置保持不變,也可針對各個(gè)列表區(qū)中以及列表區(qū)中所有元素添加動效或改變元素的大小,并對播放記錄展示區(qū)上各元素的顯示位置進(jìn)行布局。
[0114]下面通過詳細(xì)的實(shí)施例來說明本發(fā)明提供的定位播放記錄展示區(qū)中元素顯示位置的方法。
[0115]如圖6所示,播放記錄展示區(qū)以及播放記錄展示區(qū)中所包含的各個(gè)元素,包括:播放記錄列表區(qū)、播放記錄列表元素、時(shí)間線、時(shí)間節(jié)點(diǎn)標(biāo)識以及時(shí)間節(jié)點(diǎn)標(biāo)簽。
[0116]首先設(shè)定計(jì)算播放記錄展示區(qū)中所包含的各個(gè)元素所需的參數(shù):
[0117]播放記錄展示區(qū)的寬度為a,列表元素的寬度為k,列表元素的高度為1,列表區(qū)距離播放記錄展示區(qū)的右邊距為f,同一列表區(qū)的列表元素之間的上下邊距為n,左右邊距為e,第一個(gè)列表區(qū)的頂端與時(shí)間線的頂端在同一直線上,二者距離播放記錄展示區(qū)的上邊距為C,時(shí)間線距離播放記錄展示區(qū)左邊距為X,時(shí)間線的寬度為P,列表區(qū)距離時(shí)間線的距離為y,時(shí)間節(jié)點(diǎn)標(biāo)識的直徑為g,且時(shí)間節(jié)點(diǎn)標(biāo)識的圓心位于時(shí)間線縱向?qū)ΨQ軸上,時(shí)間節(jié)點(diǎn)標(biāo)簽為長方形,該長方形的較短邊的中間位置向長方形的外側(cè)延伸出一個(gè)尖角,該尖角距離時(shí)間節(jié)點(diǎn)標(biāo)識的距離為z,長方形中較短的一邊長度為j,長方形距離上一個(gè)列表區(qū)的距離為h,距離下一個(gè)列表區(qū)的距離為i,則根據(jù)本發(fā)明提供的定位方法定位各元素的顯示位置的計(jì)算方法為:
[0118]設(shè)置播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn),與坐標(biāo)原點(diǎn)相鄰的兩個(gè)邊框作為橫縱坐標(biāo),設(shè)定時(shí)間線的左上角的點(diǎn)為時(shí)間線定位點(diǎn),設(shè)定列表區(qū)左上角的點(diǎn)為列表區(qū)定位點(diǎn),設(shè)定時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn),設(shè)定時(shí)間節(jié)點(diǎn)標(biāo)簽尖角處的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),要定位播放記錄展示區(qū)中元素的位置,就要計(jì)算出各個(gè)定位點(diǎn)的顯示位置:
[0119]時(shí)間線定位點(diǎn)的顯示位置的坐標(biāo)為:(x,c);
[0120]第一個(gè)列表顯示區(qū)定位點(diǎn)的坐標(biāo)為:(X,c);
[0121]播放記錄展示區(qū)的列表區(qū)中每行能顯示的列表元素的個(gè)數(shù)為:
[0122]V= (a-f-x-p-y+e)/(k+e),該公式向前取整為每行能顯示的列表元素的個(gè)數(shù),統(tǒng)計(jì)每個(gè)列表區(qū)中列表元素的個(gè)數(shù)W,則w/v為每個(gè)列表區(qū)中列表的行數(shù)。
[0123]假設(shè)時(shí)間節(jié)點(diǎn)標(biāo)識前的時(shí)間節(jié)點(diǎn)標(biāo)識有q個(gè),在q個(gè)時(shí)間節(jié)點(diǎn)標(biāo)識中各個(gè)列表區(qū)中播放列表的總行數(shù)為m,則任一時(shí)間節(jié)點(diǎn)標(biāo)識定位點(diǎn)的坐標(biāo)為:(x+2/p,(h+j+i)X q+(1+n)Xm_nXq+c+h+g/2);
[0124]任一時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)的坐標(biāo)為:(x+2/p+g/2+z,(h+j+i) Xq+(1+n) XnrnX q+c+h+g/2);
[0125]任一列表區(qū)定位點(diǎn)的坐標(biāo)為:(x+p+y,(h+j+i) Xq+(l+n) Xm-nXq+c)。
[0126]基于與本發(fā)明實(shí)施例提供的定位播放記錄展示區(qū)中元素顯示位置的方法同樣的發(fā)明構(gòu)思,本發(fā)明還提供了一種定位播放記錄展示區(qū)中元素顯示位置的裝置,如圖7所示,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,包括:
[0127]設(shè)置單元701,用于設(shè)置播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原占.[0128]記錄單元702,用于設(shè)置每個(gè)列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù);
[0129]檢測單元703,用于檢測到針對列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參數(shù)
及第二類參數(shù);
[0130]確定單元704,用于根據(jù)相應(yīng)變化的第一類參數(shù)和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。
[0131]所述裝置中,所述記錄單元進(jìn)一步用于,設(shè)置每個(gè)列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表元素定位點(diǎn)所需的第三類參數(shù),以及通過列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù);
[0132]所述檢測單元進(jìn)一步用于,檢測到針對該列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù);
[0133]所述確定單元進(jìn)一步用于,根據(jù)相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生變化的列表元素的顯示位置。
[0134]所述裝置,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線時(shí),所述記錄單元還用于,設(shè)置時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于所述坐標(biāo)原點(diǎn)的坐標(biāo);
[0135]所述檢測單元還用于,檢測到針對時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo);
[0136]所述確定單元還用于,根據(jù)相應(yīng)變化的時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
[0137]所述裝置,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識時(shí),所述記錄單元還用于,設(shè)置時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位時(shí)間節(jié)點(diǎn)定位點(diǎn)所需的第五類參數(shù);
[0138]所述檢測單元還用于,檢測到針對時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的第五類參數(shù);
[0139]所述確定單元還用于,根據(jù)相應(yīng)變化的第五類參數(shù),確定發(fā)生變化的時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
[0140]所述裝置,所述播放記錄展示區(qū)中,在列表區(qū)中兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽時(shí),所述記錄單元還用于,設(shè)置時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過坐標(biāo)原點(diǎn)定位時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù);
[0141]所述檢測單元還用于,檢測到針對時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),計(jì)算相應(yīng)變化的第六類參數(shù);
[0142]所述確定單元還用于,根據(jù)相應(yīng)變化的第六類參數(shù),確定發(fā)生變化的時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。
[0143]所述裝置,通過坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距;列表區(qū)之間的間距;每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù);第一個(gè)列表區(qū)距播放記錄展示區(qū)的上邊距;
[0144]通過每個(gè)列表區(qū)定位點(diǎn)定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度;列表區(qū)距離播放記錄展示區(qū)的左邊距;列表區(qū)距離播放記錄展示區(qū)的右邊距;列表區(qū)中各列表元素左右間距;每個(gè)列表元素的高度;每個(gè)列表元素的寬度;列表區(qū)中各列表元素上下間距;每個(gè)列表區(qū)中列表元素的行數(shù)。
[0145]利用本發(fā)明提供定位播放記錄列表元素顯示位置的方法及裝置,具有以下有益效果:可實(shí)時(shí)確定出列表元素大小和位置發(fā)生變化后,元素在播放記錄展示區(qū)中的顯示位置,并能夠根據(jù)重新確定的顯示位置,合理的對播放記錄展示區(qū)中各元素進(jìn)行布局,解決了現(xiàn)有技術(shù)存在的問題。
[0146]顯然,本領(lǐng)域的技術(shù)人員可以對本發(fā)明進(jìn)行各種改動和變型而不脫離本發(fā)明的精神和范圍。這樣,倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi),則本發(fā)明也意圖包含這些改動和變型在內(nèi)。
【權(quán)利要求】
1.一種定位播放記錄展示區(qū)中元素顯示位置的方法,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,其特征在于,包括: 設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn); 設(shè)置每個(gè)所述列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)所述列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù); 檢測到針對所述列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參數(shù)及第二類參數(shù); 根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。
2.如權(quán)利要求1所述的方法,其特征在于,進(jìn)一步包括: 設(shè)置每個(gè)所述列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表元素定位點(diǎn)所需的第三類參數(shù),以及通過所述列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù); 檢測到針對該列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù); 根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生變化的列表元素的顯示位置。
3.如權(quán)利要求1所述的方法,其特征在于,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線,所述方法還包括: 設(shè)置所述時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于所述坐標(biāo)原點(diǎn)的坐標(biāo); 檢測到針對所述時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo); 根據(jù)發(fā)生變化的所述時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
4.如權(quán)利要求3所述的方法,其特征在于,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)所述列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識,所述方法還包括: 設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)定位點(diǎn)所需的第五類參數(shù); 檢測到針對所述時(shí)間線的變化指令時(shí),還進(jìn)一步包括: 計(jì)算相應(yīng)變化的第五類參數(shù); 根據(jù)所述相應(yīng)變化的第五類參數(shù),確定發(fā)生變化的所述時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
5.如權(quán)利要求4所述的方法,其特征在于,所述播放記錄展示區(qū)中,在兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽,所述方法還包括: 設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù); 檢測到針對所述時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),還進(jìn)一步包括: 計(jì)算相應(yīng)變化的第六類參數(shù); 根據(jù)所述相應(yīng)變化的第六類參數(shù),確定發(fā)生變化的所述時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。
6.如權(quán)利要求1所述的方法,其特征在于, 通過所述坐標(biāo)原點(diǎn)定位每個(gè)列表區(qū)定位點(diǎn)所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)之間的間距、每個(gè)列表區(qū)之前顯示的列表區(qū)的個(gè)數(shù)、第一個(gè)列表區(qū)距播放記錄展示區(qū)的上邊距; 通過每個(gè)所述列表區(qū)定位點(diǎn)定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度、列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)距離播放記錄展示區(qū)的右邊距、列表區(qū)中各列表元素左右間距、每個(gè)列表元素的高度、每個(gè)列表元素的寬度、列表區(qū)中各列表元素上下間距、每個(gè)列表區(qū)中列表元素的行數(shù)。
7.—種定位播放記錄展示區(qū)中元素顯示位置的裝置,所述播放記錄展示區(qū)包括多個(gè)與時(shí)間節(jié)點(diǎn)對應(yīng)且由上至下規(guī)則排列的列表區(qū),每個(gè)列表區(qū)包含多個(gè)規(guī)則排列的列表元素,其特征在于,包括: 設(shè)置單元,用于設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點(diǎn)為坐標(biāo)原點(diǎn); 記錄單元,用于設(shè)置每個(gè)所述列表區(qū)左上角位置的點(diǎn)為列表區(qū)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表區(qū)定位點(diǎn)所需的第一類參數(shù),及通過每個(gè)所述列表區(qū)定位點(diǎn)定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù); 檢測單元,用于檢測到針對所述列表區(qū)的變化指令時(shí),計(jì)算相應(yīng)變化的第一類參數(shù)及第二類參數(shù); 確定單元,用于根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù),確定發(fā)生變化的列表區(qū)的顯示位置。
8.如權(quán)利要求7所述的裝置,其特征在于, 所述記錄單元進(jìn)一步用于,設(shè)置每個(gè)所述列表元素上左上角位置的點(diǎn)為列表元素定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位每個(gè)所述列表元素定位點(diǎn)所需的第三類參數(shù),以及通過所述列表元素定位點(diǎn)定位該列表元素顯示位置的第四類參數(shù); 所述檢測單元進(jìn)一步用于,檢測到針對該列表元素的變化指令時(shí),計(jì)算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù); 所述確定單元進(jìn)一步用于,根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù),確定發(fā)生變化的列表元素的顯示位置。
9.如權(quán)利要求7所述的裝置,其特征在于,在所述播放記錄展示區(qū)中,所述列表區(qū)左側(cè)還顯示有時(shí)間線時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間線左上角位置為時(shí)間線定位點(diǎn),并記錄該時(shí)間線定位點(diǎn)相對于所述坐標(biāo)原點(diǎn)的坐標(biāo); 所述檢測單元還用于,檢測到針對所述時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo); 所述確定單元還用于,根據(jù)相應(yīng)變化的所述時(shí)間線定位點(diǎn)的坐標(biāo),確定發(fā)生變化的時(shí)間線的顯示位置。
10.如權(quán)利要求9所述的裝置,其特征在于,在所述播放記錄展示區(qū)中,所述時(shí)間線上,且在兩個(gè)所述列表區(qū)的中間位置還顯示有圓形的時(shí)間節(jié)點(diǎn)標(biāo)識時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)識的圓心為時(shí)間節(jié)點(diǎn)定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)定位點(diǎn)所需的第五類參數(shù); 所述檢測單元還用于,檢測到針對所述時(shí)間線的變化指令時(shí),計(jì)算相應(yīng)變化的第五類參數(shù); 所述確定單元還用于,根據(jù)所述相應(yīng)變化的第五類參數(shù),確定發(fā)生變化的所述時(shí)間線上的時(shí)間節(jié)點(diǎn)標(biāo)識的顯示位置。
11.如權(quán)利要求10所述的裝置,其特征在于,所述播放記錄展示區(qū)中,在列表區(qū)中兩個(gè)列表區(qū)之間的位置還顯示有時(shí)間節(jié)點(diǎn)標(biāo)簽時(shí),所述記錄單元還用于,設(shè)置所述時(shí)間節(jié)點(diǎn)標(biāo)簽預(yù)定位置的點(diǎn)為時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn),并記錄通過所述坐標(biāo)原點(diǎn)定位所述時(shí)間節(jié)點(diǎn)標(biāo)簽定位點(diǎn)所需的第六類參數(shù); 所述檢測單元還用于,檢測到針對所述時(shí)間節(jié)點(diǎn)標(biāo)簽的變化指令時(shí),計(jì)算相應(yīng)變化的第六類參數(shù); 所述確定單元還用于,根據(jù)所述相應(yīng)變化的第六類參數(shù),確定發(fā)生變化的所述時(shí)間節(jié)點(diǎn)標(biāo)簽的顯示位置。`
【文檔編號】H04N21/472GK103702225SQ201310740049
【公開日】2014年4月2日 申請日期:2013年12月26日 優(yōu)先權(quán)日:2013年12月26日
【發(fā)明者】張晨, 劉豆, 李時(shí)斌, 王宇, 吳海波 申請人:樂視網(wǎng)信息技術(shù)(北京)股份有限公司