TW201504920A - 浮動圖示顯示系統及方法 - Google Patents

Abstract

一種浮動圖示顯示系統，應用於電子裝置中。該系統包括位置獲取模組、判斷模組及調整模組。所述位置獲取模組用於獲取電子裝置所顯示的顯示畫面中浮動圖示及資訊區域的位置資訊。所述判斷模組用於根據浮動圖示以及資訊區域的位置資訊判斷所述浮動圖示與資訊區域是否存在交疊。所述調整模組用於當所述浮動圖示與資訊區域存在交疊時，調整所述顯示畫面上顯示的內容，使該浮動圖示位於所述資訊區域之外。本發明還提供一種浮動圖示顯示方法。

Description

浮動圖示顯示系統及方法

本發明涉及一種浮動圖示顯示系統及方法。

手機、平板電腦、電腦等電子設備中，經常會有一些應用程式的浮動圖示顯示在電子裝置的人機交互介面，例如當前網路下載流量、輸入法介面、記憶體使用量以及快捷操作等浮動圖示。這些顯示的浮動圖示，雖然在一定程度上方便了用戶的使用，但浮動圖示也可能會遮擋顯示畫面中顯示的其它內容，使得使用者的操作受到干擾。

鑒於此，有必要提供一種浮動圖示顯示系統，應用於電子裝置中。該系統包括位置獲取模組、判斷模組及調整模組。所述位置獲取模組用於獲取電子裝置所顯示的顯示畫面中浮動圖示及資訊區域的位置資訊，該浮動圖示是指顯示畫面中浮動顯示的資訊交互視窗，該資訊區域是指固定在顯示畫面中的具有顯示內容的區域。所述判斷模組用於根據浮動圖示以及資訊區域的位置資訊判斷所述浮動圖示與資訊區域是否存在交疊。所述調整模組用於當所述浮動圖示與資訊區域存在交疊時，調整所述顯示畫面上顯示的內容，使該浮動圖示位於所述資訊區域之外。

還有必要提供一種浮動圖示顯示方法，應用於電子裝置中。該方法包括：位置獲取步驟，獲取電子裝置所顯示的顯示畫面中浮動圖示及資訊區域的位置資訊，該浮動圖示是指顯示畫面中浮動顯示的資訊交互視窗，該資訊區域是指固定在顯示畫面中的具有顯示內容的區域；判斷步驟，根據浮動圖示以及資訊區域的位置資訊判斷所述浮動圖示與資訊區域是否存在交疊；以及調整步驟，當所述浮動圖示與資訊區域存在交疊時，調整所述顯示畫面上顯示的內容，使該浮動圖示位於所述資訊區域之外。

相較於習知技術，本發明所提供的浮動圖示顯示系統及方法能夠在顯示畫面中的浮動圖示與資訊顯示內容重疊時自動調整顯示畫面，使得所述浮動圖示與資訊顯示內容不重疊，方便使用者使用。

1‧‧‧電子裝置

10‧‧‧浮動圖示顯示系統

100‧‧‧開啟模組

101‧‧‧位置獲取模組

102‧‧‧判斷模組

103‧‧‧調整模組

103a‧‧‧偏好區域獲取子模組

103b‧‧‧畫面調整子模組

11‧‧‧記憶體

12‧‧‧處理器

13‧‧‧顯示屏

20‧‧‧顯示畫面

21‧‧‧浮動圖示

22‧‧‧資訊區域

23‧‧‧非資訊區域

25‧‧‧偏好區域

圖1係電子裝置的顯示畫面上顯示一浮動圖示的一實施方式的示意圖。

圖2係本發明浮動圖示顯示系統的運行環境的架構圖。

圖3係本發明的浮動圖示顯示方法的流程圖。

圖4係圖3中步驟S203的子步驟的流程圖。

圖5至圖7係對浮動圖示的顯示位置進行調整的示意圖。

下面結合附圖將對本發明實施方式作進一步的詳細說明。

