一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置，包括：設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點為坐標原點；設(shè)置每個所述列表區(qū)左上角位置的點為列表區(qū)定位點，并記錄通過所述坐標原點定位每個所述列表區(qū)定位點所需的第一類參數(shù)，及通過每個所述列表區(qū)定位點定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)；檢測到針對所述列表區(qū)的變化指令時，計算相應(yīng)變化的第一和第二類參數(shù)；根據(jù)所述相應(yīng)變化的第一和第二類參數(shù)，確定發(fā)生變化的列表區(qū)的顯示位置。本發(fā)明能夠確定列表區(qū)在播放記錄展示區(qū)中的顯示位置，解決了現(xiàn)有技術(shù)存在的問題。
【專利說明】一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及界面設(shè)計【技術(shù)領(lǐng)域】，尤其涉及一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置。
【背景技術(shù)】
[0002]播放記錄，即用戶曾經(jīng)播放過的視頻的記錄列表，用戶播放了哪些視頻，什么時間播放的，視頻的播放進度等都是播放記錄列表中的內(nèi)容。
[0003]現(xiàn)有技術(shù)是采用靜態(tài)方式呈現(xiàn)用戶的播放記錄，當用戶進入播放記錄頁面(播放記錄展示區(qū))時，以文字形式靜態(tài)呈現(xiàn)用戶曾經(jīng)播放過的視頻信息，并且這些播放過的視頻信息是按照用戶觀看的時間先后排序呈現(xiàn)給用戶的。
[0004]現(xiàn)有的播放記錄展示頁上顯示視頻信息的播放記錄列表區(qū)、時間節(jié)點、以及與時間節(jié)點對應(yīng)的節(jié)點標簽等元素的尺寸、各元素間的間距以及各元素距離展示頁邊框的距離都是固定的，并且每個元素在展示頁上的位置也是相互影響的，即，其中一個元素的位置發(fā)生變化時，會影響展示頁中所有元素的布局。
[0005]因此，現(xiàn)有的為用戶呈現(xiàn)播放記錄的方案有以下問題:
[0006]當需要給展示頁上的各元素添加動態(tài)效果時，需要改變各元素的尺寸、元素間的間距等參數(shù)，以及元素在展示頁中的位置，現(xiàn)有方案不能根據(jù)這些改變，重新在展示頁上對各元素進行合理布局，很容易造成展示頁上各元素整體布局混亂。

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

