專利名稱：一種基于時間的屬性配置顯示方法和設備的制作方法
技術領域：
本發明涉及互聯網信息處理領域，尤其涉及一種基于時間的屬性配置顯示方法和設備。
背景技術：
現有廣告位屬性的編輯普遍采用大量的輸入框，以表格的形式排列于界面，隨著內容的增加，占用的界面也需要增加，占用用戶大量的視野，用戶體驗不佳，用戶操作起來也不夠直觀。如圖1所示，為現有技術中的傳統廣告位屬性編輯界面的示意圖，該示意圖列出了以“客戶端RichButton”為例的傳統廣告位屬性的編輯界面。為方便描述，將廣告位的屬性分成兩類，一類是隨時間變化頻率低或者不變化，只需要一條記錄的屬性，比如名稱，ID，描述等。這一類，不存在內容過多的情況。第二類，隨時間變化的屬性，該類屬性值，只對一定時間范圍有效，比如價格，1-3 月的廣告位價格為100000元/月，4-6月的廣告位價格為80000元/月。這類型的屬性需要多條記錄，時間分段越細，記錄越多。從圖1所顯示的屬性編輯界面可以看出，現有技術中，傳統的用戶界面體驗不佳， 而且存在內容過長的問題，操作不直觀，用戶體驗差。
發明內容
本發明提供了一種基于時間的屬性配置顯示方法和設備，用于簡化現有的屬性顯示形式，提高操作的便捷性和應用體驗。本發明提供了一種基于時間的屬性配置顯示方法，包括以下步驟設置第一坐標軸表示時間，第二坐標軸表示屬性類型；對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值。優選的，所述方法，還包括，設置基準線通過拖動所述基準線，移動所述第一坐標軸的當前顯示區間；其中，在非拖動的情況下，所述基準線始終位于所述第一坐標軸的當前顯示區間的中間位置。優選的，所述不同的顯示形式，具體為設置多種不同的顯示形式，所述多種不同的顯示形式之間配置相應的循環順序。優選的，所述對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值，具體包括在一個屬性類型所對應的方向上，根據所述循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值。
優選的，所述在一個屬性類型所對應的方向上，根據所述循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值，具體為在當前顯示區間中，各屬性類型所對應的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示；其中，當拖動所述基準線，移動所述第一坐標軸的當前顯示區間時，移動后的顯示區間中，各屬性類型所對應的移動后的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示。優選的，當同一個屬性類型所對應的屬性參數發生變化時，所述方法還包括當同一個屬性類型所對應的多個相鄰的屬性參數進行合并時，合并后的屬性參數通過合并前的第一個屬性參數所對應的顯示形式進行顯示；當同一個屬性類型所對應的一個屬性參數拆分為多個屬性參數時，拆分后的第一個屬性參數通過拆分前的屬性參數所對應的顯示形式進行顯示，余下的屬性參數按照所述循環順序，通過相應的顯示形式進行顯示。優選的，當移動所述第一坐標軸的當前顯示區間，或屬性參數發生合并或拆分時， 各屬性參數在其相對應顯示區間中，居中顯示。另一方面，本發明還提供了一種基于時間的屬性配置顯示設備，包括設置模塊，用于設置第一坐標軸表示時間，第二坐標軸表示屬性類型；顯示模塊，用于對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值。優選的，所述設備，還包括顯示調整模塊，用于設置基準線，當所述基準線被拖動時，所述第一坐標軸的當前顯示區間被移動；其中，在非拖動的情況下，所述基準線始終位于所述第一坐標軸的當前顯示區間的中間位置。優選的，所述設置模塊，還用于設置多種不同的顯示形式，所述多種不同的顯示形式之間配置相應的循環順序。優選的，所述顯示模塊在一個屬性類型所對應的方向上，根據所述設置模塊所設置的循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值。優選的，在當前顯示區間中，所述顯示模塊將各屬性類型所對應的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示；其中，當所述顯示調整模塊所設置的所述基準線被拖動，所述第一坐標軸的當前顯示區間被移動時，在移動后的顯示區間中，各屬性類型所對應的移動后的第一個屬性參數值通過所述設置模塊所設置的循環順序中的第一種顯示形式進行顯示。優選的，當同一個屬性類型所對應的屬性參數發生變化時，所述顯示模塊的處理過程包括當同一個屬性類型所對應的多個相鄰的屬性參數進行合并時，所述顯示模塊將合并后的屬性參數通過合并前的第一個屬性參數所對應的顯示形式進行顯示；當同一個屬性類型所對應的一個屬性參數拆分為多個屬性參數時，所述顯示模塊將拆分后的第一個屬性參數通過拆分前的屬性參數所對應的顯示形式進行顯示，余下的屬性參數按照所述循環順序，通過相應的顯示形式進行顯示。
優選的，當移動所述第一坐標軸的當前顯示區間，或屬性參數發生合并或拆分時， 所述顯示模塊將各屬性參數在其相對應顯示區間中，居中顯示。與現有技術相比，本發明具有以下優點通過應用本發明的技術方案，通過二維布局分別顯示時間和屬性類型，并通過兩者交互，以不同的顯示形式將各屬性類型在不同的時間區間內的屬性參數值進行形象的顯示，便于用戶進行識別和操作，從而，簡化了現有的屬性顯示和編輯界面，并可以更加清晰的顯示基于時間變化，各屬性參數質的變化情況，改善了用戶體驗，簡化了用戶操作的復雜度。
為了更清楚地說明本發明或現有技術中的技術方案，下面將對本發明或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對于本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。圖1為現有技術中的傳統廣告位屬性編輯界面的示意圖；圖2為本發明所提出的一種基于時間的屬性配置顯示方法流程示意圖；圖3為本發明所提出的一種具體應用場景下的廣告位屬性編輯界面的示意圖；圖4為本發明所提出的一種具體應用場景下的廣告位屬性編輯界面的示意圖；圖5為本發明所提出的一種具體應用場景下的廣告位屬性編輯界面的示意圖；圖6為本發明所提出的一種具體應用場景下的廣告位屬性編輯界面的示意圖；圖7為本發明所提出的一種具體應用場景下的廣告位屬性編輯界面的示意圖；圖8為本發明所提出的一種基于時間的屬性配置顯示設備的結構示意圖。
具體實施例方式基于背景技術的描述，本發明針對第二類廣告位屬性中隨時間變化的特征，設計和實現了一種基于時間的屬性配置顯示方法，能夠有效的解決內容分段過多及操作不直觀等用戶體驗問題，并且提出了一種文字浮動的算法來加強用戶體驗。下面將結合本發明中的附圖，對本發明的技術方案進行清楚、完整地描述，顯然， 所描述的實施例是本發明一部分實施例，而不是全部的實施例。基于本發明中的實施例，本領域普通技術人員在沒有做出創造性勞動前提下所獲得的所有其他實施例，都屬于本發明保護的范圍。如圖2所示，為本發明所提出的一種基于時間的屬性配置顯示方法的流程示意圖，具體包括以下步驟步驟S201、設置第一坐標軸表示時間，第二坐標軸表示屬性類型。步驟S202、對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值。其中，所述不同的顯示形式，具體為設置多種不同的顯示形式，所述多種不同的顯示形式之間配置相應的循環順序。在實際操作中，可以應用不同的顏色或不同的底紋或圖片背景作為顯示形式，對應相應的屬性參數值。在上述顯示界面中，步驟S202的具體實現形式為在一個屬性類型所對應的方向上，根據所述循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值。在具體的應用場景中，為了提高顯示的效果，本方法還包括設置基準線通過拖動所述基準線，移動所述第一坐標軸的當前顯示區間；其中，在非拖動的情況下，所述基準線始終位于所述第一坐標軸的當前顯示區間的中間位置。基于上述的顯示形式循環順序和基準線的設置，在具體的現實場景中，會存在以下情況在當前顯示區間中，各屬性類型所對應的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示；其中，當拖動所述基準線，移動所述第一坐標軸的當前顯示區間時，移動后的顯示區間中，各屬性類型所對應的移動后的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示。進一步的，當同一個屬性類型所對應的屬性參數發生變化時，所述方法還包括當同一個屬性類型所對應的多個相鄰的屬性參數進行合并時，合并后的屬性參數通過合并前的第一個屬性參數所對應的顯示形式進行顯示；當同一個屬性類型所對應的一個屬性參數拆分為多個屬性參數時，拆分后的第一個屬性參數通過拆分前的屬性參數所對應的顯示形式進行顯示，余下的屬性參數按照所述循環順序，通過相應的顯示形式進行顯示。為了達到更好的用戶體驗，當移動所述第一坐標軸的當前顯示區間，或屬性參數發生合并或拆分時，各屬性參數在其相對應顯示區間中，居中顯示。需要說明的是，上述的顯示形式和屬性類型的內容可以根據具體的應用場景進行調整，同時，第一坐標軸和第二坐標軸的位置也可以進行調整，這樣的變化并不影響本發明的保護范圍。與現有技術相比，本發明具有以下優點通過應用本發明的技術方案，通過二維布局分別顯示時間和屬性類型，并通過兩者交互，以不同的顯示形式將各屬性類型在不同的時間區間內的屬性參數值進行形象的顯示，便于用戶進行識別和操作，從而，簡化了現有的屬性顯示和編輯界面，并可以更加清晰的顯示基于時間變化，各屬性參數質的變化情況，改善了用戶體驗，簡化了用戶操作的復雜度。下面，進一步結合具體的實施例，對本發明的技術方案進行詳細、具體的描述。為了便于說明，以不同的顏色為相應的顯示形式，以橫軸為第一坐標軸，以縱軸為第二坐標軸，針對基于時間的廣告位報價屬性進行顯示處理的過程進行描述，在具體的應用場景中，相應的顯示內容和顯示形式的變化并不會影響本發明的保護范圍。首先，如圖3所示，建立相應的顯示窗口，窗口縱向為各個屬性，橫向為時間，虛線標識出了廣告位周期中重要的時間點(在系統中有預先存儲)，實線代表當前日期(即為前述技術方案中的基準線)，在具體的實現過程中，可以通過醒目的顏色，如紅色，進行標識。
每個顏色條代表一段連續屬性值。比如2010-1-1至2010-4-1的時間區間內的廣告位價格為100000元/月，2010-4-2至2010-10-1的時間區間內的廣告位價格為80000 元/月，那么，就會有兩段不同的顏色條在編輯區。當用戶通過鼠標操作或其他操作指令選中一個顏色條后，會出現界面上橫條編輯窗，設置屬性值和有效日期。這樣可以使得使用者對相應的顏色條具有預覽效果，如圖4所示，當操作指針懸停在一個顏色條上的時候，會出現該顏色條屬性和有效時間的提示。各個顏色條之間空2個像素，相鄰顏色條采用不同色彩，循環設置。設置2個像素間隔的作用在于使不同顏色條之間可以存在相應的間隔空隙，令使用者可以在視覺上區分不同的顏色條的邊界，也便于在顯示界面上進行分割顯示，具體的間隔距離可以根據需要進行相應的調整，這樣的變化并不影響本發明的保護范圍。比如圖4中廣告位尺寸這一屬性，采用4種色彩的循環方案，藍色，紫色，灰色，橘黃色，從左到右，依次采用所配置的四種顏色，當存在第五個屬性參數值的時候，重新從藍色開始，依次循環取色。這樣的設計，符合屬性隨時間變化的規律和不同值之間的差別，清晰直觀，修改操作也簡單。在具體的應用場景中，具體采用的顏色種類和數量都可以進行相應的調整，這樣的變化并不影響本發明的保護范圍。如果修改了顏色條的屬性，可能會和相鄰時間的屬性值合并。如果一個顏色條被分解兩個不同的值，則會發生拆分。為了使變化過程得到具體的顯示，本發明通過動畫方式表示各顏色條在橫向上的長度伸縮，和顏色的變化，保證色彩循環的連續，這個過程讓用戶在修改完數據后，更容易明確發生了什么，是否和預期的相同。對于一個屬性參數值，其所對應的時間跨度可能很長，超出當前的顯示區間，傳統設計通常采用滾動條來完成整體移動，在本發明中也可以通過這種方式進行顯示，但是，為了達到更協調的視覺效果，同時為了避免因為滾動條和顏色條同為條狀顯示所造成的區分度過低，以及由此所造成的誤操作的可能性，本發明采用手抓拖動的方式移動顏色條。如圖5至圖7，分別是以與各顏色條相垂直的實線為準，將當前的顯示區間從左邊被拖拽到右邊的分解圖。在具體的應用場景中，上述的與各顏色條相垂直的實線，可以實現對當前顯示區域的橫向移動，如果屬性類型的種類過多，還可以選擇與各顏色條相平行的實線，實現對當前顯示區域的縱向移動，這樣的變化并不影響本發明的保護范圍。其中，當前的顯示區間的大小是由用戶實現輸入的時間段決定的，這個時間段代表了用戶關心的主要時間區間。不在該時間區間內的屬性，就可以通過拖動來查看和編輯。傳統界面拖拽，界面上的圖形都和鼠標具有相同的移動距離，而在本發明中，因為文字默認是在顏色條上居中的，如果保持文字位置固定不變，則在顏色條拖拽過程中，會有部分顏色條出現只有顏色，沒有文字的情況，即該顏色條的文字被拖動到了當前顯示區間之外，從而導致用戶不知道其具體屬性是什么，并進而影響進一步的操作。因此，本發明為了解決上述問題，進一步提供了一種文字浮動的算法，可以在顯示區間的拖拽過程中，將文字相對于顏色條的當前顯示部分局中。
比如圖5至圖7中“資源級別，，中的顏色條上，“ 2級，，在向左拖動的過程中，始終相對于界面上顯示的長度局中。同樣，圖5至圖7中的“是否有效”屬性，因為單一顏色條一直貫穿在見面上，所以其文字一直局中。該算法步驟描述如下1、獲取可視區域的矩形系數recA，包括左上定點的x，y坐標，矩形長度，高度。這樣就可以唯一的確定這個矩形在界面上的位置和形狀(不考慮旋轉扭曲的情況)。視窗左上角坐標為0，x，y軸向左向下為正值。和Flash所采用的坐標系相同。比如recA = {χ 0 ；y 0 ；width :900 ；height :500 ；}。2、獲取顏色條的矩形系數 recB = {χ :-100 ；y 90 ；width :200 ；height :20 ；}。3、計算 recA 和 recB 的交集矩形 recC = {χ 0 ；y 90 ；width :100 ；height :20}。 計算2個矩形交集的算法有很多，本發明的實現可以采用flash action script自身提供的方法。4、計算 recC 的中心坐標 χ = recC. x+recC. width/2 = 50 ;y = recC. y+recC. height/2 = 100。5、此坐標即為拖動過程中，當前顯示下顏色條上文字中心，相對于整個視窗的坐標。這樣的算法保證了文字始終會居于顏色條當前顯示區間的中央，實現了與顏色條的對應顯示，實現了在當前顯示區間中對顏色條對應的參數值的識別。每次用戶點擊一個顏色條，修改屬性值，開始時間和結束時間后，除了可能和相鄰的顏色條組合外，也可能自身拆分再和左右合并，也可能該屬性上的所有其他顏色條都會被影響。以價格所對應的顏色條為例，如表1所示，表示已有的價格屬性項。每一項在界面上將由一個顏色條代表，假入用戶點擊了第三個(2010-6-1至2010-10-31號)顏色條，然后只修改了屬性時間為2010-1-1至2010-12-31，那界面上價格這個屬性的所有顏色條會被合并成一個。類似的情況，如果第三個顏色條被修改為80000，但時間不變，則其會和第二個顏色條合并，使得價格屬性只留下3個顏色條。再舉個復雜一點的例子，假如點擊第三個屬性值后，將值修改為60000，開始時間修改為2010-8-1，結束時間不變，那么第三條要被分成兩部分，2010-6-1至2010-7-31仍然為100000，2010-8-1號之后會原本的第四條顏色合并，界面上動畫顯示為，第三條縮短，第四條增長。所有可能涉及到的合并拆分情況，都需要一個算法來保證其操作結果的數據正確性和動畫正確性。這個算法就是顏色條修改算法。表 權利要求
1.一種基于時間的屬性配置顯示方法，其特征在于，包括以下步驟設置第一坐標軸表示時間，第二坐標軸表示屬性類型；對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值。
2.如權利要求1所述的方法，其特征在于，還包括，設置基準線通過拖動所述基準線，移動所述第一坐標軸的當前顯示區間；其中，在非拖動的情況下，所述基準線始終位于所述第一坐標軸的當前顯示區間的中間位置。
3.如權利要求1所述的方法，其特征在于，所述不同的顯示形式，具體為設置多種不同的顯示形式，所述多種不同的顯示形式之間配置相應的循環順序。
4.如權利要求3所述的方法，其特征在于，所述對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值，具體包括在一個屬性類型所對應的方向上，根據所述循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值。
5.如權利要求2或4所述的方法，其特征在于，所述在一個屬性類型所對應的方向上， 根據所述循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值，具體為在當前顯示區間中，各屬性類型所對應的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示；其中，當拖動所述基準線，移動所述第一坐標軸的當前顯示區間時，移動后的顯示區間中，各屬性類型所對應的移動后的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示。
6.如權利要求4所述的方法，其特征在于，當同一個屬性類型所對應的屬性參數發生變化時，所述方法還包括當同一個屬性類型所對應的多個相鄰的屬性參數進行合并時，合并后的屬性參數通過合并前的第一個屬性參數所對應的顯示形式進行顯示；當同一個屬性類型所對應的一個屬性參數拆分為多個屬性參數時，拆分后的第一個屬性參數通過拆分前的屬性參數所對應的顯示形式進行顯示，余下的屬性參數按照所述循環順序，通過相應的顯示形式進行顯示。
7.如權利要求2或6所述的方法，其特征在于，當移動所述第一坐標軸的當前顯示區間，或屬性參數發生合并或拆分時，各屬性參數在其相對應顯示區間中，居中顯示。
8.一種基于時間的屬性配置顯示設備，其特征在于，包括設置模塊，用于設置第一坐標軸表示時間，第二坐標軸表示屬性類型；顯示模塊，用于對于所述第二坐標軸所對應的各屬性類型，分別通過不同的顯示形式在所述第一坐標軸所對應的不同時間區間內顯示不同的屬性參數值。
9.如權利要求8所述的設備，其特征在于，還包括顯示調整模塊，用于設置基準線，當所述基準線被拖動時，所述第一坐標軸的當前顯示區間被移動；其中，在非拖動的情況下，所述基準線始終位于所述第一坐標軸的當前顯示區間的中間位置。
10.如權利要求8所述的設備，其特征在于，所述設置模塊，還用于設置多種不同的顯示形式，所述多種不同的顯示形式之間配置相應的循環順序。
11.如權利要求10所述的設備，其特征在于，所述顯示模塊在一個屬性類型所對應的方向上，根據所述設置模塊所設置的循環順序，分別通過不同的顯示形式依次顯示所述屬性類型的不同的屬性參數值。
12.如權利要求9或11所述的設備，其特征在于，在當前顯示區間中，所述顯示模塊將各屬性類型所對應的第一個屬性參數值通過所述循環順序中的第一種顯示形式進行顯示；其中，當所述顯示調整模塊所設置的所述基準線被拖動，所述第一坐標軸的當前顯示區間被移動時，在移動后的顯示區間中，各屬性類型所對應的移動后的第一個屬性參數值通過所述設置模塊所設置的循環順序中的第一種顯示形式進行顯示。
13.如權利要求11所述的設備，其特征在于，當同一個屬性類型所對應的屬性參數發生變化時，所述顯示模塊的處理過程包括當同一個屬性類型所對應的多個相鄰的屬性參數進行合并時，所述顯示模塊將合并后的屬性參數通過合并前的第一個屬性參數所對應的顯示形式進行顯示；當同一個屬性類型所對應的一個屬性參數拆分為多個屬性參數時，所述顯示模塊將拆分后的第一個屬性參數通過拆分前的屬性參數所對應的顯示形式進行顯示，余下的屬性參數按照所述循環順序，通過相應的顯示形式進行顯示。
14.如權利要求9或13所述的設備，其特征在于，當移動所述第一坐標軸的當前顯示區間，或屬性參數發生合并或拆分時，所述顯示模塊將各屬性參數在其相對應顯示區間中，居中顯示。
全文摘要
本發明公開了一種基于時間的屬性配置顯示方法和設備，通過應用本發明的技術方案，通過二維布局分別顯示時間和屬性類型，并通過兩者交互，以不同的顯示形式將各屬性類型在不同的時間區間內的屬性參數值進行形象的顯示，便于用戶進行識別和操作，從而，簡化了現有的屬性顯示和編輯界面，并可以更加清晰的顯示基于時間變化，各屬性參數質的變化情況，改善了用戶體驗，簡化了用戶操作的復雜度。
文檔編號G06F17/30GK102236647SQ201010151910
公開日2011年11月9日 申請日期2010年4月21日 優先權日2010年4月21日
發明者楊杰, 段云 申請人:騰訊科技(北京)有限公司