請參閱圖1，示出了電子裝置1的顯示畫面20上顯示一浮動圖示21的一實施方式的示意圖。所述顯示畫面20包括資訊區域22以及非資訊區域23。一應用程式的浮動圖示21顯示在該顯示畫面20上。所述浮動圖示21是在顯示畫面20中浮動顯示的資訊交互視窗，例如是顯示該電子裝置1的當前網路下載流量、記憶體使用量等資訊的顯示視窗。所述資訊區域22是指固定在顯示畫面20中顯示的各種內容，例如電子裝置1內應用程式的圖示、文字資訊、圖片資訊等內容的顯示區域。所述非資訊區域23是指顯示畫面20中除所述資訊區域22以外的區域，其可以是空白區域也可以是未顯示任何內容的背景區域。可以理解的是，該浮動圖示21還包括其它類型的資訊交互視窗，例如是輸入法的浮動視窗等，上述說明僅為更方便理解本發明之用途，而並非對其限定。在圖1中，由於浮動圖示21與資訊區域22存在交疊，使得資訊區域22顯示的部分資訊被浮動圖示21所遮擋，從而對用戶的使用造成影響。

請參閱圖2，為本發明浮動圖示顯示系統10的運行環境的架構圖。該浮動圖示顯示系統10應用於電子裝置1中，該電子裝置1還包括記憶體11、處理器12以及顯示屏13。在本實施方式中，所述電子裝置1可以是，但不限於，手機、平板電腦、筆記型電腦、家用電腦、移動上網設備等。

該浮動圖示顯示系統10包括位置獲取模組101、判斷模組102以及調整模組103，其中，所述調整模組103包括偏好區域獲取子模組103a及畫面調整子模組103b兩個子模組。該浮動圖示顯示系統10中的各功能模組可被存儲在所述記憶體11中，並由所述處理器12控制執行。

本發明之浮動圖示顯示系統及方法藉由獲取浮動圖示21與資訊區域22的位置資訊，並在當所述浮動圖示21與資訊區域22存在交疊時，對顯示畫面20進行一定的調整，使資訊區域22不會被所述浮動圖示21所遮擋，從而不影響用戶的使用。同時，本發明之浮動圖示顯示系統及方法能夠將所述浮動圖示21調整至使用者經常使用的位置，在方便用戶使用的同時顯得更加人性化。

請參閱圖3，為使用本發明浮動圖示顯示系統10實現本發明的浮動圖示顯示方法的流程圖。所應說明的是，本發明的浮動圖示顯示方法並不受限於下述步驟的順序，且其它實施方式中，本發明的浮動圖示顯示方法可以只包括以下所述步驟的其中一部分，或者其中的部分步驟可以被刪除。下面結合圖3各流程步驟的說明對以上各模組的功能進行詳細介紹。

步驟S201，所述位置獲取模組101獲取顯示畫面20中浮動圖示21、資訊區域22以及非資訊區域23的位置資訊。

具體地，本實施方式中，所述浮動圖示21、資訊區域22及非資訊區域23在所述顯示畫面20內為由多個圖元座標組合而成，故所述位置獲取模組101可以獲取組成所述浮動圖示21及資訊區域22的各圖元座標，並藉由所述各圖元座標界定所述浮動圖示21及資訊區域22的位置資訊。可以理解的是，由於所述顯示畫面20中資訊區域22以外的部分都為所述非資訊區域23，在界定出所述資訊區域22位置資訊的同時，所述非資訊區域23的位置資訊也同時被界定。在其他實施方式中，也可用其它方式來界定所述浮動圖示21、資訊區域22以及非資訊區域23的位置資訊，並不限定於上述方式。

步驟S202，所述判斷模組102根據浮動圖示21以及資訊區域22的位置資訊判斷所述浮動圖示21與資訊區域22是否存在交疊。

具體地，在本實施方式中，當組成所述浮動圖示21的一個或多個圖元座標與組成所述資訊區域22的一個或多個圖元座標相同時，則判斷為所述浮動圖示21與資訊區域22的位置資訊存在交疊。否則，當組成所述浮動圖示21的全部圖元座標都未與所述資訊區域22的任意一個或多個圖元座標相同時，所述浮動圖示21與資訊區域22則不存在交疊。

