終端屏幕上信息顯示的方法及其裝置的制造方法

終端屏幕上信息顯示的方法及其裝置的制造方法
【專利摘要】本發明涉及界面交互，公開了一種終端屏幕上信息顯示的方法及其裝置。本發明中，包括以下步驟：響應來自終端輸入裝置的預定類型的輸入信號，獲取終端屏幕上當前焦點所對應的圖形元素；獲取圖形元素所對應的屬性信息；在新創建的浮層中顯示屬性信息，在浮層和圖形元素之間畫一條連接線。本發明中，終端屏幕上的圖形元素的屬性信息可以通過浮層進行顯示，且浮層和圖形元素之間具有連接線，能夠固定且清楚地表示圖形元素與屬性信息之間的對應關系。浮層的位置可以拖動，便于用戶對浮層的顯示區域進行調節，避免遮蓋原有的圖形元素，連接線跟隨浮層移動，保證了浮層和圖形元素之間的對應關系保持不變。
【專利說明】
終端屏幕上信息顯示的方法及其裝置
技術領域
[0001]本發明涉及界面交互，特別涉及終端屏幕上信息顯示的技術。
【背景技術】
[0002]隨著觸摸屏終端的發展，對終端的各種性能要求也越來越高，尤其是對于用戶來說最直觀的頁面顯示效果越來越被重視。其中一種頁面的顯示方法是將頁面以頁面浮層的形式進行顯示，其中，頁面浮層是指網頁效果中的一種形式，它的表現樣式為其顯示在終端顯示頁面的上層，以達到強調其內容或者銜接上下文解釋說明的效果。
[0003]目前常見的浮層顯示方式包括:鼠標滑過終端界面時，以浮層的方式出現隱藏信息，當需要查看其它浮層時，前一個浮層消失。
[0004]在實現本發明的過程中，發明人發現現有技術至少存在以下問題:
[0005]現有的實現方案中浮層不能固定，且當需要查看其它浮層時，前一浮層會消失，也就是說終端界面中的隱藏信息只能單獨查看，不能進行對比分析。

【發明內容】

