資訊顯示的方法及裝置
本發明關於資訊技術領域,尤其關於一種資訊顯示的方法及裝置。
目前,在行動終端測量程式介面中的元素或者字元的尺寸時,通常是通過使用測量尺寸的工具進行測量。其中,元素尺寸通常是指在介面中設計的按鍵、視窗等區域的大小尺寸,字元尺寸通常為介面中文字的大小,如圖1所示。 而在現有技術中,行動終端中的測量尺寸的工具,需要通過用戶手指拖動游標,並且只是顯示游標之間的距離。 但是,通常對於元素以及字元的尺寸測量需要精確到像素層級,可見需要一種可以在行動終端上精確顯示元素尺寸、字元尺寸的方法,基於現有技術,本說明書提供一種新的資訊顯示方法。
本說明書實施例提供一種資訊顯示的方法及裝置,用於解決現有技術難以方便、精確的確定行動終端上的程式介面的元素尺寸以及字元尺寸的問題。 本說明書實施例採用下述技術方案: 一種資訊顯示的方法,方法包括: 獲取行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作; 針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置; 根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍; 根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界; 將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界; 顯示該對游標之間的距離。 一種資訊顯示方法,包括: 獲取行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作; 當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置; 在所述截圖中確定在所述位置上的顏色; 根據所述游標的邊界以及所述顏色,確定字元邊界; 根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 一種資訊顯示裝置,包括: 獲取顯示及監測模組,獲取行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作; 第一確定模組,針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置; 第二確定模組,根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍; 第三確定模組,根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界; 第四確定模組,將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界; 顯示模組,顯示該對游標之間的距離。 一種資訊顯示裝置,包括: 獲取顯示及監測模組,獲取行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作; 第一確定模組,當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置; 第二確定模組,在所述截圖中確定在所述位置上的顏色; 第三確定模組,根據所述游標的邊界以及所述顏色,確定字元邊界; 顯示模組,根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 一種行動終端,包括:一個或多個處理器及記憶體,所述程式被配置成由一個或多個處理器執行以下步驟: 獲取所述行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作; 針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置; 根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍; 根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界; 將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界; 顯示該對游標之間的距離。 一種行動終端,包括:一個或多個處理器及記憶體,所述程式被配置成由一個或多個處理器執行以下步驟: 獲取所述行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作; 當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置; 在所述截圖中確定在所述位置上的顏色; 根據所述游標的邊界以及所述顏色,確定字元邊界; 根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 本說明書實施例採用的上述至少一個技術方案能夠達到以下有益效果: 通過本說明書提供的方法,通過獲取在程式介面的截圖,以及監測用戶對游標的操作,將游標吸附至確定出的元素邊界上,使得無需精確將游標線的移動至元素邊界,便可以確定精確測量的元素尺寸。同理,通過確定該游標的邊界以及游標所在位置的顏色,從而確定字元邊界,進而準確的確定字元的尺寸,使得只需將游標覆蓋在字元上,便可得到字元的尺寸。使得在行動終端上,即使用戶的手指無法精確的移動游標或者游標,也以得到精確的元素尺寸以及字元尺寸,彌補了現有技術難以在行動終端上精確測量元素尺寸以及字元尺寸的缺陷,使得在行動終端上就可以方便、準確的確定程式介面中元素以及字元的尺寸。
現有技術中,在行動終端上開發應用時,為了使應用能夠提供更好的用戶體驗,通常會由互動設計師、視覺設計師以及程式師共同協作進行應用開發。 應用開發的流程通常是,先由互動設計師、視覺設計師(為方便描述以下統一稱為設計人員)對應用的介面、互動邏輯等進行設計,確定應用的設計稿(如,介面樣式、對話模式等等),之後再由程式開發人員根據該設計稿,進行應用編寫。 其中,程式開發人員在根據設計稿進行程式編寫時,需要從視覺上儘量還原設計稿的內容。但是,由於程式開發人員和設計人員對於設計稿的理解存在一定的偏差,通常編寫好的應用難以準確的還原出設計稿中的視覺效果。因此還需要設計人員對編寫好的應用進行驗收,判斷是否存在不滿足設計需求的內容。若是則向程式開發人員提出修改意見,再由程式開發人員進行修改,如此反復直至應用符合設計需求為止。上述驗收以及修改的過程通常稱為視覺還原。 其中,設計人員在進行視覺效果的驗收時,主要對程式介面的顏色、元素尺寸以及字元尺寸等進行驗收。並且,元素通常為在程式介面中的由平行線以及垂直線構成的矩形。尺寸的大小通常基於像素點(pixel,px)的數量確定,例如,在安卓系統中以密度獨立像素(Density-independent Pixels,dp)表示元素尺寸,以比例尺獨立像素(Scale-independent Pixels,sp)表示字元尺寸。 但是現有技術中,行動終端上的測量尺寸的工具一般是顯示一對游標之間的距離,當用戶需要測量元素或者字元尺寸時,通過手指在螢幕上將游標分別至元素的邊界,並將測量尺寸的工具顯示的游標之間的距離,作為元素或者字元尺寸。而由於人手指在螢幕上的操作精度較低,導致測量的精度難以保證。 或者在現有技術中,由設計人員將應用的介面進行截圖後,發送至個人電腦上,以在尺寸較大的螢幕(如,顯示器的螢幕)上對截圖進行放大後,再對元素或者字元的尺寸進行精確測量。但又會導致操作繁瑣,測量效率低等問題。 因此,本說明書各實施例提供一種資訊顯示的方法以及裝置,解決現有技術難以方便、精確的確定行動終端上的程式介面的元素尺寸以及字元尺寸的問題。 為使本說明書的目的、技術方案和優點更加清楚,下面將結合本說明書具體實施例及相應的附圖對本發明技術方案進行清楚、完整地描述。顯然,所描述的實施例僅是本發明一部分實施例,而不是全部的實施例。基於說明書中的實施例,本領域普通技術人員在沒有做出進步性勞動前提下所獲得的所有其他實施例,都屬於本發明保護的範圍。 以下結合附圖,詳細說明本發明各實施例提供的技術方案。 圖2為說明書實施例提供的一種資訊顯示的過程,具體可包括以下步驟: S100:獲取行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作。 由於本說明書提供的方法用於解決在行動終端上難以方便精確測量應用的程式介面中元素以及字元的尺寸的問題,所以可由行動終端自身或者安裝在行動終端上的程式,執行本說明書實施例提供的資訊顯示過程。 其中,該行動終端可以是手機、平板電腦等設備,本說明書對此不做限定。而若通過安裝在行動終端上的程式執行該資訊顯示過程,則該程式可以為安裝在行動終端的系統中的程式,並通過運行該程式執行上述資訊顯示過程。此時,該行動終端的程式介面,為待測量元素尺寸的程式介面。而待測量的程式介面對應的程式為第三方程式。如,系統程式(則,此時程式介面為系統介面)或者安裝在系統程式中的其他程式,如圖3a所示。 具體的,無論是通過行動終端自身還是通過行動終端上安裝的程式執行該資訊顯示過程,都需要獲取待測量的程式介面的截圖且顯示至少一對游標,以監測用戶對游標對的操作執行後續操作。其中,本說明書對於游標的形狀不做限定,為了方便描述,後續以游標是線段為例進行說明。具體的,每對游標可為相互平行的線段,並且該線段的長度可以根據需要進行設置。例如,該游標的線段可為貫穿浮動視窗的線段,也可以是預設長度的線段,如圖3b所示。 圖3a為本說明書實施例提供的待測量的程式介面的示意圖,圖3b為本說明書實施例提供的在程式介面上顯示游標線以及游標的示意圖。 進一步地,該游標可以顯示在浮動視窗(Float Window)中。則該浮動視窗為執行該資訊顯示過程的程式的介面,該浮動視窗可為透明視窗。並且,該浮動視窗的視窗Z序高於該程式介面的視窗Z序。於是,當顯示該浮動視窗後,雖然該浮動視窗的視窗Z序在程式介面之上,但是並不會遮擋程式介面中的內容。並且,由於將游標顯示在浮動視窗中,所以當用戶對游標操作時,不會誤觸待測量的程式介面中的元素(如,按鍵)。 另外,通過如圖1所示的程式介面的示意圖,可見在程式介面中的元素通常為矩形。因此,為了方便確定元素的縱向邊長以及水平邊長,在本說明書中可顯示兩對游標。其中,一對游標在為水平的線段,另一對游標為垂直的線段,如圖3c所示。 進一步地,在本說明書中,獲取截圖、顯示游標對以及監測用戶的操作之間不存在執行先後順序。既可以先獲取截圖,再顯示游標最後監測用戶的操作,也可以先監測用戶的操作,再獲取截圖最後顯示游標,本說明書對此不做限定。 具體的,可在當監測到用戶輸入指令時,顯示該浮動視窗。例如,該浮動視窗對應的程式在啟動之後可以顯示浮動按鍵,該浮動按鍵的視窗Z序高於待測量的程式介面的視窗Z序。則在後續該待測量的程式啟動後,該程式介面不會遮擋該浮動按鍵。因此,可在監測到用戶對該浮動按鍵執行點擊操作時(即,監測到用戶輸入指令時),在該程式介面上顯示該浮動視窗。上述過程可如圖4a至4d所示。 圖4a為本說明書提供的行動終端的系統介面的示意圖。其中,系統介面中的APP1為浮動視窗對應的程式,當用戶啟動該程式後可顯示浮動按鍵。圖4b為啟動浮動視窗對應的程式後,在該系統介面上顯示浮動按鍵的示意圖。其中,系統介面中的APP4為待測量的程式介面對應的程式,當用戶啟動APP4後可顯示程式介面。圖4c為啟動待測量的程式介面對應的程式啟動後,在程式介面上顯示浮動按鍵的示意圖。其中,浮動按鍵的視窗Z序高於程式介面的視窗Z序,所以不會被程式介面遮擋。當監測到用戶對該浮動按鍵執行點擊操作後,可顯示該浮動視窗。圖4d為監測到用戶對浮動按鍵執行點擊操作後,在程式介面上顯示浮動視窗的示意圖。其中,浮動視窗中顯示兩對游標。並且,由於浮動視窗為透明視窗,所以並不會遮擋程式介面中的內容。 進一步地,在本說明書實施例中也可在監測到用戶輸入指令時獲取程式介面的截圖。而獲取截圖的指令與顯示浮動視窗的指令可以是同一個指令,則在監測到用戶輸入指令時,可顯示浮動視窗以及獲取截圖。或者,也可以在該浮動視窗中顯示截圖按鍵,當監測到用戶點擊截圖按鍵時,確定用戶輸入指令,並獲取程式介面的截圖。 S102:針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置。 在本說明書實施例中,針對每對游標,當監測到用戶對該對游標執行操作時,可進一步確定被執行操作的各游標分別對應的位置。為方便描述,在本說明書中以一對游標中的一個游標為例進行說明。 具體的,由於游標通常為拖動使用的,所以該操作可以是拖動操作。於是可當監測到用戶對游標執行的拖動操作時,確定游標對應的位置。當然,本說明書並不限定該操作具體為何種操作,可以根據需要進行設置。例如,也可當監測到用戶對游標執行點擊操作、按兩下操作等等操作時,確定游標對應的位置。 另外,在本說明書中,若以監測用戶對游標執行拖動操作為例進行說明。由於用戶在對游標執行拖動操時,游標的位置可能在不斷變化,所以可以在監測到拖動操作結束時,再確定游標的位置。以減少確定游標位置的次數,減少資源消耗。 需要說明的是,此時確定的游標的位置,是游標在行動終端的螢幕中的位置。並且,由於獲取的程式介面的截圖也是顯示行動終端的螢幕中的,所以也可視為,確定出的游標的位置為游標在程式介面中的位置。 S104:根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍。 在本說明書實施例中,繼續以一對游標中的一個游標為例進行說明。當在步驟S102中確定了游標對應的位置之後,可進一步在獲取的截圖中,確定該位置對應的選擇範圍。也就是說,確定每一個游標所在位置對應的選擇範圍。以便後續再根據預設的邊界演算法,在確定出的選擇範圍內,確定程式介面中元素的邊界,以執行後續步驟。 具體的,由於通常在程式介面中存在多個元素,而距離游標較遠的元素,顯然是用戶需要測量尺寸的元素的可能性較低。也就是說,通常用戶會將游標移動至元素的邊界附近,以測量元素尺寸。因此,為了避免確定出的錯誤的元素的邊界,在確定出游標位置之後,可先確定該位置對應的選擇範圍。並且,將在該選擇範圍內的元素的邊界視為待選的邊界,再通過步驟S106確定邊界。其中,該選擇範圍的長度單位可以以dp表示。如,選擇範圍為距離該游標10dp以內的範圍。 其中,該選擇範圍的數值可以根據需要進進行設置,本說明書對此不做限定。並且,由於游標為線段時,該線段的長度也可以根據需要設置,如,圖3b所示。因此,該選擇範圍可包括垂直範圍和/或水平範圍。例如,當游標為貫穿行動終端螢幕的水平線段時,該選擇範圍可以僅為垂直範圍。當游標為貫穿行動終端螢幕的垂直線段時,該選擇範圍可以僅為水平範圍。當游標為長度10dp的線段時,則該選擇範圍可包括既垂直範圍也水平範圍。 S106:根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界。 在本說明書實施例中,當確定游標對應的選擇範圍後,可以繼續根據預設的邊界演算法,確定元素的邊界。 具體的,在本說明書提供第一種確定元素的邊界的方法中。首先,可根據預設的邊界演算法,確定程式介面中各元素的邊界。之後,再確定在該游標對應的選擇範圍內的邊界。最後,再從在選擇範圍內各邊界中,選擇距離該游標最近的邊界。其中,該預設的邊界演算法可以是Sobel邊緣檢測演算法、Roberts運算元等等,本說明書對此不做限定。 另外,在本說明書提供的第二種確定元素的邊界的方法中,該游標可為線段。首先,可確定在該游標的位置上,該程式介面顯示的顏色,作為基礎顏色。之後,再在該選擇範圍內,確定與該游標的線段平行、超過預設長度以及顏色與基礎顏色不同的至少一條線段。最後,從確定出的各線段中,選擇距離游標最近的線段作為確定出的邊界。其中預設長度可以根據需要進行設置,本說明書對此不做限定。 例如,假設游標為貫穿螢幕的水平線段。首先,可以先確定游標對應的基礎顏色。之後以該游標所在的線段為起始點,向上或者向下,逐行確定長度超過預設長度且不是基礎顏色的線段。最後,將距離該線段垂直距離最小的線段作為邊界。 需要說明的是,對於程式介面中的元素來說,元素邊界在本說明書中可以視為是上述的線段。例如,假設圖5所示的10×10的色塊為程式介面中的一個元素。則其中虛線框所圍成的1×10的該色塊的邊界為本說明書的線段。也就是說若該色塊全都在某一個游標對應的選擇範圍內,可將該色塊確定為10條線段。 S108:將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界。 S110:顯示該對游標之間的距離。 在本說明書實施例中,以一對游標中的一個游標為例,當確定了出該游標對應的邊界後,便可將該游標線移動至確定出的邊界上。則對於被執行操作的每對游標來說,該對游標中的各游標均可通過上述步驟S102~S106確定分別對應的元素的邊界。則通過步驟S108,該對游標中的各游標均可分別移動至其對應的元素邊界。則此時再顯示該對游標之間距離時,由於游標均已移動至元素的邊界,所以顯示距離為準確的。 具體的,在步驟S102中對於每對游標來說,用戶通常只能分別對該對游標中的各游標分別執行操作。所以在步驟S110顯示游標對之間的距離時,存在該對游標中的一個游標移動至元素的邊界,而另一個游標線並沒有移動至元素的邊界的情況。則此時,也可顯示該游標對之間的距離,但是顯示的距離並不是元素的尺寸(如圖6a以及6b所示)。而在用戶對另一個游標執行操作後,重複上述步驟,則另一游標也可移動至確定出的元素的邊界。從而使得顯示游標對之間的距離為精確的元素尺寸(如,圖6c以及6d所示)。其中,上述距離可以以dp為單位進行顯示。 通過上述資訊顯示過程,可見無需精確將游標的移動至元素邊界。通過確定游標對應的選擇範圍,進而確定元素的邊界。再將游標移動至確定出的邊界,從而確定精確測量的元素尺寸。解決了無法在行動終端上精確測量元素尺寸的問題。 另外,在本說明書中,也可以不在步驟S100中獲取截圖,而是在本說明書步驟S102中獲取截圖。具體的,可將監測到用戶對游標執行操作,作為監測到用戶輸入指令。於是,可在監測到用戶對游標執行拖動操作時,獲取程式介面的截圖。 進一步地,由於用戶手指操作精度較低,所以可能會多次對游標執行拖動操作後,才將游標移動至需要測量的元素邊界附近的情況。則若每監測到用戶對游標執行操作,就獲取一次截圖可能導致獲取的截圖過多。導致終端的快取造成儲存壓力較大。並進一步導致終端執行垃圾回收機制(Garbage Collection,GC)的次數增加。 因此,在本說明書中為了降低快取壓力以及減少GC次數,在監測到用戶對游標執行拖動操作時,可先判斷在預設時間段內是否儲存過截圖,若是,則呼叫已儲存的所述截圖,若否,則對所述程式介面執行截圖操作,獲取截圖並儲存。其中,對程式介面執行截圖操作後獲取的截圖可以儲存在該行動終端的快取中。 具體的,該預設時間段對應預設的時長,該時長可根據需要進行設置。當在監測到用戶執行拖動操作時,回溯該預設的時長,確定該預設時間段。進而執行後續判斷的步驟。也就是說,當行動終端對程式介面執行截圖操作,並將截圖儲存之後。在預設時長內無論監測到用戶執行多少次拖動操作,均可使用快取中已儲存的截圖。而無需在每次監測拖動操作時,都對程式介面執行截圖操作。 更進一步地,在程式介面中,元素的在顯示的時可能並不會顯示元素邊界。例如,元素為透明背景上繪製的圖案。則通過現有確定邊界方法,只能確定該圖案的邊界。於是,為了方便確定元素邊界,在獲取該程式介面的截圖之前,還可以啟動現有的介面佈局邊界顯示工具,以顯示程式介面中各元素的邊界。 例如,假設圖7a為各元素均沒有顯示元素的邊界的情況。則在啟動介面佈局邊界顯示工具後,可顯示如圖7b所示的元素邊界。需要說明的是,程式介面對應的程式,執行資訊顯示過程的程式以及介面佈局邊界顯示工具可為三個不同的獨立程式。 需要說明的是,本發明實施例所提供方法的各步驟的執行主體均可以是同一設備,或者,該方法也由不同設備作為執行主體。例如,步驟S102和步驟S104的執行主體可以為設備1,步驟S106和步驟S108的執行主體可以為設備2;又例如,步驟S102和驟S106的執行主體可以為設備2,步驟S104和步驟S108的執行主體可以為設備1;等等。上述對本說明書特定實施例進行了描述。其它實施例在所附申請專利範圍的範圍內。在一些情況下,在申請專利範圍中記載的動作或步驟可以按照不同於實施例中的順序來執行並且仍然可以實現期望的結果。另外,在附圖中描繪的過程不一定要求顯示的特定順序或者連續順序才能實現期望的結果。在某些實施方式中,多工處理和並行處理也是可以的或者可能是有利的。 基於圖2所示的資訊顯示方法,本說明書實施例還提供一種資訊顯示方法,如圖8所示。 圖8為本說明書實施例提供的一種資訊顯示過程,具體可包括以下步驟: S200:獲取行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作。 S202:當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置。 在本說明書實施例中,該資訊顯示過程用於在行動終端中顯示字元的尺寸。與圖2所示的資訊顯示過程類似,可由行動終端自身或者安裝的程式執行該資訊顯示過程。 具體的,由於通常在程式介面中字元的大小要小於元素的大小,所以通過游標對測量字元時存在困難。因此在本說明書中,在測量字元尺寸時,可以顯示至少一個游標。並通過後續步驟顯示游標遮蓋的字元的字元尺寸。其中,在本說明書實施例中,該游標的形狀可以是矩形。游標的尺寸可以根據需要進行設置。 另外,對於步驟中其他操作均可參考步驟S100以及步驟S102中的描述,本說明書對此不再贅述。 S204:在所述截圖中確定在所述位置上的顏色。 S206:根據所述游標的邊界以及所述顏色,確定字元邊界。 在本說明書實施例中,在確定出游標的位置之後,還可在獲取的截圖中,確定該位置上的顏色。之後再根據該游標的邊界以及確定出的顏色,確定字元的邊界。 具體的,在本說明書實施例中,該游標可部分遮蓋待測量的字元,則在步驟S204中確定游標所在位置上的顏色時,可以確定出字元的顏色以及背景顏色。並在後續步驟S206中,根據確定出的字元的顏色、確定出的背景顏色以及游標邊界,確定出游標遮蓋的字元的邊界。 並且,由於字元的尺寸一般只能通過字元的高度或者字元的寬度確定,所以在確定字元的邊界時,可先確定游標上下邊界和/或游標的左右邊界。當然,由於現有技術中通常以字元的高度作為字元的尺寸,所以在本說明書以確定游標的高度為例進行後續說明。 首先,確定游標的上邊界以及下邊界。之後,根據步驟S204中確定出的顏色,進一步確定游標的上邊界對應的顏色,以及游標的下邊界對應的顏色。其中,游標的上邊界對應的顏色中包含字元的顏色以及上邊界對應的背景顏色,游標的下邊界對應的顏色中包含字元的顏色以及下邊界對應的背景顏色。接著,確定游標的左右邊界的延長線之間的各行像素,以游標的上邊界為起始行依次向上,從確定出的各行像素中,選擇與下一行像素的顏色不完全相同的一行像素,作為字元的上邊界。同理,針對游標的下邊界,採用相同的方法確定字元邊界的下邊界。當確定出字元邊界的上下邊界時,將上下邊界之間的距離作為字元邊界的高度。 例如圖9所示的確定字元邊界的上下邊界的過程。在圖9中,游標覆蓋在“人”字元上,可確定游標位置的顏色為黑色和白色。在步驟S206中,可以從游標的上下邊界開始,逐行判斷是否出現與該游標位置不完全相同的顏色,當判斷到“人”字元以外的一行時,該行中只存在白色,則可確定已經判斷過的上一行為字元的邊界,從而確定字元邊界的上下邊界。進而將上下邊界之間的距離作為字元邊界的高度。 同理,在本說明書實施例中,也可確定游標的上下邊界的延長線之間的各列像素。並以游標的左邊界為起始列依次向左,從確定出的各列像素中,選擇與下一列像素的顏色不完全相同的一列像素,作為字元的左邊界。以游標的右邊界為起始列依次向右,從確定出的各列像素中,選擇與下一列像素的顏色不完全相同的一列像素,作為字元的右邊界。將字元邊界的左右邊界之間的距離作為字元邊界的寬度。 S208:根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 在本說明書實施例中,由於不同的行動終端的螢幕尺寸、像素密度等等都不完全一致,所以通常設置的字元尺寸,與實際顯示在程式介面中的字元尺寸(如,字元邊界的高度或者字元邊界的寬度)不能保持一致。例如,程式開發人員設置的字元尺寸為12px,但是在程式介面中顯示的字元尺寸卻為10px。因此,字元邊界的高度或者寬度並不時準確的確定字元尺寸。 於是,在本說明書中,還可以根據預先獲取的擬合公式,確定與該字元邊界對應的字元尺寸,並顯示。 具體的,可由該行動終端自身或者執行該資訊顯示過程的程式,預先向伺服器發送行動終端的設備資訊(如,設備型號、螢幕尺寸、像素密度等),之後再接收伺服器返回的與該設備資訊對應的擬合公式並儲存。則在確定出字元邊界的高度或者寬度之後,可以將該高度或者寬度輸入該擬合公式中,從而得到對應的字元尺寸。 其中,伺服器可預先確定不同設備資訊分別對應的擬合公式,在接收到設備資訊時,確定對應的擬合公式並返回。例如,伺服器可針對每種型號的行動終端,採集在該行動終端中設置的字元尺寸,及其對應的實際顯示時字元尺寸,共同左右樣本。通過最小二乘法確定設置的字元尺寸與實際顯示的字元尺寸的擬合曲線,獲取該擬合曲線對應的擬合公式,如圖10所示。 通過圖10所示的擬合曲線對應的擬合公式,行動終端便可確定與該字元上下邊界的距離(即,實際顯示的字元尺寸)對應的字元尺寸(即,設置的字元尺寸)。 通過圖8所示的資訊顯示過程,可見只需將游標遮蓋在需要測量的字元上,便可得到準確的字元尺寸。解決了難以在行動終端上測量字元尺寸的問題。 另外,在本說明書實施例中,需要通過游標遮蓋字元才可確定字元尺寸。但是,程式介面中可能存在較大的字元也可能存在較小的字元,所以單一尺寸的游標可能對於測量字元尺寸帶來不便。因此,在步驟S200中可顯示多個游標,並且各游標的尺寸可不完全相同,以滿足對不同大小的字元的測量需求。 進一步地,在本說明書實施例中,圖2以及圖8所示的資訊顯示方法可以同時存在。於是在本說明書,元素尺寸可顯示在每對游標的中間,字元尺寸可顯示在游標旁邊,如,圖11所示。當然,具體該距離和尺寸如何顯示本說明書不做限定。 基於圖2所示的資訊顯示方法,本說明書實施例還提供一種資訊顯示裝置,如圖12所示。 圖12為本說明書實施例提供的一種資訊顯示裝置的結構示意圖,包括: 獲取顯示及監測模組300,獲取行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作; 第一確定模組302,針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置; 第二確定模組304,根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍; 第三確定模組306,根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界; 第四確定模組308,將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界; 顯示模組310,顯示該對游標之間的距離。 獲取顯示及監測模組300,顯示浮動視窗,在所述浮動視窗中顯示至少一對游標,其中,所述浮動視窗為透明視窗,所述浮動窗顯示於所述程式介面的上層。 獲取顯示及監測模組300,在所述行動終端的螢幕中顯示兩對游標,其中,一對游標在為水平的線段,另一對游標為垂直的線段。 獲取顯示及監測模組300,當監測到用戶輸入指令時,顯示所述浮動視窗和/或獲取所述程式介面的截圖。 第三確定模組306,針對該對游標中的每個游標,確定該游標的位置上所述程式介面顯示的顏色,作為基礎顏色,在該游標對應的所述選擇範圍內,確定與所述游標的線段平行、超過預設長度以及顏色與所述基礎顏色不同的線段,作為確定出的邊界。 第三確定模組306,在該游標對應的所述選擇範圍內,確定與所述游標的線段平行、超過預設長度以及顏色與所述基礎顏色不同的至少一條線段,從確定出的至少一條線段中,選擇與所述游標距離最近的線段,作為確定出的邊界。 獲取顯示及監測模組300,獲取行動終端上程式介面的截圖之前,啟動介面佈局邊界顯示工具,顯示所述程式介面中各元素的邊界。 基於圖8所示的資訊顯示方法,本說明書實施例還提供一種資訊顯示裝置,如圖13所示。 圖13為本說明書實施例提供的一種資訊顯示裝置的結構示意圖,包括: 獲取顯示及監測模組400,獲取行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作; 第一確定模組402,當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置; 第二確定模組404,在所述截圖中確定在所述位置上的顏色; 第三確定模組406,根據所述游標的邊界以及所述顏色,確定字元邊界; 顯示模組408,根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 所述游標的形狀為矩形; 第三確定模組406,確定所述游標的上下邊界和/或所述游標的左右邊界,根據所述顏色,在所述截圖中確定所述游標的上下邊界分別對應的顏色和/或所述游標的左右邊界分別對應的顏色,根據所述游標的上下邊界分別對應的顏色,確定所述字元邊界的高度,和/或根據所述游標的左右邊界分別對應的顏色,確定所述字元邊界的寬度。 第三確定模組406,確定所述游標的左右邊界的延長線之間的各行像素,以所述游標的上邊界為起始行依次向上,從確定出的各行像素中,選擇與下一行像素的顏色不完全相同的一行像素,作為所述字元的上邊界,以所述游標的下邊界為起始行依次向下,從確定出的各行像素中,選擇與下一行像素的顏色不完全相同的一行像素,作為所述字元的下邊界,將所述字元邊界的上下邊界之間的距離作為所述字元邊界的高度。 第三確定模組406,確定所述游標的上下邊界的延長線之間的各列像素,以所述游標的左邊界為起始列依次向左,從確定出的各列像素中,選擇與下一列像素的顏色不完全相同的一列像素,作為所述字元的左邊界,以所述游標的右邊界為起始列依次向右,從確定出的各列像素中,選擇與下一列像素的顏色不完全相同的一列像素,作為所述字元的右邊界,將所述字元邊界的左右邊界之間的距離作為所述字元邊界的寬度。 顯示模組408,根據預先獲取的擬合公式,確定所述字元邊界的高度對應的尺寸和/或確定所述字元邊界的寬度對應的尺寸。 顯示模組408,預先向伺服器發送所述行動終端的設備資訊,接收所述伺服器返回的與所述設備資訊對應的擬合公式並儲存。 基於圖2所示的資訊顯示方法,本說明書實施例還提供另一種行動終端,如圖14所示。 圖14為本說明書實施例提供的一種終端的結構示意圖,該終端,包括:一個或多個處理器及記憶體,所述程式被配置成由一個或多個處理器執行以下步驟: 獲取所述行動終端的程式介面的截圖,顯示至少一對游標,並監測用戶的操作; 針對每對游標,當監測到用戶對該對游標執行操作時,確定被執行所述操作的各游標分別對應的位置; 根據各游標分別對應位置,在所述截圖中確定各游標分別對應的選擇範圍; 根據預設的邊界演算法,在各游標分別對應的所述選擇範圍內,分別確定所述程式介面中的元素的邊界; 將被執行所述操作的各游標分別移動至分別確定出的所述元素的邊界; 顯示該對游標之間的距離。 基於圖8所示的資訊顯示方法,本說明書實施例還提供另一種行動終端,如圖15所示。 圖15為本說明書實施例提供的一種終端的結構示意圖,該終端,包括:一個或多個處理器及記憶體,所述程式被配置成由一個或多個處理器執行以下步驟: 獲取所述行動終端的程式介面的截圖,顯示至少一個游標,並監測用戶的操作; 當監測到用戶對任一游標執行操作時,確定被執行所述操作的游標的位置; 在所述截圖中確定在所述位置上的顏色; 根據所述游標的邊界以及所述顏色,確定字元邊界; 根據確定出的字元邊界,確定所述游標所覆蓋的字元的尺寸,並顯示。 需要說明的是,本說明書中的各個實施例均採用遞進的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對於本發明實施例提供的行動終端以及伺服器而言,由於其基本相似於方法實施例,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。 在20世紀90年代,對於一個技術的改進可以很明顯地區分是硬體上的改進(例如,對二極體、電晶體、開關等電路結構的改進)還是軟體上的改進(對於方法流程的改進)。然而,隨著技術的發展,當今的很多方法流程的改進已經可以視為硬體電路結構的直接改進。設計人員幾乎都通過將改進的方法流程程式設計到硬體電路中來得到相應的硬體電路結構。因此,不能說一個方法流程的改進就不能用硬體實體模組來實現。例如,可程式設計邏輯裝置(Programmable Logic Device, PLD)(例如現場可程式設計閘陣列(Field Programmable Gate Array,FPGA))就是這樣一種積體電路,其邏輯功能由用戶對裝置程式設計來確定。由設計人員自行程式設計來把一個數位系統“集成”在一片PLD上,而不需要請晶片製造廠商來設計和製作專用的積體電路晶片。而且,如今,取代手工地製作積體電路晶片,這種程式設計也多半改用“邏輯編譯器(logic compiler)”軟體來實現,它與程式開發撰寫時所用的軟體編譯器相類似,而要編譯之前的原始代碼也得用特定的程式設計語言來撰寫,此稱之為硬體描述語言(Hardware Description Language,HDL),而HDL也並非僅有一種,而是有許多種,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware Description Language)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(Ruby Hardware Description Language)等,目前最普遍使用的是VHDL(Very-High-Speed Integrated Circuit Hardware Description Language)與Verilog。本領域技術人員也應該清楚,只需要將方法流程用上述幾種硬體描述語言稍作邏輯程式設計並程式設計到積體電路中,就可以很容易得到實現該邏輯方法流程的硬體電路。 控制器可以按任何適當的方式實現,例如,控制器可以採取例如微處理器或處理器以及儲存可由該(微)處理器執行的電腦可讀程式碼(例如軟體或韌體)的電腦可讀媒體、邏輯閘、開關、專用積體電路(Application Specific Integrated Circuit,ASIC)、可程式設計邏輯控制器和嵌入微控制器的形式,控制器的例子包括但不限於以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20 以及Silicone Labs C8051F320,記憶體控制器還可以被實現為記憶體的控制邏輯的一部分。本領域技術人員也知道,除了以純電腦可讀程式碼方式實現控制器以外,完全可以通過將方法步驟進行邏輯程式設計來使得控制器以邏輯閘、開關、專用積體電路、可程式設計邏輯控制器和嵌入微控制器等的形式來實現相同功能。因此這種控制器可以被認為是一種硬體部件,而對其內包括的用於實現各種功能的裝置也可以視為硬體部件內的結構。或者甚至,可以將用於實現各種功能的裝置視為既可以是實現方法的軟體模組又可以是硬體部件內的結構。 上述實施例闡明的系統、裝置、模組或單元,具體可以由電腦晶片或實體實現,或者由具有某種功能的產品來實現。一種典型的實現設備為電腦。具體的,電腦例如可以為個人電腦、膝上型電腦、蜂巢式電話、相機電話、智慧型電話、個人數位助理、媒體播放機、導航設備、電子郵件設備、遊戲控制台、平板電腦、可穿戴設備或者這些設備中的任何設備的組合。 為了描述的方便,描述以上裝置時以功能分為各種單元分別描述。當然,在實施本發明時可以把各單元的功能在同一個或多個軟體和/或硬體中實現。 本領域內的技術人員應明白,本發明的實施例可提供為方法、系統、或電腦程式產品。因此,本發明可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體態樣的實施例的形式。而且,本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。 本發明是參照根據本發明實施例的方法、設備(系統)、和電腦程式產品的流程圖和/或方塊圖來描述的。應理解可由電腦程式指令實現流程圖和/或方塊圖中的每一流程和/或方塊、以及流程圖和/或方塊圖中的流程和/或方塊的結合。可提供這些電腦程式指令到通用電腦、專用電腦、嵌入式處理機或其他可程式設計資料處理設備的處理器以產生一個機器,使得通過電腦或其他可程式設計資料處理設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的裝置。 這些電腦程式指令也可儲存在能引導電腦或其他可程式設計資料處理設備以特定方式工作的電腦可讀記憶體中,使得儲存在該電腦可讀記憶體中的指令產生包括指令裝置的製造品,該指令裝置實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能。 這些電腦程式指令也可裝載到電腦或其他可程式設計資料處理設備上,使得在電腦或其他可程式設計設備上執行一系列操作步驟以產生電腦實現的處理,從而在電腦或其他可程式設計設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的步驟。 在一個典型的配置中,計算設備包括一個或多個處理器(CPU)、輸入/輸出介面、網路介面和記憶體。 記憶體可能包括電腦可讀媒體中的非永久性記憶體,隨機存取記憶體(RAM)和/或非揮發性記憶體等形式,如唯讀記憶體(ROM)或快閃記憶體(flash RAM)。記憶體是電腦可讀媒體的示例。 電腦可讀媒體包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術來實現資訊儲存。資訊可以是電腦可讀指令、資料結構、程式的模組或其他資料。電腦的儲存媒體的例子包括,但不限於相變記憶體(PRAM)、靜態隨機存取記憶體(SRAM)、動態隨機存取記憶體(DRAM)、其他類型的隨機存取記憶體(RAM)、唯讀記憶體(ROM)、電可抹除可程式設計唯讀記憶體(EEPROM)、快閃記憶體或其他記憶體技術、唯讀光碟唯讀記憶體(CD-ROM)、數位多功能光碟(DVD)或其他光學儲存、磁盒式磁帶,磁帶磁磁片儲存或其他磁性存放裝置或任何其他非傳輸媒體,可用於儲存可以被計算設備存取的資訊。按照本文中的界定,電腦可讀媒體不包括暫存電腦可讀媒體(transitory media),如調變的資料訊號和載波。 還需要說明的是,術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句“包括一個……”限定的要素,並不排除在包括所述要素的過程、方法、商品或者設備中還存在另外的相同要素。 本領域技術人員應明白,本發明的實施例可提供為方法、系統或電腦程式產品。因此,本發明可採用完全硬體實施例、完全軟體實施例或結合軟體和硬體態樣的實施例的形式。而且,本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。 本發明可以在由電腦執行的電腦可執行指令的一般上下文中描述,例如程式模組。一般地,程式模組包括執行特定任務或實現特定抽象資料類型的常式、程式、物件、元件、資料結構等等。也可以在分散式運算環境中實踐本發明,在這些分散式運算環境中,由通過通訊網路而被連接的遠端處理設備來執行任務。在分散式運算環境中,程式模組可以位於包括存放裝置在內的本地和遠端電腦儲存媒體中。 本說明書中的各個實施例均採用遞進的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對於系統實施例而言,由於其基本相似於方法實施例,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。 以上所述僅為本發明的實施例而已,並不用於限制本發明。對於本領域技術人員來說,本發明可以有各種更改和變化。凡在本發明的精神和原理之內所作的任何修改、等同替換、改進等,均應包含在本發明的申請專利範圍的範圍之內。
S100-S110:步驟 S200-S208:步驟 300:獲取顯示及監測模組 302:第一確定模組 304:第二確定模組 306:第三確定模組 308:第四確定模組 310:顯示模組 400:獲取顯示及監測模組 402:第一確定模組 404:第二確定模組 406:第三確定模組 408:顯示模組
此處所說明的附圖用來提供對本發明的進一步理解,構成本發明的一部分,本發明的示意性實施例及其說明用於解釋本發明,並不構成對本發明的不當限定。在附圖中: 圖1為現有程式介面的元素尺寸及字元尺寸的示意圖; 圖2為本說明書實施例提供的一種資訊顯示的過程; 圖3a為本說明書實施例提供的程式介面的示意圖; 圖3b為本說明書實施例提供的程式介面中顯示不同游標對的示意圖; 圖3c為本說明書實施例提供的另一種程式介面中顯示游標對的示意圖; 圖4a至4d為本說明書實施例提供的在浮動視窗顯示游標線及游標的過程示意圖; 圖5為本說明書實施例提供的線段示意圖; 圖6a至6d為本說明書實施例提供的準確確定元素尺寸的過程示意圖; 圖7a以及圖7b為本說明書實施例提供的顯示元素邊界的過程示意圖; 圖8為本說明書實施例提供的另一種資訊顯示的過程; 圖9為本說明書實施例提供的確定字元的邊界示意圖 圖10為本說明書實施例提供的擬合曲線的示意圖; 圖11為本說明書實施例提供的顯示元素尺寸以及字元尺寸的示意圖; 圖12為本說明書實施例提供的一種資訊顯示裝置的結構示意圖; 圖13為本說明書實施例提供的另一種資訊顯示裝置的結構示意圖; 圖14為本說明書實施例提供的一種行動終端的結構示意圖; 圖15為本說明書實施例提供的另一種行動終端的結構示意圖。