步驟S203，當所述浮動圖示21與資訊區域22存在交疊時，所述調整模組103調整所述顯示畫面20上顯示的內容，使該浮動圖示21位於所述資訊區域22之外，並將調整後的顯示畫面20顯示於顯示屏13上。

本實施方式中，調整模組103調整浮動圖示21的位置的方法如圖4所示。參閱圖4，為所述步驟S203的子流程圖，下面結合圖4中步驟S203的各子流程步驟的說明對所述調整模組103中各子模組的功能進行詳細介紹。

步驟S203a，所述偏好區域獲取子模組103a在所述非資訊區域23中獲取所述浮動圖示21在過去預定時間內顯示次數最多的區域作為偏好區域25。

具體地，在本實施方式中，所述偏好區域獲取子模組103a可以將所述浮動圖示21每一次變換顯示位置後所處的位置都記錄在記憶體11中，然後藉由分析所述記憶體11中記錄的浮動圖示21在所述過去預定時間內在各位置顯示的次數，將該浮動圖示21顯示次數最多的位置所在的一個輻射區域與所述非資訊區域23交疊的部分定義為所述偏好區域25。例如以該顯示次數最多的位置為中心，預定長度（如1釐米）為半徑的輻射區域與所述非資訊區域23交疊的部分作為所述偏好區域25。優選地，本實施例中，該預定長度大於或等於所述浮動圖示21最小包圍矩形長邊的二分之一。

特別地，當所述浮動圖示21顯示次數最多的位置所在的一個輻射區域與所述非資訊區域23不存在交疊的部分時，可以將所述輻射區域擴大，直到獲取到所述交疊部分作為偏好區域25為止。

步驟S203b，所述畫面調整子模組103b調整所述顯示畫面20上顯示的內容，以使得所述浮動圖示21位於所述偏好區域25之內，並將調整後的顯示畫面20顯示於顯示屏13上。

具體地，所述畫面調整子模組103b首先判斷所述偏好區域25內是否能夠容納所述浮動圖示21，並當所述偏好區域25能夠容納所述浮動圖示21時，將所述浮動圖示21顯示在所述偏好區域25內，而當所述偏好區域25不能夠容納所述浮動圖示21時，調整靠近所述偏好區域25的資訊區域22的形狀或位置以將所述偏好區域25的面積擴大直至能夠容納所述浮動圖示21，然後將所述浮動圖示21移動至所述偏好區域25內，並將調整後的顯示畫面20顯示於所述顯示屏13上。

如圖5所示，當所述偏好區域25能夠容納所述浮動圖示21時，所述畫面調整子模組103b直接將所述浮動圖示21移動至所述偏好區域25內進行顯示。

而，如圖6及圖7所示，當所述偏好區域25不能容納所述浮動圖示21時，所述畫面調整子模組103b首先調整靠近所述偏好區域25的資訊區域22，以將所述偏好區域25的面積擴大直至能夠容納所述浮動圖示21，然後將所述浮動圖示21顯示在調整後的偏好區域25中。

如圖6所示，在本實施方式中，所述畫面調整子模組103b可以藉由縮小靠近所述偏好區域25的資訊區域22的面積，以擴大所述偏好區域25的面積，並將所述浮動圖示21顯示在所述偏好區域25內，以使得所述浮動圖示21的位置與所述資訊區域22的位置不重疊。

如圖7所示，在另一實施方式中，所述畫面調整子模組103b也可以藉由調整靠近所述偏好區域25的資訊區域22的位置，將靠近偏好區域25的資訊區域22向遠離所述偏好區域25的方向移動，同樣可以使所述偏好區域25的面積擴大，並將所述浮動圖示21顯示在所述偏好區域25內。可以理解的是，在其他實施方式中，所述畫面調整子模組103b也可以藉由同時調整所述資訊區域22的大小及位置的方式來將所述偏好區域25擴大，而並不限定於上述方式。

這樣，藉由本發明浮動圖示顯示系統及方法能夠對顯示畫面20進行調整，使得所述浮動圖示21和資訊區域22的位置不會重疊，相互之間不會受到干擾，從而方便用戶使用。