[0006]本發明的目的在于提供一種終端屏幕上信息顯示的方法及其裝置，終端屏幕上的圖形元素的屬性信息可以通過浮層進行顯示，且浮層和圖形元素之間具有連接線，能夠固定且清楚地表示圖形元素與屬性信息之間的對應關系。
[0007]為解決上述技術問題，本發明的實施方式公開了一種終端屏幕上信息顯示的方法，包括以下步驟:
[0008]響應來自終端輸入裝置的預定類型的輸入信號，獲取終端屏幕上當前焦點所對應的圖形元素；
[0009]獲取圖形元素所對應的屬性信息；
[0010]在新創建的浮層中顯示屬性信息，在浮層和圖形元素之間畫一條連接線。
[0011]本發明的實施方式還公開了一種終端屏幕上信息顯示的裝置，包括以下模塊:
[0012]輸入響應模塊，用于響應來自終端輸入裝置的預定類型的輸入信號，獲取終端屏幕上當前焦點所對應的圖形元素；
[0013]屬性信息獲取模塊，用于獲取圖形元素所對應的屬性信息；
[0014]浮層顯示模塊，用于在新創建的浮層中顯示屬性信息，并在浮層和圖形元素之間畫一條連接線。
[0015]本發明的實施方式還公開了一種電子設備，電子設備包括:
[0016]顯示器；
[0017]處理器；
[0018]存儲器，用于存儲可執行程序，可執行程序被處理器執行時，在顯示器的至少一部分區域以浮層的形式顯示有顯示器中圖形元素所對應的屬性信息；在浮層和對應的圖形元素之間具有一條連接線。
[0019]本發明實施方式與現有技術相比，主要區別及其效果在于:
[0020]終端屏幕上的圖形元素的屬性信息可以通過浮層進行顯示，且浮層和圖形元素之間具有連接線，能夠固定且清楚地表示圖形元素與屬性信息之間的對應關系。
[0021]進一步地，浮層的位置可以拖動，便于用戶對浮層的顯示區域進行調節，避免遮蓋原有的圖形元素；移動后的浮層和圖形元素之間的連接線也相應更新，保證了浮層和圖形元素之間的對應關系保持不變。
[0022]進一步地，多個浮層同時顯示各自圖形元素的屬性信息，方便對各個圖形元素進行對比分析。
[0023]進一步地，對于有多個浮層層疊顯示的情況，用戶當前最需要關注的浮層被點擊后顯示在其它浮層上面，能夠顯示該浮層的全部內容。
【附圖說明】
[0024]圖1是本發明第一實施方式中一種終端屏幕上信息顯示的方法的流程示意圖；
[0025]圖2是本發明第二實施方式中一種終端屏幕上信息顯示的方法的流程示意圖；
[0026]圖3是現有技術中統計圖表分析中浮層顯示示意圖；
[0027]圖4至圖9是本發明第二實施方式優選例中在終端上對統計圖表的交互步驟示意圖；
[0028]圖10是本發明第二實施方式優選例中在無線端手操作地圖的交互示意圖；
[0029]圖11是本發明第三實施方式中一種終端屏幕上信息顯示的裝置的結構示意圖。
【具體實施方式】
[0030]在以下的敘述中，為了使讀者更好地理解本申請而提出了許多技術細節。但是，本領域的普通技術人員可以理解，即使沒有這些技術細節和基于以下各實施方式的種種變化和修改，也可以實現本申請各權利要求所要求保護的技術方案。
[0031]術語解釋:
[0032]浮層:網頁效果中的一種形式，它的表現樣式為其始終顯示在網頁的上層，以達到強調其內容或者銜接上下文解釋說明的效果。
[0033]統計圖表:通常用來方便理解大量數據，以及數據之間的關系。便于用戶透過視覺化的符號，更快速地讀取原始數據。現今圖表已經被廣泛用于各種領域，特定類型的圖表有特別適合的數據。常見圖表有直方圖，長條圖，圓餅圖，折線圖等。
[0034]為使本發明的目的、技術方案和優點更加清楚，下面將結合附圖對本發明的實施方式作進一步地詳細描述。
[0035]本發明第一實施方式涉及一種終端屏幕上信息顯示的方法，圖1是該終端屏幕上信息顯示的方法的流程示意圖。
[0036]具體地說，如圖1所示，該終端屏幕上信息顯示的方法包括以下步驟:
[0037]步驟101，響應來自終端輸入裝置的預定類型的輸入信號，獲取終端屏幕上當前焦點所對應的圖形元素。
[0038]可以理解，圖像元素是指在終端上以各種形式顯示的圖像，可以為統計圖表中圖像表示的統計結果，包括柱狀圖、餅圖、折線圖、關系圖等，也可以為地圖中的各種圖像標識等。
[0039]優選地，預定類型的輸入信號是在圖形元素上的點擊、雙擊、或拖動操作。此外，可以理解，在本發明的其它實施方式中，預定類型的輸入信號也可以是其它形式，而不局限于此。
[0040]步驟102，獲取圖形元素所對應的屬性信息。
[0041]步驟103，在新創建的浮層中顯示屬性信息，在浮層和圖形元素之間畫一條連接線。
[0042]可以理解，屬性信息在浮層中的展示形式可以為鏈接，文字，圖片，視頻或者其他展現信息的形式。
[0043]可以理解，浮層和圖形元素之間的連接線可以為以下任一形式:直線，虛線，曲線等，只要能標識浮層和圖形元素之間的對應關系即可。
[0044]可以理解，連接線能夠固定浮層使其不消失，此外，浮層中還可以設置關閉浮層的按鈕，用戶可根據需求通過該按鈕隱藏圖形元素的屬性信息。
[0045]本實施方式中，終端屏幕上的圖形元素的屬性信息可以通過浮層進行顯示，且浮層和圖形元素之間具有連接線，能夠固定且清楚地表示圖形元素與屬性信息之間的對應關系O
[0046]本發明第二實施方式涉及一種終端屏幕上信息顯示的方法，圖2是該終端屏幕上信息顯示的方法的流程示意圖。
[0047]第二實施方式在第一實施方式的基礎上進行了改進，主要改進之處在于:浮層的位置可以拖動，便于用戶對浮層的顯示區域進行調節，避免遮蓋原有的圖形元素，移動后的浮層和圖形元素之間的連接線相應更新，保證了浮層和圖形元素之間的對應關系保持不變；多個浮層同時顯示各自圖形元素的屬性信息，方便對各個圖形元素進行對比分析；對于有多個浮層層疊顯示的情況，用戶當前最需要關注的浮層被點擊后顯示在其它浮層上面，能夠顯示全部內容。具體地說:
[0048]優選地，如圖2所示，浮層中設置有拖動區，該信息顯示方法還包括以下步驟104:
[0049]當從終端輸入裝置檢測到對拖動區的操作信號時，響應該操作信號移動浮層位置，并在移動后的浮層和圖形元素之間重新畫連接線。
[0050]此外，可以理解，在本發明的其它實施方式中，當檢測到對拖動區的操作信號時，對該操作信號的響應形式并不局限于重新畫連接線，也可以通過將原有連接線的一個端點設置為跟隨浮層，則當浮層被拖動時，連接線能夠一并得到更新。
[0051]優選地，浮層為多個，每個浮層顯示各自所對應的圖形元素的屬性信息，方便對各個圖形元素進行對比分析。
[0052]優選地，多個浮層層疊顯示時，當接收到對浮層的未層疊區域的點擊操作時，被點擊的浮層顯示在其它浮層上面。對于用戶當前最需要關注的浮層，其被點擊后顯示在其它浮層上面，從而顯示該浮層的全部內容。
[0053]現有技術中，舉例來說，如圖3所示為現有技術中統計圖表分析中浮層顯示示意圖，在統計圖表分析中，現有的實現方案只能在鼠標滑過時出現該時間下的隱藏信息，以浮層的方式表示，不能同時出現多個浮層進行查看。也就是說，圖表內容的隱藏信息只能單獨查看，不能進行對比分析。
[0054]而本實施方式則解決這個技術問題，不僅能單獨查看隱藏信息，還能對多個隱藏信息進行同時查看分析。
[0055]作為本實施方式的優選例，如圖4至圖9所示為優選例中在終端上對圖表的交互步驟。
[0056]第一步:默認狀態下，正常圖表如圖4所示；
[0057]第二步:鼠標滑過圖表時，出現浮層，如圖5所示，滑出鼠標則浮層消失；
[0058]第三步:單擊鼠標，浮層固定在網頁上，不消失，如圖6所示；
[0059]第四步:拖動浮層(標題區)，浮層改變位置，如圖7所示；
[0060]第五步:重復第二至第四步，得到多個浮層，進行對比分析，如圖8所示，同時看到多個浮層，進行對比分析。
[0061]其中，點擊出來的浮層如圖9所示，包含標題，拖動區，內容區和關閉浮窗，標題即X軸對應的刻度，拖動區用于移動浮層，內容區顯示該浮層所對應的圖形元素的屬性信息，關閉浮窗則用于關閉該浮層。此外，需要說明的是:
[0062]1、點擊出的浮層一定要有連線圖表對應位置
[0063]2、拖動區可以放大，比如充滿內容區，但不可以覆蓋關閉按鈕
[0064]3、內容區可以有鏈接，圖片，視頻或其他展現信息的形式
[0065]4、浮層可以是點擊出現或者雙擊出現，或者直接拖動出現
[0066]5、鼠標點擊某浮層，改浮層就會出現的其他浮層的上面
[0067]另外本實施方式一個關鍵點在于通過在HSL立方中的任意兩個點的連線來確定所有色值的方法。
[0068]此外，本申請不限在電腦端，在無線端也能使用，不光用鼠標，使用手繪板，筆控設備，手操作(無線端)也能夠實現上述操作。以在無線端手操作地圖的交互為例，如圖10所示，圖中有多個圖形元素，當檢測到該無線端上有手操作的輸入信號時，比如點擊該地圖中的兩個圖形元素，分別為中文字符“近”和數字符號“2”，則在該無線端的部分區域以浮層形式分別顯示這兩個圖形元素所對應的屬性信息，圖中所示的屬性信息為該圖形元素所對應的地點信息，以及在設定期限內在該地點出現過的日期記錄。此外，可以拖動上述兩個浮層，以避免浮層對原地圖的遮擋；兩個浮層中的屬性信息同時顯示，便于進行對比；浮層層疊顯示時，點擊需要重點關注的浮層時，該浮層可顯示在其它浮層之上。
[0069]本發明的各方法實施方式均可以以軟件、硬件、固件等方式實現。不管本發明是以軟件、硬件、還是固件方式實現，指令代碼都可以存儲在任何類型的計算機可訪問的存儲器中(例如永久的或者可修改的，易失性的或者非易失性的，固態的或者非固態的，固定的或者可更換的介質等等)。同樣，存儲器可以例如是可編程陣列邏輯(Programmable ArrayLogic，簡稱“PAL”)、隨機存取存儲器(Random Access Memory，簡稱“RAM”)、可編程只讀存儲器(Programmable Read Only Memory，簡稱 “PROM”)、只讀存儲器(Read-Only Memory,簡稱“ROM”)、電可擦除可編程只讀存儲器(Electrically Erasable Programmable ROM，簡稱“EEPR0M”)、磁盤、光盤、數字通用光盤(Digital Versatile Disc，簡稱“DVD”)等等。
[0070]本發明第三實施方式涉及一種終端屏幕上信息顯示的裝置，圖11是該終端屏幕上信息顯示的裝置的結構示意圖。
[0071]具體地說，如圖11所示，該終端屏幕上信息顯示的裝置包括以下模塊:
[0072]輸入響應模塊，用于響應來自終端輸入裝置的預定類型的輸入信號，獲取終端屏幕上當前焦點所對應的圖形元素。優選地，預定類型的輸入信號是在圖形元素上的點擊、雙擊、或拖動操作。
[0073]屬性信息獲取模塊，用于獲取圖形元素所對應的屬性信息。
[0074]浮層顯示模塊，用于在新創建的浮層中顯示屬性信息，并在浮層和圖形元素之間畫一條連接線。
[0075]第一實施方式是與本實施方式相對應的方法實施方式，本實施方式可與第一實施方式互相配合實施。第一實施方式中提到的相關技術細節在本實施方式中依然有效，為了減少重復，這里不再贅述。相應地，本實施方式中提到的相關技術細節也可應用在第一實施方式中。
[0076]本發明第四實施方式涉及一種終端屏幕上信息顯示的裝置，第四實施方式在第三實施方式的基礎上進行了改進，主要改進之處在于:浮層的位置可以拖動，便于用戶對浮層的顯示區域進行調節，避免遮蓋原有的圖形元素，移動后的浮層和圖形元素之間的連接線相應更新，保證了浮層和圖形元素之間的對應關系保持不變；多個浮層同時顯示各自圖形元素的屬性信息，方便對各個圖形元素進行對比分析；對于有多個浮層層疊顯示的情況，用戶當前最需要關注的浮層被點擊后顯示在其它浮層上面，能夠顯示全部內容。具體地說:
[0077]優選地，在浮層中設置有拖動區，該信息顯示裝置還包括浮層拖動模塊，用于當從終端輸入裝置檢測到對拖動區的操作信號時，響應該操作信號移動浮層位置，并在移動后的浮層和圖形元素之間重新畫連接線。
[0078]優選地，浮層為多個，每個浮層顯示各自所對應的圖形元素的屬性信息。
[0079]優選地，還包括浮層凸出模塊，用于多個浮層層疊顯示時，接收到對浮層的未層疊區域的點擊操作，并將被點擊的浮層顯示在其它浮層上面。
[0080]第二實施方式是與本實施方式相對應的方法實施方式，本實施方式可與第二實施方式互相配合實施。第二實施方式中提到的相關技術細節在本實施方式中依然有效，為了減少重復，這里不再贅述。相應地，本實施方式中提到的相關技術細節也可應用在第二實施方式中。
[0081]為了實現上述各實施方式，本發明還提出一種電子設備，該電子設備包括:
[0082]顯示器；
[0083]處理器；
[0084]存儲器，用于存儲可執行程序，可執行程序被處理器執行時，在顯示器的至少一部分區域以浮層的形式顯示有顯示器中圖形元素所對應的屬性信息。在浮層和對應的圖形元素之間具有一條連接線。
[0085]優選地，在浮層移動時，浮層和對應的圖形元素之間的連接線的兩個端點分別保持與浮層和圖形元素之間的連接。
[0086]優選地，在顯示器的至少一部分區域顯示有多個浮層，每個浮層分別顯示各自所對應的圖形元素的屬性信息。
[0087]優選地，在多個浮層層疊顯示時，最后一次被點擊操作的浮層顯示在其它浮層上面。
[0088]需要說明的是，本發明各設備實施方式中提到的各模塊都是邏輯模塊，在物理上，一個邏輯模塊可以是一個物理模塊，也可以是一個物理模塊的一部分，還可以以多個物理模塊的組合實現，這些邏輯模塊本身的物理實現方式并不是最重要的，這些邏輯模塊所實現的功能的組合才是解決本發明所提出的技術問題的關鍵。此外，為了突出本發明的創新部分，本發明上述各設備實施方式并沒有將與解決本發明所提出的技術問題關系不太密切的模塊引入，這并不表明上述設備實施方式并不存在其它的模塊。
[0089]需要說明的是，在本專利的權利要求和說明書中，諸如第一和第二等之類的關系術語僅僅用來將一個實體或者操作與另一個實體或操作區分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關系或者順序。而且，術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設備所固有的要素。在沒有更多限制的情況下，由語句“包括一個”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設備中還存在另外的相同要素。
[0090]雖然通過參照本發明的某些優選實施方式，已經對本發明進行了圖示和描述，但本領域的普通技術人員應該明白，可以在形式上和細節上對其作各種改變，而不偏離本發明的精神和范圍。
【主權項】
1.一種終端屏幕上信息顯示的方法，其特征在于，包括以下步驟: 響應來自終端輸入裝置的預定類型的輸入信號，獲取所述終端屏幕上當前焦點所對應的圖形元素； 獲取所述圖形元素所對應的屬性信息； 在新創建的浮層中顯示所述屬性信息，在所述浮層和所述圖形元素之間畫一條連接線。2.根據權利要求1所述的終端屏幕上信息顯示的方法，其特征在于，所述浮層中設置有拖動區，所述方法還包括以下步驟: 當從所述終端輸入裝置檢測到對拖動區的操作信號時，響應該操作信號移動浮層位置，并在移動后的浮層和所述圖形元素之間重新畫連接線。3.根據權利要求1所述的終端屏幕上信息顯示的方法，其特征在于，所述浮層為多個，每個浮層顯示各自所對應的圖形元素的屬性信息。4.根據權利要求3所述的終端屏幕上信息顯示的方法，其特征在于，所述多個浮層層疊顯示時，當接收到對浮層的未層疊區域的點擊操作時，所述被點擊的浮層顯示在其它浮層上面O5.根據權利要求1所述的終端屏幕上信息顯示的方法，其特征在于，所述預定類型的輸入信號是在圖形元素上的點擊、雙擊、或拖動操作。6.一種終端屏幕上信息顯示的裝置，其特征在于，包括以下模塊: 輸入響應模塊，用于響應來自終端輸入裝置的預定類型的輸入信號，獲取所述終端屏幕上當前焦點所對應的圖形元素； 屬性信息獲取模塊，用于獲取所述圖形元素所對應的屬性信息； 浮層顯示模塊，用于在新創建的浮層中顯示所述屬性信息，并在所述浮層和所述圖形元素之間畫一條連接線。7.根據權利要求6所述的終端屏幕上信息顯示的裝置，其特征在于，在所述浮層中設置有拖動區，所述裝置還包括浮層拖動模塊，用于當從終端輸入裝置檢測到對拖動區的操作信號時，響應該操作信號移動浮層位置，并在移動后的浮層和所述圖形元素之間重新畫連接線。8.根據權利要求6所述的終端屏幕上信息顯示的裝置，其特征在于，所述浮層為多個，每個浮層顯示各自所對應的圖形元素的屬性信息。9.根據權利要求6所述的終端屏幕上信息顯示的裝置，其特征在于，還包括浮層凸出模塊，用于所述多個浮層層疊顯示時，接收到對浮層的未層疊區域的點擊操作，并將所述被點擊的浮層顯示在其它浮層上面。10.根據權利要求6所述的終端屏幕上信息顯示的裝置，其特征在于，所述預定類型的輸入信號是在圖形元素上的點擊、雙擊、或拖動操作。11.一種電子設備，其特征在于，所述電子設備包括: 顯示器； 處理器； 存儲器，用于存儲可執行程序，所述可執行程序被所述處理器執行時，在所述顯示器的至少一部分區域以浮層的形式顯示有所述顯示器中圖形元素所對應的屬性信息；在所述浮層和對應的圖形元素之間具有一條連接線。12.根據權利要求11所述的電子設備，其特征在于，在所述浮層移動時，所述浮層和對應的圖形元素之間的連接線的兩個端點分別保持與所述浮層和所述圖形元素之間的連接。13.根據權利要求11所述的電子設備，其特征在于，在所述顯示器的至少一部分區域顯示有多個浮層，每個浮層分別顯示各自所對應的圖形元素的屬性信息。14.根據權利要求13所述的電子設備，其特征在于，在所述多個浮層層疊顯示時，最后一次被點擊操作的浮層顯示在其它浮層上面。
【文檔編號】G06F3/0488GK105988699SQ201510070350
【公開日】2016年10月5日
【申請日】2015年2月10日
【發明人】張科
【申請人】阿里巴巴集團控股有限公司