[0007]本發(fā)明提供了一種定位播放記錄展示區(qū)中元素顯示位置的方法及裝置，用以解決現(xiàn)有技術(shù)中，不能根據(jù)元素的尺寸、元素間距、元素在播放記錄展示區(qū)中位置的變化，重新在展示頁上對各元素進行合理布局，很容易造成展示頁上各元素整體布局混亂的問題。
[0008]本發(fā)明提供了一種定位播放記錄展示區(qū)中元素顯示位置的方法，所述播放記錄展示區(qū)包括多個與時間節(jié)點對應(yīng)且由上至下規(guī)則排列的列表區(qū)，每個列表區(qū)包含多個規(guī)則排列的列表元素，包括:
[0009]設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點為坐標原點；
[0010]設(shè)置每個所述列表區(qū)左上角位置的點為列表區(qū)定位點，并記錄通過所述坐標原點定位每個所述列表區(qū)定位點所需的第一類參數(shù)，及通過每個所述列表區(qū)定位點定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)；
[0011]檢測到針對所述列表區(qū)的變化指令時，計算相應(yīng)變化的第一類參數(shù)及第二類參數(shù)；
[0012]根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù)，確定發(fā)生變化的列表區(qū)的顯示位置。
[0013]所述方法，進一步包括:
[0014]設(shè)置每個所述列表元素上左上角位置的點為列表元素定位點，并記錄通過所述坐標原點定位每個所述列表元素定位點所需的第三類參數(shù)，以及通過所述列表元素定位點定位該列表元素顯示位置的第四類參數(shù)；
[0015]檢測到針對該列表元素的變化指令時，計算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù)；
[0016]根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù)，確定發(fā)生動效的列表元素的顯示位置。
[0017]這樣可以對播放記錄展示區(qū)中任意一個列表元素進行定位，當只需對播放記錄展示區(qū)中某一個元素添加動效時，可在確定出添加動效的列表元素的顯示位置的同時，不影響其它列表元素的顯示位置。
[0018]所述方法，在所述播放記錄展示區(qū)中，所述列表區(qū)左側(cè)還顯示有時間線，所述方法還包括:
[0019]設(shè)置所述時間線左上角位置為時間線定位點，并記錄該時間線定位點相對于所述坐標原點的坐標；
[0020]檢測到針對所述時間線的變化指令時，計算相應(yīng)變化的所述時間線定位點的坐標；
[0021]根據(jù)相應(yīng)變化的所述時間線定位點的坐標，確定發(fā)生變化的時間線的顯示位置。
[0022]通過時間線，用戶可按照播放記錄展示區(qū)中的列表元素的播放時間順序瀏覽播放記錄。
[0023]所述方法，在所述播放記錄展示區(qū)中，所述時間線上，且在兩個所述列表區(qū)的中間位置還顯示有圓形的時間節(jié)點標識，所述方法還包括:
[0024]設(shè)置所述時間節(jié)點標識的圓心為時間節(jié)點定位點，并記錄通過所述坐標原點定位所述時間節(jié)點定位點所需的第五類參數(shù)；
[0025]檢測到針對所述時間線的變化指令時,還進一步包括:
[0026]計算相應(yīng)變化的第五類參數(shù)；
[0027]根據(jù)所述相應(yīng)變化的第五類參數(shù)，確定發(fā)生變化的所述時間線上的時間節(jié)點標識的顯示位置。
[0028]時間節(jié)點標識用于將播放記錄列表區(qū)，按照播放時間的先后順序顯示在播放記錄展示區(qū)上，使用戶瀏覽播放記錄展示頁時，有更好的體驗。比如將播放記錄按照播放日期分為三類:今日播放，昨日播放，以及更早播放。
[0029]所述方法，所述播放記錄展示區(qū)中，在列表區(qū)中兩個列表區(qū)之間的位置還顯示有時間節(jié)點標簽，所述方法還包括:
[0030]設(shè)置所述時間節(jié)點標簽預(yù)定位置的點為時間節(jié)點標簽定位點，并記錄通過所述坐標原點定位所述時間節(jié)點標簽定位點所需的第六類參數(shù)；
[0031]檢測到針對所述時間節(jié)點標簽的變化指令時,還進一步包括:
[0032]計算相應(yīng)變化的第六類參數(shù)；
[0033]根據(jù)所述相應(yīng)變化的第六類參數(shù)，確定發(fā)生變化的所述時間節(jié)點標簽的顯示位置。
[0034]其中，時間節(jié)點標簽用于顯示該標簽所對應(yīng)的播放記錄展示區(qū)中各個列表元素的播放時間/播放日期，可使用戶快速獲得當前瀏覽的播放記錄的播放時間/播放日期。[0035]所述方法中，通過所述坐標原點定位每個列表區(qū)定位點所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)之間的間距、每個列表區(qū)之前顯示的列表區(qū)的個數(shù)、第一個列表區(qū)距播放記錄展示區(qū)的上邊距；
[0036]通過每個所述列表區(qū)定位點定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度、列表區(qū)距離播放記錄展示區(qū)的左邊距、列表區(qū)距離播放記錄展示區(qū)的右邊距、列表區(qū)中各列表元素左右間距、每個列表元素的高度、每個列表元素的寬度、列表區(qū)中各列表元素上下間距、每個列表區(qū)中列表元素的行數(shù)。
[0037]根據(jù)第一類參數(shù)和第二類參數(shù)可確定出列表區(qū)定位點以及整個列表區(qū)在播放記錄展示區(qū)中的顯示位置。
[0038]本發(fā)明還提供了一種定位播放記錄展示區(qū)中元素顯示位置的裝置，所述播放記錄展示區(qū)包括多個與時間節(jié)點對應(yīng)且由上至下規(guī)則排列的列表區(qū)，每個列表區(qū)包含多個規(guī)則排列的列表元素，包括:
[0039]設(shè)置單元，用于設(shè)置所述播放記錄展示區(qū)所在頁面上預(yù)定的絕對參考點為坐標原占.[0040]記錄單元，用于設(shè)置每個所述列表區(qū)左上角位置的點為列表區(qū)定位點，并記錄通過所述坐標原點定位每個所述列表區(qū)定位點所需的第一類參數(shù)，及通過每個所述列表區(qū)定位點定位該列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)；
[0041]檢測單元，用于檢測到針對所述列表區(qū)的變化指令時，計算相應(yīng)變化的第一類參
數(shù)及第二類參數(shù)；
[0042]確定單元，用于根據(jù)所述相應(yīng)變化的第一類參數(shù)和第二類參數(shù)，確定發(fā)生變化的列表區(qū)的顯示位置。
[0043]所述裝置中，所述記錄單元進一步用于，設(shè)置每個所述列表元素上左上角位置的點為列表元素定位點，并記錄通過所述坐標原點定位每個所述列表元素定位點所需的第三類參數(shù)，以及通過所述列表元素定位點定位該列表元素顯示位置的第四類參數(shù)；
[0044]所述檢測單元進一步用于，檢測到針對該列表元素的變化指令時，計算相應(yīng)變化的第三類參數(shù)以及第四類參數(shù)；
[0045]所述確定單元進一步用于，根據(jù)所述相應(yīng)變化的第三類參數(shù)和第四類參數(shù)，確定發(fā)生變化的列表元素的顯示位置。
[0046]所述裝置，在所述播放記錄展示區(qū)中，所述列表區(qū)左側(cè)還顯示有時間線時，所述記錄單元還用于，設(shè)置所述時間線左上角位置為時間線定位點，并記錄該時間線定位點相對于所述坐標原點的坐標；
[0047]所述檢測單元還用于，檢測到針對所述時間線的變化指令時，計算相應(yīng)變化的所述時間線定位點的坐標；
[0048]所述確定單元還用于，根據(jù)發(fā)生變化的所述時間線定位點的坐標，確定發(fā)生變化的時間線的顯示位置。
[0049]所述裝置，在所述播放記錄展示區(qū)中，所述時間線上，且在兩個所述列表區(qū)的中間位置還顯示有圓形的時間節(jié)點標識時，所述記錄單元還用于，設(shè)置所述時間節(jié)點標識的圓心為時間節(jié)點定位點，并記錄通過所述坐標原點定位所述時間節(jié)點定位點所需的第五類參數(shù)；[0050]所述檢測單元還用于，檢測到針對所述時間線的動效指令時，計算發(fā)生變化的第五類參數(shù)；
[0051]所述確定單元還用于，根據(jù)所述相應(yīng)變化的第五類參數(shù)，確定發(fā)生變化的所述時間線上的時間節(jié)點標識的顯示位置。
[0052]所述裝置，所述播放記錄展示區(qū)中，在列表區(qū)中兩個列表區(qū)之間的位置還顯示有時間節(jié)點標簽時，所述記錄單元還用于，設(shè)置所述時間節(jié)點標簽預(yù)定位置的點為時間節(jié)點標簽定位點，并記錄通過所述坐標原點定位所述時間節(jié)點標簽定位點所需的第六類參數(shù)；
[0053]所述檢測單元還用于，檢測到針對所述時間節(jié)點標簽的變化指令時，計算相應(yīng)變化的第六類參數(shù)；
[0054]所述確定單元還用于，根據(jù)所述相應(yīng)變化的第六類參數(shù)，確定發(fā)生變化的所述時間節(jié)點標簽的顯示位置。
[0055]所述裝置，通過坐標原點定位每個列表區(qū)定位點所需的第一類參數(shù)包括:列表區(qū)距離播放記錄展示區(qū)的左邊距；列表區(qū)之間的間距；每個列表區(qū)之前顯示的列表區(qū)的個數(shù)；第一個列表區(qū)距播放記錄展示區(qū)的上邊距；
[0056]通過每個列表區(qū)定位點定位列表區(qū)中各列表元素顯示位置所需的第二類參數(shù)包括:播放記錄展示區(qū)的寬度；列表區(qū)距離播放記錄展示區(qū)的左邊距；列表區(qū)距離播放記錄展示區(qū)的右邊距；列表區(qū)中各列表元素左右間距；每個列表元素的高度；每個列表元素的寬度；列表區(qū)中各列表元素上下間距；每個列表區(qū)中列表元素的行數(shù)。
[0057]利用本發(fā)明提供定位播放記錄列表元素顯示位置的方法及裝置，具有以下有益效果:可實時確定出列表元素大小和位置發(fā)生變化后，元素在播放記錄展示區(qū)中的顯示位置，并能夠根據(jù)重新確定的顯示位置，合理的對播放記錄展示區(qū)中各元素進行布局，解決了現(xiàn)有技術(shù)存在的問題。
【專利附圖】

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