在本實施方式中，所述浮動圖示顯示系統10還可以在所述步驟S201之前由一開啟模組100提示使用者是否使用本系統。在使用者選擇使用後，當電子裝置1中顯示有浮動圖示21時，所述開啟模組100觸發所述位置獲取模組101執行步驟S201，開始對浮動圖示21的顯示位置進行優化的流程。

綜上所述，本創作符合發明專利要件，爰依法提出專利申請。惟，以上所述者僅為本創作之較佳實施例，本創作之範圍並不以上述實施例為限，舉凡熟習本案技藝之人士爰依本創作之精神所作之等效修飾或變化，皆應涵蓋於以下申請專利範圍內。

無

1‧‧‧電子裝置

10‧‧‧浮動圖示顯示系統

100‧‧‧開啟模組

101‧‧‧位置獲取模組

102‧‧‧判斷模組

103‧‧‧調整模組

103a‧‧‧偏好區域獲取子模組

103b‧‧‧畫面調整子模組

11‧‧‧記憶體

12‧‧‧處理器

13‧‧‧顯示屏

Claims (14)

1. 一種浮動圖示顯示系統，應用於電子裝置中，該系統包括：
   位置獲取模組，用於獲取電子裝置所顯示的顯示畫面中浮動圖示及資訊區域的位置資訊，該浮動圖示是指顯示畫面中浮動顯示的資訊交互視窗，該資訊區域是指固定在顯示畫面中的具有顯示內容的區域；
   判斷模組，用於根據浮動圖示以及資訊區域的位置資訊判斷所述浮動圖示與資訊區域是否存在交疊；以及
   調整模組，用於當所述浮動圖示與資訊區域存在交疊時，調整所述顯示畫面上顯示的內容，使該浮動圖示位於所述資訊區域之外。
2. 如請求項第1項所述的浮動圖示顯示系統，其中，所述顯示畫面還包括沒有顯示內容的非資訊區域，所述調整模組包括：
   偏好區域獲取子模組，用於在所述非資訊區域中獲取所述浮動圖示在過去預定時間內顯示次數最多的區域作為偏好區域；以及
   畫面調整子模組，用於調整所述顯示畫面上顯示的內容，以使得所述浮動圖示位於所述偏好區域之內。
3. 如請求項第1項所述的浮動圖示顯示系統，其中：所述顯示畫面還包括沒有顯示內容的非資訊區域，所述浮動圖示、資訊區域及非資訊區域在所述顯示畫面內為由多個圖元座標組合而成，所述位置獲取模組獲取組成所述浮動圖示及資訊區域的各圖元座標，然後藉由所述各圖元座標界定所述浮動圖示及資訊區域的位置資訊。
4. 如請求項第3項所述的浮動圖示顯示系統，其中：當組成所述浮動圖示的一個或多個圖元座標與組成所述資訊區域的一個或多個圖元座標相同時，所述判斷模組判斷為所述浮動圖示與資訊區域的位置資訊存在交疊；當組成所述浮動圖示的全部圖元座標都未與所述資訊區域的任意一個或多個圖元座標相同時，所述判斷模組判斷為浮動圖示與資訊區域不存在交疊。
5. 如請求項第2項所述的浮動圖示顯示系統，其中：所述偏好區域獲取子模組將所述浮動圖示每一次變換顯示位置後所處的位置記錄在電子裝置中，藉由分析所述電子裝置中記錄的浮動圖示在所述過去預定時間內在各位置顯示的次數，將該浮動圖示顯示次數最多的位置所在的一個輻射區域與所述非資訊區域交疊的部分定義為所述偏好區域。
6. 如請求項第2項所述的浮動圖示顯示系統，其中：所述畫面調整子模組首先判斷所述偏好區域內是否能夠容納所述浮動圖示，並當所述偏好區域能夠容納所述浮動圖示時，將所述浮動圖示顯示在所述偏好區域內，當所述偏好區域不能夠容納所述浮動圖示時，調整靠近所述偏好區域的資訊區域的形狀或位置以將所述偏好區域的面積擴大直至能夠容納所述浮動圖示，然後再將所述浮動圖示顯示在所述偏好區域內。
7. 如請求項第6項所述的浮動圖示顯示系統，其中：當所述偏好區域不能夠容納所述浮動圖示時，所述畫面調整子模組藉由縮小靠近所述偏好區域的資訊區域的面積、調整所述資訊區域的位置或在縮小所述資訊區域的面積的同時調整所述資訊區域的位置，以擴大所述偏好區域直至能夠容納所述浮動圖示，然後再將所述浮動圖示顯示在調整後的偏好區域內。
8. 一種浮動圖示顯示方法，應用於電子裝置中，該方法包括：
   位置獲取步驟，獲取電子裝置所顯示的顯示畫面中浮動圖示及資訊區域的位置資訊，該浮動圖示是指顯示畫面中浮動顯示的資訊交互視窗，該資訊區域是指固定在顯示畫面中的具有顯示內容的區域；
   判斷步驟，根據浮動圖示以及資訊區域的位置資訊判斷所述浮動圖示與資訊區域是否存在交疊；以及
   調整步驟，當所述浮動圖示與資訊區域存在交疊時，調整所述顯示畫面上顯示的內容，使該浮動圖示位於所述資訊區域之外。
