TW201926020A - 電子設備及圖標顯示方法 - Google Patents
電子設備及圖標顯示方法 Download PDFInfo
- Publication number
- TW201926020A TW201926020A TW106145423A TW106145423A TW201926020A TW 201926020 A TW201926020 A TW 201926020A TW 106145423 A TW106145423 A TW 106145423A TW 106145423 A TW106145423 A TW 106145423A TW 201926020 A TW201926020 A TW 201926020A
- Authority
- TW
- Taiwan
- Prior art keywords
- display screen
- current usage
- mode
- usage mode
- arrangement
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
一種圖標顯示方法,應用於包括顯示螢幕的電子設備,該方法包括:預設所述電子設備的各個圖標在該顯示螢幕處於不同的使用模式時對應不同的排列方式;根據該顯示螢幕的非反應區域的位置、大小、該顯示螢幕的大小以及當前使用模式判斷是否要調整當前使用模式所對應的排列方式;當不需調整時,按照預設的排列方式來排列所述各個圖標,該預設的排列方式對應於該顯示螢幕當前使用模式;當需調整時,調整當前使用模式所對應的排列方式;及根據所調整的排列方式來顯示各個圖標。本發明能根據顯示螢幕的大小以及非反應區域的大小和位置來佈局圖標。
Description
本發明涉及電子設備管理技術領域,尤其涉及一種電子設備及圖標顯示方法。
隨著全面屏的應用,手機廠商對全面屏做挖孔處理,在對應的挖空區域配置上一些感測器元件例如前置攝像頭。目前的系統只能根據已知的挖洞大小,再去更改螢幕桌面的佈局,導致軟體的版本需要更大的開發力度,而且只能定制版本,並不能直接套用到正常手機軟體中應用,生產成本高,適配性不好,無法進行通用,導致用戶體驗非常差。
鑒於以上內容,有必要提供一種電子設備,能夠根據電子設備的顯示螢幕的大小以及非反應區域的大小和位置來佈局圖標。
電子設備,還有必要提供一種應用於電子設備的圖標顯示方法,能夠根據電子設備的顯示螢幕的大小以及非反應區域的大小和位置來佈局圖標。
所述電子設備包括:顯示螢幕,所述顯示螢幕包括非反應區域;儲存器;處理器;以及多個模組,所述多個模組被儲存在所述儲存器中並被由所述處理器執行,所述多個模組包括:預設模組,用於預設所述電子設備的各個圖標在所述顯示螢幕處於不同的使用模式時對應不同的排列方式;偵測模組,用於感測所述顯示螢幕當前的使用模式;判斷模組,用於根據所述非反應區域在所述顯示螢幕上的位置、所述非反應區域的大小、所述顯示螢幕的大小,以及所述顯示螢幕當前的使用模式判斷是否要調整當前使用模式所對應的排列方式;顯示模組,用於當確定不需調整當前使用模式所對應的排列方式時,按照所預設的排列方式來排列所述各個圖標,該預設的排列方式對應於所述顯示螢幕當前的使用模式;調整模組,用於當確定需調整當前使用模式所對應的排列方式時,調整當前使用模式所對應的排列方式;及所述顯示模組,還用於根據所調整的排列方式來顯示所述各個圖標。
優選地,所述偵測模組根據使用者在所述顯示螢幕上所執行的一次預設的觸摸操作識別所述顯示螢幕的大小以及所述非反應區域在所述顯示螢幕上的位置和該非反應區域的大小。
優選地,所述顯示螢幕的使用模式包括豎屏模式和橫屏模式;所述排列方式是指各個圖標按照每頁M行N列進行排列,相鄰兩行之間的第一間距L1為預設的第一距離值,相鄰兩列之間的第二間距L2為預設的第二距離值,所述M行中的第一行與所述顯示螢幕在當前使用模式下所對應的上邊框之間的第三間距L3為預設的第三距離值,第M行與所述顯示螢幕在當前使用模式下所對應的下邊框之間的第四間距L4為預設的第四距離值,所述N列中的第一列與所述顯示螢幕在當前使用模式下所對應的左邊框之間的第五間距L5為預設的第五距離值,第N列與所述顯示螢幕在當前使用模式下所對應的右邊框之間的第六間距L6為預設的第六距離值。
優選地,當所述顯示螢幕當前的使用模式為豎屏模式,所述非反應區域位於所述顯示螢幕的上邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第三間距L3來確定是否要調整當前使用模式所對應的排列方式;及當所述顯示螢幕當前的使用模式為豎屏模式,且所述非反應區域位於所述顯示螢幕的下邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第四間距L4來確定是否要調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為豎屏模式,所述調整模組在保持所述M行中離所述非反應區域最遠的一行的圖標的位置不變的前提下,減少所述第一間距L1,以調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的左邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第五間距L5來確定是否要調整當前使用模式所對應的排列方式;及當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的右邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第六間距L6來確定是否要調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為橫屏模式,所述調整模組在保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下,減少所述第二間距L2,以調整當前使用模式所對應的排列方式。
所述圖標顯示方法,應用於電子設備,該電子設備包括顯示螢幕,所述顯示螢幕包括非反應區域,該方法包括:預設步驟,預設所述電子設備的各個圖標在所述顯示螢幕處於不同的使用模式時對應不同的排列方式;偵測步驟,感測所述顯示螢幕當前的使用模式;判斷步驟,根據所述非反應區域在所述顯示螢幕上的位置、所述非反應區域的大小、所述顯示螢幕的大小,以及所述顯示螢幕當前的使用模式判斷是否要調整當前使用模式所對應的排列方式;第一顯示步驟,當確定不需調整當前使用模式所對應的排列方式時,按照所預設的排列方式來排列所述各個圖標,該預設的排列方式對應於所述顯示螢幕當前的使用模式; 調整步驟,當確定需調整當前使用模式所對應的排列方式時,調整當前使用模式所對應的排列方式;及第二顯示步驟,根據所調整的排列方式來顯示所述各個圖標。
優選地,所述偵測步驟中,根據使用者在所述顯示螢幕上所執行的一次預設的觸摸操作識別所述顯示螢幕的大小以及所述非反應區域在所述顯示螢幕上的位置和該非反應區域的大小。
優選地,所述顯示螢幕的使用模式包括豎屏模式和橫屏模式;所述排列方式是指各個圖標按照每頁M行N列進行排列,相鄰兩行之間的第一間距L1為預設的第一距離值,相鄰兩列之間的第二間距L2為預設的第二距離值,所述M行中的第一行與所述顯示螢幕在當前使用模式下所對應的上邊框之間的第三間距L3為預設的第三距離值,第M行與所述顯示螢幕在當前使用模式下所對應的下邊框之間的第四間距L4為預設的第四距離值,所述N列中的第一列與所述顯示螢幕在當前使用模式下所對應的左邊框之間的第五間距L5為預設的第五距離值,第N列與所述顯示螢幕在當前使用模式下所對應的右邊框之間的第六間距L6為預設的第六距離值。
優選地,當所述顯示螢幕當前的使用模式為豎屏模式,所述非反應區域位於所述顯示螢幕的上邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第三間距L3來確定是否要調整當前使用模式所對應的排列方式;及當所述顯示螢幕當前的使用模式為豎屏模式,且所述非反應區域位於所述顯示螢幕的下邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第四間距L4來確定是否要調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為豎屏模式,所述調整步驟中,在保持所述M行中離所述非反應區域最遠的一行的圖標的位置不變的前提下,減少所述第一間距L1,以調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的左邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第五間距L5來確定是否要調整當前使用模式所對應的排列方式;及當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的右邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第六間距L6來確定是否要調整當前使用模式所對應的排列方式。
優選地,當所述顯示螢幕當前的使用模式為橫屏模式,所述調整步驟中,在保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下,減少所述第二間距L2,以調整當前使用模式所對應的排列方式。
相較於習知技術,本發明提供的電子設備及圖標顯示方法,能夠根據電子設備的顯示螢幕的大小以及非反應區域的大小和位置來佈局圖標。
參閱圖1與圖2所示,所述電子設備1可以為手機、平板電腦等具有顯示功能的設備。在本實施例中,所述電子設備1包括,但不僅限於,處理器10、顯示螢幕11、儲存器12,及感測器13。上述各個元件之間電氣連接。
在本實施例中,所述顯示螢幕11可以為觸控式螢幕,該顯示螢幕11包括至少一個非反應區域110。
所述非反應區域110為使用者手指或觸碰筆觸摸到該區域時,所述顯示螢幕11不會有觸摸回饋的區域。所述非反應區域110可以為對應配置了所述電子設備1的攝像頭或其他元件例如指紋識別器的區域。相應地,所述顯示螢幕11上除所述非反應區域110之外的其他區域則可定義為反應區域,也就是使用者手指或觸碰筆觸摸到該區域時,所述顯示螢幕11會有觸摸回饋的區域。例如,圖2A和2B所示的半圓形灰色區域即為非反應區域110,相應地,所述顯示螢幕11上除所述半圓形灰色區域之外的其他區域為反應區域。該圖2A所示的半圓形灰色區域位於所述顯示螢幕11的上方,可以為安裝了攝像頭的區域。該圖2B所示的半圓形灰色區域位於所述顯示螢幕11的下方,可以為安裝了指紋識別器的區域。
所述感測器13可以感測所述電子設備1的顯示螢幕11當前的使用模式是豎屏模式還是橫屏模式。例如,當所述顯示螢幕11的擺放方向為圖3A和3C所示時,所述感測器13可以感測到所述顯示螢幕11當前的使用模式為豎屏模式。又如,當所述顯示螢幕11的擺放方向為圖3B和3D所示時,所述感測器13可以感測到所述顯示螢幕11當前的使用模式為橫屏模式。所述感測器13也可以感測所述非反應區域110在所述顯示螢幕11的位置。
在一個實施例中,所述感測器13可以為重力感測器,或者重力感測器與其他感測器例如羅盤感測器和/或陀螺儀的組合。本實施例中,所述感測器13可以內置於所述電子設備1,即不需要對所述顯示螢幕11進行挖孔來安裝該感測器13。
在本實施例中,所述顯示螢幕11可以顯示所述電子設備1所包括的各個應用程式分別所對應圖標。例如,撥打電話的應用程式所對應的圖標、短消息應用程式所對應的圖標、網頁流覽器所對應的圖標等等。
在本實施例中,所述儲存器12可以是電子設備1本身的儲存器,也可以是安全數位卡、智慧媒體卡等外部存放裝置。所述儲存器12中還儲存有圖標顯示系統120,該圖標顯示系統120用於根據所述非反應區域的大小及所述顯示螢幕11當前的使用模式來顯示所述電子設備1的各個圖標。
所述處理器10可以為中央處理單元,或者其他能夠執行所述圖標顯示系統120的資料處理晶片。
在本實施方式中,所述圖標顯示系統120可以被分割成一個或多個模組,所述一個或多個模組儲存在所述儲存器12中,並被配置至一個或多個處理器(本實施例為一個處理器10)執行,以完成本發明。例如,參閱圖4所示,所述圖標顯示系統120被分割成預設模組101、偵測模組102、判斷模組103、顯示模組104、及調整模組105。本發明所稱的模組是能夠完成一特定功能的程式段,關於各模組的詳細功能將在後文圖5的流程圖中作具體描述。
如圖5所示,本發明較佳實施方式的電子設備的圖標顯示方法流程圖。根據不同需求,該流程圖中步驟的順序可以改變,某些步驟可以省略或合併。
步驟S501,所述預設模組101預設所述電子設備1的各個圖標在所述顯示螢幕11處於不同的使用模式時對應不同的排列方式。
在一個實施例中,所述顯示螢幕11的使用模式包括豎屏模式和橫屏模式。
在一個實施例中,所述排列方式是指各個圖標按照每頁M行N列進行排列,M、N皆為正整數。相鄰兩行之間的第一間距L1為預設的第一距離值(例如為5釐米),相鄰兩列之間的第二間距L2為預設的第二距離值(例如為5釐米)。所述M行中的第一行與所述顯示螢幕11在當前使用模式下所對應的上邊框之間的第三間距L3為預設的第三距離值(例如為5釐米),第M行與所述顯示螢幕11在當前使用模式下所對應的下邊框之間的第四間距L4為預設的第四距離值(例如為5釐米)。所述N列中的第一列與所述顯示螢幕11在當前使用模式下所對應的左邊框之間的第五間距L5為預設的第五距離值(例如為5釐米),第N列與所述顯示螢幕11在當前使用模式下所對應的右邊框之間的第六間距L6為預設的第六距離值(例如為5釐米)。
需要說明的是,所述顯示螢幕11在當前使用模式下所對應的上邊框、下邊框、左邊框,及右邊框分別是指以所述顯示螢幕11當前使用模式為前提,對應於該顯示螢幕11上方向的邊框作為上邊框,對應於該顯示螢幕11下方向的邊框作為下邊框,對應於該顯示螢幕11左方向的邊框作為左邊框,對應於該顯示螢幕11右方向的邊框作為右邊框。
例如,參閱圖6A所示,所述顯示螢幕11當前為豎屏模式,則在所述顯示螢幕11當前為豎屏模式的前提下,對應於該顯示螢幕11上方向的邊框1101即作為上邊框,對應於該顯示螢幕11下方向的邊框1102即作為下邊框,對應於該顯示螢幕11左方向的邊框1103即作為左邊框,對應於該顯示螢幕11右方向的邊框1104即作為右邊框。同理,參閱圖6B所示,所述顯示螢幕11當前為橫屏模式,則在所述顯示螢幕11當前為橫屏模式的前提下,對應於該顯示螢幕11上方向的邊框1105即作為上邊框,對應於該顯示螢幕11下方向的邊框1106即作為下邊框,對應於該顯示螢幕11左方向的邊框1107即作為左邊框,對應於該顯示螢幕11右方向的邊框1108即作為右邊框。
例如,參閱圖6A所示,假設所述電子設備1包括16個圖標例如圖標A、B、C......P。所述預設模組101可以預設所述顯示螢幕11在豎屏模式時每頁按照四行四列進行排列。例如,圖標A、B、C、D為第一行,圖標E、F、G、H為第二行,圖標I、J、K、L為第三行,圖標M、N、O、P為第四行,圖標A、E、I、M為第一列,圖標B、F、J、N為第二列,圖標C、G、K、O為第三列,圖標D、H、L、P為第四列。
又如,參閱圖6B所示,所述預設模組101可以預設所述顯示螢幕11在橫屏模式時,每頁按照三行五列進行排列。例如,圖標A、B、C、D、E為第一行,圖標F、G、H、I、J為第二行,圖標K、L、M、N、O為第三行,圖標A、F、K為第一列,圖標B、G、L為第二列,圖標C、H、M為第三列,圖標D、I、N為第四列,圖標E、J、O為第五列。
步驟S502,所述偵測模組102偵測所述顯示螢幕11的大小以及所述非反應區域110在所述顯示螢幕11上的位置和所述非反應區域110的大小。
在一個實施例中,所述偵測模組102可以根據使用者在所述顯示螢幕11上所執行的一次預設的觸摸操作來識別所述顯示螢幕11的大小以及所述非反應區域110在所述顯示螢幕11上的位置和該非反應區域110的大小。例如所述預設的觸摸操作可以是用手指在顯示螢幕11的邊緣滑動過一圈,或在整個顯示螢幕11上滑動過一遍。由於非反應區域110不會偵測到觸摸,而所述反應區域能偵測到觸摸與其座標,所以所述偵測模組102能藉此偵測到所述顯示螢幕11的大小以及所述非反應區域110在所述顯示螢幕11上的位置和該非反應區域110的大小。
本實施例中,所述顯示螢幕11的大小可以以寬(W1)和高(H1)來表示。所述非反應區域110的大小可以以寬(W2)和高(H2)來表示。
在另一實施例中,所述偵測模組102也可以提供一個使用者操作介面,由使用者在該操作介面上直接輸入所述顯示螢幕11的大小以及所述非反應區域110的大小和所述非反應區域110在所述顯示螢幕11上的位置座標。
例如圖7A所示,所述偵測模組102偵測得出所述非反應區域110位於所述顯示螢幕11的上邊框1101的居中位置。
所述偵測模組102還將所述顯示螢幕11的大小以及所述非反應區域110的大小及位置儲存到所述儲存器12中。
在另一實施例中,所述顯示螢幕11的大小以及所述非反應區域110的大小和所述非反應區域110在所述顯示螢幕11上的位置座標可以是儲存在儲存器12的預設值。在此實施例中,這些預設值可以直接取用,不需要所述偵測模組102的偵測。
步驟S503,所述偵測模組102利用所述感測器13感測所述顯示螢幕11當前的使用模式。
例如圖7A所示,所述偵測模組102偵測得出所述顯示螢幕11當前的使用模式為豎屏模式。
步驟S504,所述判斷模組103根據所述非反應區域110在所述顯示螢幕11上的位置、所述非反應區域110的大小、所述顯示螢幕11的大小,以及所述顯示螢幕11當前的使用模式判斷是否要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。
當所述判斷模組103判斷得出不需調整該使用模式下所對應的排列方式時,執行步驟S505。當所述判斷模組103判斷得出要調整該使用模式所對應的排列方式時,執行步驟S506。
在第一實施例中,當所述顯示螢幕11當前的使用模式為豎屏模式,且所述非反應區域110位於所述顯示螢幕11的上邊框時,所述判斷模組103於所述非反應區域110的高度H2大於所述第三間距L3時,確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。所述判斷模組於所述非反應區域110的高度H2小於或等於所述第三間距L3時,確定無需調整所述預設模組101所預設的該當前使用模式所對應的排列方式。可以理解,當所述非反應區域110的高度H2大於所述第三間距L3時,該非反應區域110在所述顯示螢幕11的位置至少與第一行中的部分圖標所在的位置會存在重疊,因此判定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。
在一個實施例中,所述判斷模組103於確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,還進一步判斷所述非反應區域110的寬度W2是否小於一個預設值,例如該預設值可以是所述顯示螢幕11的寬度W1的一半(即W1/2)、三分之一(即W1/3)或三分之二(即W1*2/3)。
在一個實施例中,當所述非反應區域110的寬度W2小於所述預設值時,所述判斷模組103確定對所述N列中的部分列所對應的圖標之間的間距進行調整,該部分列所對應的圖標所在的位置對應於所述非反應區域110的寬度所在的位置。例如,圖7A所示,所述非反應區域110的寬度W2所在的位置與第二列和第三列的圖標所對應,所述判斷模組103則確定對所述第二列和第三列的圖標之間的間距進行調整。
在一個實施例中,當所述非反應區域110的寬度W2大於或等於所述預設值時,所述判斷模組103確定對所述N列所對應的圖標之間的間距均作調整。
在第二實施例中,當所述顯示螢幕11當前的使用模式為豎屏模式,且所述非反應區域110位於所述顯示螢幕11的下邊框時,所述判斷模組103於所述非反應區域110的高度H2大於所述第四間距L4時,確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。所述判斷模組於所述非反應區域110的高度H2小於或等於所述第四間距L4時,確定無需調整所述預設模組101所預設的該當前使用模式所對應的排列方式。
在一個實施例中,所述判斷模組103於確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,還進一步判斷所述非反應區域110的寬度W2是否小於所述預設值。
在一個實施例中,當所述非反應區域110的寬度W2小於所述預設值時,所述判斷模組103確定對所述N列中的部分列所對應的圖標之間的間距進行調整,該部分列所對應的圖標所在的位置對應於所述非反應區域110的寬度所在的位置。當所述非反應區域110的寬度W2大於或等於所述預設值時,所述判斷模組103確定對所述N列所對應的圖標之間的間距均作調整。
在第三實施例中,當所述顯示螢幕11當前的使用模式為橫屏模式,且所述非反應區域110位於所述顯示螢幕11的右邊框時,所述判斷模組103於所述非反應區域110的高度H2大於所述第六間距L6時,確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。所述判斷模組103於所述非反應區域110的高度H2小於或等於所述第六間距L6時,確定無需調整所述預設模組101所預設的該當前使用模式所對應的排列方式。可以理解,當所述非反應區域110的高度H2大於所述第六間距L6時,該非反應區域110在所述顯示螢幕11的位置至少與第N列中的部分圖標所在的位置會存在重疊,因此判定要對所述圖標的排列方式進行調整。
在一個實施例中,所述判斷模組103於確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,還進一步判斷所述非反應區域110的寬度W2是否小於所述預設值。
在一個實施例中,當所述非反應區域110的寬度W2小於所述預設值時,所述判斷模組103確定對所述M行中的部分行所對應的圖標之間的間距進行調整,該部分行所對應的圖標所在的位置對應於所述非反應區域110的寬度所在的位置。例如,圖7B所示,所述非反應區域110的寬度W2所在的位置與第二行的圖標相對應,所述判斷模組103則確定對所述第二行的圖標之間的間距進行調整。
在一個實施例中,當所述非反應區域110的寬度W2大於或等於所述預設值時,所述判斷模組103確定對所述M行所對應的圖標之間的間距均作調整。
在第四實施例中,當所述顯示螢幕11當前的使用模式為橫屏模式,且所述非反應區域110位於所述顯示螢幕11的左邊框時,所述判斷模組103於所述非反應區域110的高度H2大於所述第五間距L5時,確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式。所述判斷模組於所述非反應區域110的高度H2小於或等於所述第五間距L5時,確定無需調整所述預設模組101所預設的該當前使用模式所對應的排列方式。可以理解,當所述非反應區域110的高度H2大於所述第五間距L5時,該非反應區域110在所述顯示螢幕11的位置至少與第1列中的部分圖標所在的位置會存在重疊,因此判定要對所述圖標的排列方式進行調整。
在一個實施例中,所述判斷模組103於確定要調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,還進一步判斷所述非反應區域110的寬度W2是否小於所述預設值。
在一個實施例中,當所述非反應區域110的寬度W2小於所述預設值時,所述判斷模組103確定對所述M行中的部分行所對應的圖標之間的間距進行調整,該部分行所對應的圖標所在的位置對應於所述非反應區域110的寬度所在的位置。當所述非反應區域110的寬度W2大於或等於所述預設值時,所述判斷模組103確定對所述M行所對應的圖標之間的間距均作調整。
步驟S505,當確定不需調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,所述顯示模組104按照所述預設模組101所預設的該當前使用模式所對應的排列方式來排列所述電子設備1的各個圖標。
步驟S506,當確定需調整所述預設模組101所預設的該當前使用模式所對應的排列方式時,所述調整模組105根據上述判斷模組103的判斷結果調整所述預設模組101所預設的該當前使用模式所對應的排列方式。
在第一實施例中,當所述顯示螢幕11當前的使用模式為豎屏模式、所述非反應區域110位於所述顯示螢幕11的上邊框,且所述判斷模組103判定需對所述N列中的部分列所對應的圖標之間的間距進行調整時,所述判斷模組103將所述非反應區域110的高度H2減去所述第三間距L3得出一個第一差值D1,然後將所述第一差值D1除以(M-1)得出一個第二差值D2,所述調整模組105調整所述部分列所對應的圖標之間的所述第一間距L1= L1-D2。在一個實施例中,當所述判斷模組103確定要對所述N列所對應的圖標之間的間距均作調整時,所述調整模組105調整N列所對應的圖標之間的所述第一間距L1=L1-D2。在一個實施例中,所述調整模組105調整所述N列或所述N列中的部分列所對應的圖標之間間距時,所述調整模組105是在保持第M行所對應的圖標的位置不變的前提下(即保持所述M行中離所述非反應區域110最遠的一行的圖標的位置不變的前提下),調整所述第一間距L1= L1-D2。
例如,參閱圖8A所示,所述調整模組105在保持第四行所對應的圖標的位置不變的前提下(即保持所述第四間距L4不變),調整所述第二列和第三列所對應的圖標之間的所述第一間距L1= L1-D2。
在第二實施例中,當所述顯示螢幕11當前的使用模式為豎屏模式、所述非反應區域110位於所述顯示螢幕11的下邊框,且所述判斷模組103判定需對所述N列中的部分列所對應的圖標之間的間距進行調整時,所述調整模組105將所述非反應區域110的高度H2減去所述第四間距L4得出一個第一差值D11,然後將所述第一差值D11除以(M-1)得出一個第二差值D22,所述調整模組105調整所述部分列所對應的圖標之間的所述第一間距L1= L1-D22。在一個實施例中,當所述判斷模組103判定需對所述N列所對應的圖標之間的間距均作調整時,所述調整模組105調整所述N列所對應的圖標之間的所述第一間距L1= L1-D22。在一個實施例中,所述調整模組105調整所述N列或所述N列中的部分列所對應的圖標之間間距時,所述調整模組105是在保持第一行所對應的圖標的位置不變的前提下(即保持所述M行中離所述非反應區域最遠的一行的圖標的位置不變的前提下),調整所述第一間距L1= L1-D22。
在第三實施例中,當所述顯示螢幕11當前的使用模式為橫屏模式、所述非反應區域110位於所述顯示螢幕11的右邊框,且所述判斷模組103確定對所述M行中的部分行所對應的圖標之間的間距進行調整時,所述調整模組105將所述非反應區域110的高度H2減去所述第六間距L6得到第一差值D33,然後將所述第一差值D33除以(N-1)得到第二差值D44,所述調整模組105調整所述部分行所對應的圖標之間的所述第二間距L2=L2-D44。在一個實施例中,當所述判斷模組103判定需對所述M行所對應的圖標之間的間距均作調整時,所述調整模組105調整所述M行所對應的圖標之間的所述第二間距L2=L2-D44。在一個實施例中,所述調整模組105調整所述M行或所述M行中的部分行所對應的圖標之間間距時,所述調整模組105是在保持第一列所對應的圖標的位置不變的前提下(即保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下),調整所述第二間距L2=L2-D44。
例如,參閱圖8B所示,所述調整模組105在保持第一列所對應的圖標的位置不變的前提下,(即保持所述第五間距L5不變),調整所述第二行所對應的圖標之間的所述第二間距L2=L2-D44。
在第四實施例中,當所述顯示螢幕11當前的使用模式為橫屏模式、所述非反應區域110位於所述顯示螢幕11的左邊框,且所述判斷模組103確定對所述M行中的部分行所對應的圖標之間的間距進行調整時,所述調整模組105將所述非反應區域110的高度H2減去所述第五間距L5得到第一差值D55,然後將所述第一差值D55除以(N-1)得到第二差值D66,所述調整模組105調整所述部分行所對應的圖標之間的所述第二間距L2=L2-D66。在一個實施例中,當所述判斷模組103判定需對所述M行所對應的圖標之間的間距均作調整時,所述調整模組105調整所述M行所對應的圖標之間的所述第二間距L2=L2-D66。在一個實施例中,所述調整模組105調整所述M行或所述M行中的部分行所對應的圖標之間間距時,所述調整模組105是在保持第N列所對應的圖標的位置不變的前提下(即保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下),調整所述第二間距L2=L2-D66。
步驟S507,所述顯示模組104根據上述調整模組105所調整的排列方式來顯示所述電子設備1的各個圖標。
步驟S508,所述判斷模組103根據所述感測器13即時感測的所述顯示螢幕11當前的使用模式以及所述非反應區域110在所述顯示螢幕11上的位置判斷是否要調整當前的排列方式。當確定要調整當前的排列方式時,執行步驟S506。當確定不要調整當前的排列方式時,結束流程。
在一個實施例中,當所述顯示螢幕11的使用模式發生了改變時,所述判斷模組103確定要調整當前的排列方式。
在一個實施例中,當所述顯示螢幕11的使用模式沒有發生改變,而所述非反應區域110從位於所述顯示螢幕11的上邊框變成位於所述顯示螢幕11的下邊框時,或者所述非反應區域110從位於所述顯示螢幕11的下邊框變成位於所述顯示螢幕11的上邊框時,所述判斷模組103確定要調整當前的排列方式。
在一個實施例中,當所述顯示螢幕11的使用模式沒有發生改變,而所述非反應區域110從位於所述顯示螢幕11的左邊框變成位於所述顯示螢幕11的右邊框時,或者所述非反應區域110從位於所述顯示螢幕11的右邊框變成位於所述顯示螢幕11的左邊框時,所述判斷模組103確定要調整當前的排列方式。
例如,當所述顯示螢幕11從圖8B所示的狀態順時針旋轉了180度時,所述判斷模組103判定要調整當前的排列方式。
以上實施例僅用以說明本發明的技術方案而非限制,儘管參照以上較佳實施例對本發明進行了詳細說明,本領域的普通技術人員應當理解,可以對本發明的技術方案進行修改或者等同替換都不應脫離本發明技術方案的精神和範圍。
1‧‧‧電子設備
10‧‧‧處理器
11‧‧‧顯示螢幕
110‧‧‧非反應區域
12‧‧‧儲存器
13‧‧‧感測器
120‧‧‧圖標顯示系統
1201‧‧‧預設模組
1202‧‧‧偵測模組
1203‧‧‧判斷模組
1204‧‧‧顯示模組
1205‧‧‧調整模組
1101、1102、1103、1104、1105、1106、1107、1108‧‧‧邊框
圖1是本發明較佳實施方式的電子設備的框架圖。 圖2A-2B舉例說明非反應區域在顯示螢幕上的位置。 圖3A-3D舉例說明電子設備的不同的使用模式。 圖4是本發明圖標顯示系統較佳實施例的功能模組圖。 圖5是本發明較佳實施方式的圖標顯示方法的流程圖。 圖6A-6B分別舉例說明電子設備的圖標在顯示螢幕處於不同使用模式時所對應的排列方式。 圖7A-7B分別舉例說明根據非反應區域的大小及位置來確定是否調整當前使用模式所對應的排列方式。 圖8A-8B分別舉例說明根據非反應區域的大小及位置來調整當前使用模式所對應的排列方式。
Claims (14)
- 一種電子設備,其中,所述電子設備包括: 顯示螢幕,所述顯示螢幕包括非反應區域; 儲存器; 處理器;以及 多個模組,所述多個模組被儲存在所述儲存器中並被由所述處理器執行,所述多個模組包括: 預設模組,用於預設所述電子設備的各個圖標在所述顯示螢幕處於不同的使用模式時對應不同的排列方式; 偵測模組,用於感測所述顯示螢幕當前的使用模式; 判斷模組,用於根據所述非反應區域在所述顯示螢幕上的位置、所述非反應區域的大小、所述顯示螢幕的大小,以及所述顯示螢幕當前的使用模式判斷是否要調整當前使用模式所對應的排列方式; 顯示模組,用於當確定不需調整當前使用模式所對應的排列方式時,按照所預設的排列方式來排列所述各個圖標,該預設的排列方式對應於所述顯示螢幕當前的使用模式; 調整模組,用於當確定需調整當前使用模式所對應的排列方式時,調整當前使用模式所對應的排列方式;及 所述顯示模組,還用於根據所調整的排列方式來顯示所述各個圖標。
- 如申請專利範圍第1項所述的電子設備,其中,所述偵測模組根據使用者在所述顯示螢幕上所執行的一次預設的觸摸操作識別所述顯示螢幕的大小以及所述非反應區域在所述顯示螢幕上的位置和該非反應區域的大小。
- 如申請專利範圍第1項所述的電子設備,其中,所述顯示螢幕的使用模式包括豎屏模式和橫屏模式; 所述排列方式是指各個圖標按照每頁M行N列進行排列,相鄰兩行之間的第一間距L1為預設的第一距離值,相鄰兩列之間的第二間距L2為預設的第二距離值,所述M行中的第一行與所述顯示螢幕在當前使用模式下所對應的上邊框之間的第三間距L3為預設的第三距離值,第M行與所述顯示螢幕在當前使用模式下所對應的下邊框之間的第四間距L4為預設的第四距離值,所述N列中的第一列與所述顯示螢幕在當前使用模式下所對應的左邊框之間的第五間距L5為預設的第五距離值,第N列與所述顯示螢幕在當前使用模式下所對應的右邊框之間的第六間距L6為預設的第六距離值。
- 如申請專利範圍第3項所述的電子設備,其中,當所述顯示螢幕當前的使用模式為豎屏模式,所述非反應區域位於所述顯示螢幕的上邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第三間距L3來確定是否要調整當前使用模式所對應的排列方式;及 當所述顯示螢幕當前的使用模式為豎屏模式,且所述非反應區域位於所述顯示螢幕的下邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第四間距L4來確定是否要調整當前使用模式所對應的排列方式。
- 如申請專利範圍第4項所述的電子設備,其中,當所述顯示螢幕當前的使用模式為豎屏模式,所述調整模組在保持所述M行中離所述非反應區域最遠的一行的圖標的位置不變的前提下,減少所述第一間距L1,以調整當前使用模式所對應的排列方式。
- 如申請專利範圍第3項所述的電子設備,其中,當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的左邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第五間距L5來確定是否要調整當前使用模式所對應的排列方式;及 當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的右邊框時,所述判斷模組根據所述非反應區域的高度H2與所述第六間距L6來確定是否要調整當前使用模式所對應的排列方式。
- 如申請專利範圍第6項所述的電子設備,其中,當所述顯示螢幕當前的使用模式為橫屏模式,所述調整模組在保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下,減少所述第二間距L2,以調整當前使用模式所對應的排列方式。
- 一種圖標顯示方法,應用於電子設備,該電子設備包括顯示螢幕,所述顯示螢幕包括非反應區域,其中,該方法包括: 預設步驟,預設所述電子設備的各個圖標在所述顯示螢幕處於不同的使用模式時對應不同的排列方式; 偵測步驟,感測所述顯示螢幕當前的使用模式; 判斷步驟,根據所述非反應區域在所述顯示螢幕上的位置、所述非反應區域的大小、所述顯示螢幕的大小,以及所述顯示螢幕當前的使用模式判斷是否要調整當前使用模式所對應的排列方式; 第一顯示步驟,當確定不需調整當前使用模式所對應的排列方式時,按照所預設的排列方式來排列所述各個圖標,該預設的排列方式對應於所述顯示螢幕當前的使用模式; 調整步驟,當確定需調整當前使用模式所對應的排列方式時,調整當前使用模式所對應的排列方式;及 第二顯示步驟,根據所調整的排列方式來顯示所述各個圖標。
- 如申請專利範圍第8項所述的圖標顯示方法,其中,所述偵測步驟中,根據使用者在所述顯示螢幕上所執行的一次預設的觸摸操作識別所述顯示螢幕的大小以及所述非反應區域在所述顯示螢幕上的位置和該非反應區域的大小。
- 如申請專利範圍第8項所述的圖標顯示方法,其中,所述顯示螢幕的使用模式包括豎屏模式和橫屏模式; 所述排列方式是指各個圖標按照每頁M行N列進行排列,相鄰兩行之間的第一間距L1為預設的第一距離值,相鄰兩列之間的第二間距L2為預設的第二距離值,所述M行中的第一行與所述顯示螢幕在當前使用模式下所對應的上邊框之間的第三間距L3為預設的第三距離值,第M行與所述顯示螢幕在當前使用模式下所對應的下邊框之間的第四間距L4為預設的第四距離值,所述N列中的第一列與所述顯示螢幕在當前使用模式下所對應的左邊框之間的第五間距L5為預設的第五距離值,第N列與所述顯示螢幕在當前使用模式下所對應的右邊框之間的第六間距L6為預設的第六距離值。
- 如申請專利範圍第10項所述的圖標顯示方法,其中,當所述顯示螢幕當前的使用模式為豎屏模式,所述非反應區域位於所述顯示螢幕的上邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第三間距L3來確定是否要調整當前使用模式所對應的排列方式;及 當所述顯示螢幕當前的使用模式為豎屏模式,且所述非反應區域位於所述顯示螢幕的下邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第四間距L4來確定是否要調整當前使用模式所對應的排列方式。
- 如申請專利範圍第11項所述的圖標顯示方法,其中,當所述顯示螢幕當前的使用模式為豎屏模式,所述調整步驟中,在保持所述M行中離所述非反應區域最遠的一行的圖標的位置不變的前提下,減少所述第一間距L1,以調整當前使用模式所對應的排列方式。
- 如申請專利範圍第10項所述的圖標顯示方法,其中,當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的左邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第五間距L5來確定是否要調整當前使用模式所對應的排列方式;及 當所述顯示螢幕當前的使用模式為橫屏模式,且所述非反應區域位於所述顯示螢幕的右邊框時,所述判斷步驟中,根據所述非反應區域的高度H2與所述第六間距L6來確定是否要調整當前使用模式所對應的排列方式。
- 如申請專利範圍第13項所述的圖標顯示方法,其中,當所述顯示螢幕當前的使用模式為橫屏模式,所述調整步驟中,在保持所述N列中離所述非反應區域最遠的一列的圖標的位置不變的前提下,減少所述第二間距L2,以調整當前使用模式所對應的排列方式。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711271199.1A CN109871162B (zh) | 2017-12-05 | 2017-12-05 | 电子设备及图标显示方法 |
CN201711271199.1 | 2017-12-05 | ||
??201711271199.1 | 2017-12-05 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201926020A true TW201926020A (zh) | 2019-07-01 |
TWI691889B TWI691889B (zh) | 2020-04-21 |
Family
ID=66916791
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW106145423A TWI691889B (zh) | 2017-12-05 | 2017-12-22 | 電子設備及圖標顯示方法 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN109871162B (zh) |
TW (1) | TWI691889B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110381192B (zh) * | 2019-07-19 | 2021-09-21 | 深圳市沃特沃德信息有限公司 | 一种虚拟按键控制方法及移动终端 |
US11422673B2 (en) * | 2020-06-12 | 2022-08-23 | Samsung Electronics Co., Ltd. | Electronic apparatus and control method thereof |
CN114691249A (zh) * | 2020-12-25 | 2022-07-01 | 深圳市柔宇科技股份有限公司 | 柔性显示屏的桌面显示方法、终端及存储介质 |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103218195B (zh) * | 2013-04-10 | 2016-03-16 | 广东欧珀移动通信有限公司 | 应用程序的显示调整方法及装置 |
CN103513817B (zh) * | 2013-04-26 | 2017-02-08 | 展讯通信(上海)有限公司 | 一种触控设备及控制其配置操作模式的方法、装置 |
US9594470B2 (en) * | 2013-09-12 | 2017-03-14 | Blackberry Limited | Methods and software for facilitating the selection of multiple items at an electronic device |
CN103927143B (zh) * | 2014-04-04 | 2017-04-19 | 福建星网视易信息系统有限公司 | 一种基于屏幕分辨率自适应调整界面布局的方法及装置 |
CN104182191A (zh) * | 2014-08-06 | 2014-12-03 | 深圳市同洲电子股份有限公司 | 一种屏幕内容的控制方法及控制终端 |
CN105183234B (zh) * | 2015-09-30 | 2018-06-29 | 上海斐讯数据通信技术有限公司 | 一种屏幕部分区域失效的处理方法和装置 |
CN105357372A (zh) * | 2015-10-08 | 2016-02-24 | 广东欧珀移动通信有限公司 | 一种移动智能终端的显示方法及显示装置 |
CN105487776A (zh) * | 2015-11-30 | 2016-04-13 | 上海斐讯数据通信技术有限公司 | 一种电子设备及其应用的操作方法 |
CN106610771A (zh) * | 2016-12-12 | 2017-05-03 | 广州神马移动信息科技有限公司 | 一种语音识别界面的生成和自适应旋转的方法和装置 |
-
2017
- 2017-12-05 CN CN201711271199.1A patent/CN109871162B/zh active Active
- 2017-12-22 TW TW106145423A patent/TWI691889B/zh active
Also Published As
Publication number | Publication date |
---|---|
TWI691889B (zh) | 2020-04-21 |
CN109871162A (zh) | 2019-06-11 |
CN109871162B (zh) | 2021-03-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10985310B2 (en) | Flexible device and operating methods thereof | |
US10698564B2 (en) | User terminal device and displaying method thereof | |
US8319747B2 (en) | Single layer touch panel with segmented drive and sense electrodes | |
US10282067B2 (en) | Method and apparatus of controlling an interface based on touch operations | |
JP6039343B2 (ja) | 電子機器、電子機器の制御方法、プログラム、記憶媒体 | |
WO2017097097A1 (zh) | 触摸控制方法、用户设备、输入处理方法、移动终端及智能终端 | |
EP3267303B1 (en) | Multi-touch display panel and method of controlling the same | |
US9798420B2 (en) | Electronic apparatus, control method therefor, and storage medium | |
US20150084881A1 (en) | Data processing method and electronic device | |
KR20100135932A (ko) | 명확한 터치 좌표를 갖는 멀티-터치 검출 패널 | |
TW201926020A (zh) | 電子設備及圖標顯示方法 | |
US20180088728A1 (en) | Integrated force-sensitive touch screen | |
KR20150131607A (ko) | 사용자 인터페이스 제어 장치 및 그것의 사용자 인터페이스 제어 방법 | |
US20130082947A1 (en) | Touch device, touch system and touch method | |
JP6146350B2 (ja) | 情報処理装置およびコンピュータプログラム | |
US9678608B2 (en) | Apparatus and method for controlling an interface based on bending | |
US20150160841A1 (en) | Desktop-like device and method for displaying user interface | |
JPWO2013008615A1 (ja) | 入力装置、画像表示方法およびプログラム | |
TWI514243B (zh) | 虛擬鍵盤控制系統及方法 | |
CN103543928A (zh) | 软件界面显示系统及方法 | |
JP6318794B2 (ja) | 情報処理装置及び情報処理プログラム | |
US9134862B2 (en) | Parallelogram electrode touch panel | |
WO2018132971A1 (zh) | 一种交互控制方法和终端 | |
TWI493431B (zh) | 指向元件之可調整方向提示方法及系統 | |
TWI678651B (zh) | 可應用於互動控制之輸入裝置與電子裝置 |