9. 如請求項第8項所述的浮動圖示顯示方法，其中，所述顯示畫面還包括沒有顯示內容的非資訊區域，所述調整步驟包括：
   偏好區域獲取子步驟，在所述非資訊區域中獲取所述浮動圖示在過去預定時間內顯示次數最多的區域作為偏好區域；以及
   畫面調整子步驟，調整所述顯示畫面上顯示的內容，以使得所述浮動圖示位於所述偏好區域之內。
10. 如請求項第8項所述的浮動圖示顯示方法，其中，所述顯示畫面還包括沒有顯示內容的非資訊區域，所述浮動圖示、資訊區域及非資訊區域在所述顯示畫面內為由多個圖元座標組合而成，所述位置獲取步驟包括：
    獲取組成所述浮動圖示及資訊區域的各圖元座標，然後藉由所述各圖元座標界定所述浮動圖示及資訊區域的位置資訊。
11. 如請求項第10項所述的浮動圖示顯示方法，其中，所述判斷步驟包括：
    當組成所述浮動圖示的一個或多個圖元座標與組成所述資訊區域的一個或多個圖元座標相同時，判斷為所述浮動圖示與資訊區域的位置資訊存在交疊；以及
    當組成所述浮動圖示的全部圖元座標都未與所述資訊區域的任意一個或多個圖元座標相同時，判斷為浮動圖示與資訊區域不存在交疊。
12. 如請求項第9項所述的浮動圖示顯示方法，其中，所述偏好區域獲取子步驟包括：
    將所述浮動圖示每一次變換顯示位置後所處的位置記錄在電子裝置中，藉由分析所述電子裝置中記錄的浮動圖示在所述過去預定時間內在各位置顯示的次數，將該浮動圖示顯示次數最多的位置所在的一個輻射區域與所述非資訊區域交疊的部分定義為所述偏好區域。
13. 如請求項第9項所述的浮動圖示顯示方法，其中，所述畫面調整子步驟包括：
    首先判斷所述偏好區域內是否能夠容納所述浮動圖示，並當所述偏好區域能夠容納所述浮動圖示時，將所述浮動圖示顯示在所述偏好區域內，當所述偏好區域不能夠容納所述浮動圖示時，調整靠近所述偏好區域的資訊區域的形狀或位置以將所述偏好區域的面積擴大直至能夠容納所述浮動圖示，然後再將所述浮動圖示顯示在所述偏好區域內。
14. 如請求項第13項所述的浮動圖示顯示方法，其中，所述畫面調整子步驟包括：當所述偏好區域不能夠容納所述浮動圖示時，藉由縮小靠近所述偏好區域的資訊區域的面積、調整所述資訊區域的位置或在縮小所述資訊區域的面積的同時調整所述資訊區域的位置，以擴大所述偏好區域直至能夠容納所述浮動圖示，然後再將所述浮動圖示顯示在調整後的偏好區域內。