本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種用于校對應(yīng)用界面的方法的裝置。

背景技術(shù)：

在應(yīng)用程序的研發(fā)過程中，應(yīng)用界面的設(shè)計稿和實際實現(xiàn)的應(yīng)用界面可能會有不一致的地方，因而需要對應(yīng)用界面進行校對和修改。在對應(yīng)用程序的界面進行校對時，一般需要設(shè)計人員在不同設(shè)備上對應(yīng)用界面和設(shè)計稿分別進行校對，并記錄二者的區(qū)別信息，從而與開發(fā)人員進行溝通和修改?；谠摲绞剑^程中可能會出現(xiàn)遺漏，并且，設(shè)計人員需要投入大量精力和時間來與開發(fā)人員進行溝通，效率較低。

技術(shù)實現(xiàn)要素：

本發(fā)明的目的是提供一種用于校對應(yīng)用界面的方法和裝置。

根據(jù)本發(fā)明的一個方面，提供了一種用于校對應(yīng)用界面的方法，其中，所述方法包括以下步驟：

-獲取參考圖片；

-將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

優(yōu)選地，所述方法進一步包括以下步驟：

-基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息。

優(yōu)選地，所述方法進一步包括以下步驟：

-將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲。

根據(jù)本發(fā)明的一個優(yōu)選實施例，所述將獲取的參考圖片與待校對的 應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的步驟包括以下步驟：

-對所述參考圖片進行調(diào)整處理；

-將調(diào)整處理后的所述參考圖片與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息。

優(yōu)選地，所述對參考圖片進行調(diào)整處理的步驟包括以下步驟：

-調(diào)整所述參考圖片的透明度；

所述將調(diào)整處理后的所述參考圖片與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的步驟包括以下步驟：

-將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

根據(jù)本發(fā)明的一個優(yōu)選實施例，所述將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的步驟還包括以下步驟：

-獲取所述待校對界面的界面圖片；

-將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息。

優(yōu)選地，，所述將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的步驟還包括以下步驟：

-調(diào)整所述參考圖片和所述界面圖片的尺寸信息；

-對經(jīng)過尺寸調(diào)整后的參考圖片與界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

優(yōu)選地，所述將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的區(qū)別信息的步驟還包括以下步驟：

-調(diào)整所述參考圖片的透明度；

-將調(diào)整后的所述參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

優(yōu)選地，所述方法還包括以下步驟：

-將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改。

根據(jù)本發(fā)明的一個方面，提供了一種用于校對應(yīng)用界面的校對裝置，其中，所述校對裝置包括：

用于獲取參考圖片的裝置；

用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

優(yōu)選地，所述校對裝置進一步包括：

用于基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置。

優(yōu)選地，所述校對裝置進一步包括：

用于將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲的裝置。

根據(jù)本發(fā)明的一個優(yōu)選實施例，其中，所述用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置包括：

用于對所述參考圖片進行調(diào)整處理的裝置；

用于將調(diào)整處理后的所述參考圖片與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置。

優(yōu)選地，所述用于對所述參考圖片進行調(diào)整處理的裝置用于：

-調(diào)整所述參考圖片的透明度；

所述用于將調(diào)整處理后的所述參考圖與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置用于：

-將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

根據(jù)本發(fā)明的一個優(yōu)選實施例，其中，所述用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置還包括：

用于獲取所述待校對界面的界面圖片的裝置；

用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置。

優(yōu)選地，所述用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息的裝置還包括：

用于調(diào)整所述參考圖片和所述界面圖片的尺寸信息的裝置；

用于將經(jīng)過尺寸調(diào)整后的參考圖片與界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

優(yōu)選地，所述用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息的裝置還包括：

用于調(diào)整所述參考圖片的透明度的裝置；

用于將調(diào)整透明度后的參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

優(yōu)選地，所述校對裝置還包括：

用于將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改的裝置。

本發(fā)明還提供了一種終端設(shè)備，包括所述校對裝置。

與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點：通過在一個設(shè)備中將參考圖片和待校對的應(yīng)用界面相比對地進行展現(xiàn)，從而幫助開發(fā)人員迅速找 到設(shè)計稿和實現(xiàn)的應(yīng)用界面的區(qū)別并進行相應(yīng)的修正，或者幫助設(shè)計人員發(fā)現(xiàn)并記錄二者的區(qū)別以供開發(fā)人員進行修正，簡化了校對應(yīng)用界面的過程，提高了效率。

附圖說明

通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述，本發(fā)明的其它特征、目的和優(yōu)點將會變得更明顯：

圖1示意出了根據(jù)本發(fā)明的一種用于校對應(yīng)用界面的方法流程圖；

圖2示意出了根據(jù)本發(fā)明的一個優(yōu)選實施方案的方法流程圖；

圖3示意出了根據(jù)本發(fā)明的一種用于校對應(yīng)用界面的方法的校對裝置的結(jié)構(gòu)示意圖；

圖4a示意出了根據(jù)本發(fā)明的一個示例性的呈現(xiàn)裝置的結(jié)構(gòu)示意圖；

圖4b示意出了根據(jù)本發(fā)明的一個優(yōu)選實施例的呈現(xiàn)裝置的結(jié)構(gòu)示意圖；

圖5a示意出了根據(jù)本發(fā)明的一個實施例的一種校對應(yīng)用的首頁的示例性界面；

圖5b示意出了根據(jù)本發(fā)明的一個實施例的一種校對應(yīng)用調(diào)整透明度的示例性界面。

圖6示意出了根據(jù)本發(fā)明的一個實施例的一種校對應(yīng)用中對參考圖片和待校對界面同時進行放大處理的示例性界面；

圖7a和圖7b分別示意出了根據(jù)本發(fā)明的并列展現(xiàn)的示例性界面；

圖8示意出了根據(jù)本發(fā)明的一個實施例的一種終端設(shè)備。

附圖中相同或相似的附圖標記代表相同或相似的部件。

具體實施方式

下面結(jié)合附圖對本發(fā)明作進一步詳細描述。

圖1示意出了根據(jù)本發(fā)明的一種用于校對應(yīng)用界面的方法流程圖。根據(jù)本發(fā)明的方法包括步驟S1和步驟S2。

其中，根據(jù)本發(fā)明的方法通過包含于計算機設(shè)備中的校對裝置來 實現(xiàn)。所述計算機設(shè)備包括一種能夠按照事先設(shè)定或存儲的指令，自動進行數(shù)值計算和/或信息處理的電子設(shè)備，其硬件包括但不限于微處理器、專用集成電路(ASIC)、可編程門陣列(FPGA)、數(shù)字處理器(DSP)、嵌入式設(shè)備等。所述計算機設(shè)備包括網(wǎng)絡(luò)設(shè)備和/或用戶設(shè)備。其中，所述網(wǎng)絡(luò)設(shè)備包括但不限于單個網(wǎng)絡(luò)服務(wù)器、多個網(wǎng)絡(luò)服務(wù)器組成的服務(wù)器組或基于云計算(Cloud Computing)的由大量主機或網(wǎng)絡(luò)服務(wù)器構(gòu)成的云，其中，云計算是分布式計算的一種，由一群松散耦合的計算機集組成的一個超級虛擬計算機。所述用戶設(shè)備包括但不限于任何一種可與用戶通過鍵盤、鼠標、遙控器、觸摸板、或聲控設(shè)備等方式進行人機交互的電子產(chǎn)品，例如，個人計算機、平板電腦、智能手機、PDA、游戲機、或IPTV等。其中，所述用戶設(shè)備及網(wǎng)絡(luò)設(shè)備所處的網(wǎng)絡(luò)包括但不限于互聯(lián)網(wǎng)、廣域網(wǎng)、城域網(wǎng)、局域網(wǎng)、VPN網(wǎng)絡(luò)等。

優(yōu)選地，所述校對裝置包含于移動設(shè)備中。

更優(yōu)選地，所述校對裝置包含于移動設(shè)備的應(yīng)用程序中。

需要說明的是，所述用戶設(shè)備、網(wǎng)絡(luò)設(shè)備以及網(wǎng)絡(luò)僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的用戶設(shè)備、網(wǎng)絡(luò)設(shè)備以及網(wǎng)絡(luò)如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護范圍以內(nèi)，并以引用方式包含于此。

參照圖1，在步驟S1中，校對裝置獲取參考圖片。

其中，所述參考圖片包括各種內(nèi)容圖片。比如，所述參考圖片可以是待測試應(yīng)用程序(APP)的應(yīng)用界面圖片、產(chǎn)品UI界面圖片、產(chǎn)品設(shè)計圖片等。另外，所述參考圖片的格式也可以采用各種合適的格式，比如JPEG、PNG等。

具體地，校對裝置獲取參考圖片的方式包括但限于以下任一種：

1)獲取本地存儲的參考圖片；

2)接收來自其他設(shè)備的參考圖片。例如，通過無線網(wǎng)絡(luò)與其他設(shè)備建立連接，并接收來自該其他設(shè)備的參考圖片。

根據(jù)本發(fā)明的第一示例，校對裝置包含于智能設(shè)備的校對應(yīng)用中，用戶開啟待測試的應(yīng)用app_1，隨后開啟該校對應(yīng)用。校對裝置將當前 呈現(xiàn)的應(yīng)用app_1的界面作為待校對界面，接著，校對裝置基于用戶操作，選擇本地存儲的一圖片作為參考圖片。

又例如，用戶也可先開啟校對裝置所在的校對應(yīng)用，并選擇一圖片作為參考圖片來進行呈現(xiàn)，隨后在該校對應(yīng)用中隱藏該參考圖片，并開啟待測試應(yīng)用的相應(yīng)界面作為待校對界面。

在步驟S2中，校對裝置將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息。

具體地，校對裝置將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息的方式包括但不限于以下任一種：

1)參照圖2所示的根據(jù)本發(fā)明的一個優(yōu)選實施例的方法流程圖，其中，所述步驟S2進一步包括步驟S201和步驟S202。

在步驟S201中，校對裝置對所述參考圖片進行調(diào)整處理；接著，在步驟S202中，校對裝置將調(diào)整處理后的所述參考圖片與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息。

優(yōu)選地，所述調(diào)整處理包括調(diào)整參考圖片的透明度。

根據(jù)本發(fā)明的一個優(yōu)選方案，校對裝置調(diào)整所述參考圖片的透明度，并接著將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

繼續(xù)對前述第一示例進行說明，圖5a示意出了該校對應(yīng)用的首頁的界面，圖5b示意出了該校對應(yīng)用調(diào)整透明度的界面。參照圖5a，該校對應(yīng)用的首頁中包含工具欄，用戶可通過該工具欄進行相應(yīng)的操作，如用于返回前頁的返回操作、調(diào)整界面圖片是否可見的操作、調(diào)整透明度的操作、并列校對操作、在圖片中插入修改建議的操作、以及導(dǎo)出參考圖片等。校對裝置將該參考圖片的透明度到調(diào)整到70％，并將調(diào)整后的該參考圖片覆蓋于該待校對界面上，與所述待校對界面同時展現(xiàn)，以確定該參考圖片與該待校對界面之間的界面區(qū)別信息。并且，參照圖5b 所示的界面，用戶可通過預(yù)設(shè)的滑動手勢繼續(xù)調(diào)整參考圖片的透明度。

2)校對裝置獲取所述待校對界面的界面圖片；并將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息。

具體地，校對裝置獲取所述待校對界面的界面圖片的方式包括但不限于以下任一種：

i)從與所述待校對應(yīng)用對應(yīng)的程序文件中提取與該待校對界面相對應(yīng)的界面圖片；

ii)通過對當前所呈現(xiàn)的待校對界面進行截圖以獲得相應(yīng)的界面圖片。

接著，校對裝置將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息。

例如，校對裝置獲取待校對界面的界面截圖，并將獲取的參考圖片與該待校對界面的界面截圖在當前設(shè)備中進行并列展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息。比如，可以將所述參考圖片與所述界面圖片在移動設(shè)備屏幕中的上下或左右兩個區(qū)域進行并列展現(xiàn)，如圖7a和圖7b所示的示例性界面?；蛘撸瑢⑺鰠⒖紙D片與所述界面圖片相重疊地在移動設(shè)備屏幕上展現(xiàn)。

此外，在將獲取的參考圖片與該待校對界面的界面截圖在當前設(shè)備中進行并列展現(xiàn)之前，所述方法還可以包括對參考圖片和/或界面圖片進行調(diào)整處理。然后，將經(jīng)過調(diào)整處理后的參考圖片和/或界面圖片相比對地進行展現(xiàn)。

所述對參考圖片和/或界面圖片進行調(diào)整處理可以包括以下方式：

i)調(diào)整參考圖片的透明度；

ii)調(diào)整參考圖片的尺寸；

iii)顯示/隱藏參考圖片。

在一個示例中，校對裝置可以調(diào)整所述參考圖片的透明度，接著將調(diào)整后的所述參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

在另一示例中，校對裝置可以調(diào)整所述參考圖片和所述界面圖片的尺寸信息，并對經(jīng)過尺寸調(diào)整后的參考圖片與所述界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。例如，參照圖7a和圖7b所示的示例性界面，校對裝置調(diào)整參考圖片和界面圖片的尺寸，從而將所述參考圖片與所述界面圖片在移動設(shè)備屏幕中的上下或左右兩個區(qū)域進行并列展現(xiàn)。

這里，針對參考圖片和界面圖片的尺寸信息調(diào)整例如可以與手持動作關(guān)聯(lián)。比如，校對裝置中與長按手勢對應(yīng)的調(diào)整處理為放大處理，圖6示意出了一個示例性的對參考圖片進行放大處理的界面。參照圖6，當用戶在智能設(shè)備中長按圖6所示的長按手勢所在的位置時，校對裝置基于該操作，放大圖6所示的放大鏡所在的區(qū)域。

在又一示例中，校對裝置可以提供顯示/隱藏參考圖片的功能按鈕，當用戶點擊顯該按鈕時，校對裝置顯示/隱藏所述參考圖片。

具體地，校對裝置可自動對所述參考圖片進行調(diào)整處理?；蛘撸ρb置還可基于用戶的操作來對所述參考圖片進行相應(yīng)的調(diào)整處理。

優(yōu)選地，所述方法還可以包括步驟S3(圖未示)。

在步驟S3中，校對裝置基于已呈現(xiàn)的參考圖片和待校對界面，確定該參考圖片與該待校對界面之間的界面區(qū)別信息。

在進行界面區(qū)別信息確定時，校對裝置可基于已呈現(xiàn)的參考圖片和待校對界面，通過機器檢測的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息。

優(yōu)選地，校對裝置通過機器檢測的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息的方式包括但限于以下至少任一種：

1)基于統(tǒng)一的檢測規(guī)則來確定所述界面區(qū)別信息；

例如，檢測參考圖片中各個元素之間的間距和待校對界面中相應(yīng)的各個元素之間的間距是否有區(qū)別；

2)判斷待校對界面各個界面元素的元素類型，從而基于與所確定的元素類型對應(yīng)的檢測規(guī)則，來確定所述界面區(qū)別信息。

例如，對于文字類型的元素，檢測該文字元素在參考圖片中和在待 校對界面中的字號和顏色的區(qū)別。又例如，對于圖片類型的元素，檢測該圖片元素邊框大小的區(qū)別。

優(yōu)選地，校對裝置還可在展現(xiàn)所述參考圖片和所述待校對界面時，提供相應(yīng)的輔助比對工具，以供用戶獲得與所述參考圖片和所述待校對界面相應(yīng)的比對信息。

其中，所述輔助比對工具包括但不限于任何可用于提取與所述參考圖片和所述待校對界面的至少一種圖片屬性的工具。

優(yōu)選地，所述輔助比對工具包括但不限于以下至少任一種：

1)網(wǎng)格工具，例如，分別在所述參考圖片和所述待校對界面上呈現(xiàn)相同單位的網(wǎng)格，以供用戶直觀地比對兩者的長、寬等距離信息。

2)顏色提取工具，例如，可提取用戶所選擇的相應(yīng)區(qū)域的顏色代碼信息的工具，以供用戶比對兩個圖片所采用的色彩是否一致等。

在進行界面區(qū)別信息確定時，校對裝置可基于已呈現(xiàn)的參考圖片和待校對界面，通過手動的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息。

優(yōu)選地，在確定參考圖片與待校對界面之間的界面區(qū)別信息之后，所述方法進一步包括步驟S4(圖未示)。

在步驟S4中，校對裝置基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息。

其中，所述編輯操作包括各種文本輸入操作，例如，輸入、刪除或移動等等。

優(yōu)選地，所述方法還可以包括將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲。

具體地，校對裝置可生成單獨的文檔來存儲與參考圖片對應(yīng)的界面區(qū)別信息，或者，校對裝置可將界面區(qū)別信息添加至所述參考圖片來進行存儲。

繼續(xù)對前述第一示例進行說明，用戶基于所呈現(xiàn)的參考圖片和待校對應(yīng)用界面，發(fā)現(xiàn)二者存在差異，并在參考圖片的相應(yīng)位置輸入以下信息：正確的色值是color_1；正確的間距是space_1，則校對裝置將用戶 輸入的信息作為界面區(qū)別信息添加至該參考圖片中，并存儲該添加了區(qū)別信息的參考圖片。

根據(jù)本發(fā)明的一個優(yōu)選實施例，根據(jù)本發(fā)明的方法還包括步驟S5(圖未示)。

在步驟S5中，校對裝置將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改。

根據(jù)本發(fā)明的第二示例，校對裝置基于應(yīng)用界面的設(shè)計人員的編輯操作，記錄參考圖片與待校對界面的界面區(qū)別信息，并將界面區(qū)別信息添加至參考圖片，從而將其作為已校對的參考圖片進行存儲。校對裝置將該已校對的參考圖片發(fā)送至開發(fā)應(yīng)用所使用的網(wǎng)絡(luò)設(shè)備，以供開發(fā)人員通過該網(wǎng)絡(luò)設(shè)備、基于參考圖片中的界面區(qū)別信息來進行相應(yīng)的修改。

更優(yōu)選地，界面區(qū)別信息采用預(yù)定的格式化結(jié)構(gòu)來記錄。更優(yōu)選地，所述網(wǎng)絡(luò)設(shè)備可基于該格式化結(jié)構(gòu)自動讀取界面區(qū)別信息，以基于所獲得的界面區(qū)別信息，來修正相應(yīng)的待校對界面的界面參數(shù)信息。

根據(jù)本發(fā)明的方法，通過在一個設(shè)備中將參考圖片和待校對的應(yīng)用界面相比對地進行展現(xiàn)，從而幫助開發(fā)人員迅速找到設(shè)計稿和實現(xiàn)的應(yīng)用界面的區(qū)別并進行相應(yīng)的修正，或者幫助設(shè)計人員發(fā)現(xiàn)并記錄二者的區(qū)別以供開發(fā)人員進行修正，簡化了校對應(yīng)用界面的過程，提高了效率。

圖3示意出了根據(jù)本發(fā)明的一種用于校對應(yīng)用界面的方法的校對裝置的結(jié)構(gòu)示意圖。根據(jù)本發(fā)明的校對裝置包括：用于獲取參考圖片的裝置(以下簡稱“獲取裝置1”)；用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置(以下簡稱“呈現(xiàn)裝置2”)。

參照圖3，獲取裝置1獲取參考圖片。

其中，所述參考圖片包括各種內(nèi)容圖片。比如，所述參考圖片可以是待測試應(yīng)用程序(APP)的應(yīng)用界面圖片、產(chǎn)品UI界面圖片、產(chǎn)品設(shè)計圖片等。另外，所述參考圖片的格式也可以采用各種合適的格式，比 如JPEG、PNG等。

具體地，獲取裝置1獲取參考圖片的方式包括但限于以下任一種：

1)獲取本地存儲的參考圖片；

2)接收來自其他設(shè)備的參考圖片。例如，通過無線網(wǎng)絡(luò)與其他設(shè)備建立連接，并接收來自該其他設(shè)備的參考圖片。

根據(jù)本發(fā)明的第一示例，校對裝置包含于智能設(shè)備的校對應(yīng)用中，用戶開啟待測試的應(yīng)用app_1，隨后開啟該校對應(yīng)用。校對裝置將當前呈現(xiàn)的應(yīng)用app_1的界面作為待校對界面，接著，獲取裝置1基于用戶操作，選擇本地存儲的一圖片作為參考圖片。

又例如，用戶也可先開啟校對裝置所在的校對應(yīng)用，并選擇一圖片作為參考圖片來進行呈現(xiàn)，隨后在該校對應(yīng)用中隱藏該參考圖片，并開啟待測試應(yīng)用的相應(yīng)界面作為待校對界面。

呈現(xiàn)裝置2將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息。

具體地，在一個示例中，如圖4a所示，呈現(xiàn)裝置2可以包括用于對所述參考圖片進行調(diào)整處理的裝置(以下簡稱“第一調(diào)整裝置201”)和用于將調(diào)整處理后的所述參考圖與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置(以下簡稱“第一子呈現(xiàn)裝置202”)。

需要說明的是，所述第一調(diào)整裝置201也可以在呈現(xiàn)裝置2之外實現(xiàn)。

調(diào)整裝置201對所述參考圖片進行調(diào)整處理；第一子呈現(xiàn)裝置202將調(diào)整處理后的所述參考圖與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息。

優(yōu)選地，所述調(diào)整處理可以包括調(diào)整參考圖片的透明度。

根據(jù)本發(fā)明的一個優(yōu)選方案，第一調(diào)整裝置201調(diào)整所述參考圖片的透明度，第一子呈現(xiàn)裝置202將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述 待校對界面之間的界面區(qū)別信息。

在另一示例中，如圖4b所示，所述呈現(xiàn)裝置2可以包括用于獲取所述待校對界面的界面圖片的裝置(圖未示，以下簡稱“界面獲取裝置203”)和用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息的裝置(圖未示，以下簡稱“第二子呈現(xiàn)裝置204”)

界面獲取裝置203獲取所述待校對界面的界面圖片；第二子呈現(xiàn)裝置204將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的區(qū)別信息。

具體地，界面獲取裝置203獲取所述待校對界面的界面圖片的方式包括但不限于以下任一種：

i)從與所述待校對應(yīng)用對應(yīng)的程序文件中提取與該待校對界面相對應(yīng)的界面圖片；

ii)通過對當前所呈現(xiàn)的待校對界面進行截圖以獲得相應(yīng)的界面圖片。

接著，第二子呈現(xiàn)裝置204將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的界面區(qū)別信息。比如，可以將所述參考圖片與所述界面圖片在移動設(shè)備屏幕中的上下或左右兩個區(qū)域進行并列展現(xiàn)，如圖7a和圖7b所示的示例性界面?；蛘?，將所述參考圖片與所述界面圖片相重疊地在移動設(shè)備屏幕上展現(xiàn)。

此外，在將獲取的參考圖片與該待校對界面的界面截圖在當前設(shè)備中進行并列展現(xiàn)之前，所述呈現(xiàn)裝置2還可以包括第二調(diào)整裝置205，用于對參考圖片和/或界面圖片進行調(diào)整處理。然后，第二子呈現(xiàn)裝置204將經(jīng)過調(diào)整處理后的參考圖片和/或界面圖片相比對地進行展現(xiàn)。

所述對參考圖片和/或界面圖片進行調(diào)整處理可以包括以下方式：

i)調(diào)整參考圖片的透明度；

ii)調(diào)整參考圖片的尺寸；

iii)顯示/隱藏參考圖片。

在一個示例中，第二調(diào)整裝置205可以調(diào)整所述參考圖片的透明度，接著，第二子呈現(xiàn)裝置204將調(diào)整后的所述參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

在另一示例中，第二調(diào)整裝置205可以調(diào)整所述參考圖片和所述界面圖片的尺寸信息。然后，第二子呈現(xiàn)裝置204對經(jīng)過尺寸調(diào)整后的參考圖片與所述界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。例如，參照圖7a和圖7b所示的示例性界面，第二調(diào)整裝置205調(diào)整參考圖片和界面圖片的尺寸，從而將所述參考圖片與所述界面圖片在移動設(shè)備屏幕中的上下或左右兩個區(qū)域進行并列展現(xiàn)。

這里，針對參考圖片和界面圖片的尺寸信息調(diào)整例如可以與手持動作關(guān)聯(lián)。比如，校對裝置中與長按手勢對應(yīng)的調(diào)整處理為放大處理，圖6示意出了一個示例性的對參考圖片進行放大處理的界面。參照圖6，當用戶在智能設(shè)備中長按圖6所示的長按手勢所在的位置時，第二調(diào)整裝置205基于該操作，放大圖6所示的放大鏡所在的區(qū)域。

在又一示例中，校對裝置可以提供顯示/隱藏參考圖片的功能按鈕，當用戶點擊顯該按鈕時，校對裝置顯示/隱藏所述參考圖片。

具體地，校對裝置可自動對所述參考圖片進行調(diào)整處理?；蛘?，校對裝置還可基于用戶的操作來對所述參考圖片進行相應(yīng)的調(diào)整處理。

校對裝置還可以包括用于基于已呈現(xiàn)的參考圖片和待校對界面，確定該參考圖片與該待校對界面之間的界面區(qū)別信息的裝置(下文中簡稱為“確定裝置”)。

在進行界面區(qū)別信息確定時，確定裝置可基于已呈現(xiàn)的參考圖片和待校對界面，通過機器檢測的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息。

優(yōu)選地，確定裝置過機器檢測的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息的方式包括但限于以下至少任一種：

1)基于統(tǒng)一的檢測規(guī)則來確定所述界面區(qū)別信息；

例如，檢測參考圖片中各個元素之間的間距和待校對界面中相應(yīng)的各個元素之間的間距是否有區(qū)別；

2)判斷待校對界面各個界面元素的元素類型，從而基于與所確定的元素類型對應(yīng)的檢測規(guī)則，來確定所述界面區(qū)別信息。

例如，對于文字類型的元素，檢測該文字元素在參考圖片中和在待校對界面中的字號和顏色的區(qū)別。又例如，對于圖片類型的元素，檢測該圖片元素邊框大小的區(qū)別。

優(yōu)選地，校對裝置還可在展現(xiàn)所述參考圖片和所述待校對界面時，提供相應(yīng)的輔助比對工具，以供用戶獲得與所述參考圖片和所述待校對界面相應(yīng)的比對信息。

其中，所述輔助比對工具包括但不限于任何可用于提取與所述參考圖片和所述待校對界面的至少一種圖片屬性的工具。

優(yōu)選地，所述輔助比對工具包括但不限于以下至少任一種：

1)網(wǎng)格工具，例如，分別在所述參考圖片和所述待校對界面上呈現(xiàn)相同單位的網(wǎng)格，以供用戶直觀地比對兩者的長、寬等距離信息。

2)顏色提取工具，例如，可提取用戶所選擇的相應(yīng)區(qū)域的顏色代碼信息的工具，以供用戶比對兩個圖片所采用的色彩是否一致等。

在進行界面區(qū)別信息確定時，確定裝置可基于已呈現(xiàn)的參考圖片和待校對界面，通過手動的方式來確定該參考圖片與該待校對界面之間的界面區(qū)別信息。

優(yōu)選地，所述校對裝置進一步包括用于基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置(圖未示，以下簡稱“區(qū)別記錄裝置”)。

區(qū)別記錄裝置基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息。

其中，所述編輯操作包括各種文本輸入操作，例如，輸入、刪除或移動等等。

優(yōu)選地，所述校對裝置進一步包括用于將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲的裝置(圖未示，以下簡稱“存儲裝置”)。

存儲裝置將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲。

具體地，存儲裝置可生成單獨的文檔來存儲與參考圖片對應(yīng)的界面區(qū)別信息，或者，存儲裝置可將界面區(qū)別信息添加至所述參考圖片來進行存儲。

繼續(xù)對前述第一示例進行說明，用戶基于所呈現(xiàn)的參考圖片和待校對應(yīng)用界面，發(fā)現(xiàn)二者存在差異，并在參考圖片的相應(yīng)位置輸入以下信息：正確的色值是color_1；正確的間距是space_1，則區(qū)別記錄裝置將用戶輸入的信息作為界面區(qū)別信息添加至該參考圖片中，存儲裝置存儲該添加了區(qū)別信息的參考圖片。

根據(jù)本發(fā)明的一個優(yōu)選實施例，根據(jù)本發(fā)明的校對裝置還包括用于將將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備的裝置(圖未示，以下簡稱“發(fā)送裝置”)。

發(fā)送裝置將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改。

根據(jù)本發(fā)明的第二示例，區(qū)別記錄裝置基于應(yīng)用界面的設(shè)計人員的編輯操作，記錄參考圖片與待校對界面的界面區(qū)別信息，并將界面區(qū)別信息添加至參考圖片，存儲裝置將其作為已校對的參考圖片進行存儲。接著，發(fā)送裝置將該已校對的參考圖片發(fā)送至開發(fā)應(yīng)用所使用的網(wǎng)絡(luò)設(shè)備，以供開發(fā)人員通過該網(wǎng)絡(luò)設(shè)備、基于參考圖片中的界面區(qū)別信息來進行相應(yīng)的修改。

更優(yōu)選地，界面區(qū)別信息采用預(yù)定的格式化結(jié)構(gòu)來記錄。更優(yōu)選地，所述網(wǎng)絡(luò)設(shè)備可基于該格式化結(jié)構(gòu)自動讀取界面區(qū)別信息，以基于所獲得的界面區(qū)別信息，來修正相應(yīng)的待校對界面的界面參數(shù)信息。

圖8示出了根據(jù)本發(fā)明實施例的終端設(shè)備，所述終端設(shè)備包括上述實施例中描述的校對裝置及其各種變型。

根據(jù)本發(fā)明的方案，通過在一個設(shè)備中將參考圖片和待校對的應(yīng)用界面相比對地進行展現(xiàn)，從而幫助開發(fā)人員迅速找到設(shè)計稿和實現(xiàn)的應(yīng)用界面的區(qū)別并進行相應(yīng)的修正，或者幫助設(shè)計人員發(fā)現(xiàn)并記錄二者的 區(qū)別以供開發(fā)人員進行修正，簡化了校對應(yīng)用界面的過程，提高了效率。

本發(fā)明的軟件程序可以通過處理器執(zhí)行以實現(xiàn)上文所述步驟或功能。同樣地，本發(fā)明的軟件程序(包括相關(guān)的數(shù)據(jù)結(jié)構(gòu))可以被存儲到計算機可讀記錄介質(zhì)中，例如，RAM存儲器，磁或光驅(qū)動器或軟磁盤及類似設(shè)備。另外，本發(fā)明的一些步驟或功能可采用硬件來實現(xiàn)，例如，作為與處理器配合從而執(zhí)行各個功能或步驟的電路。

另外，本發(fā)明的一部分可被應(yīng)用為計算機程序產(chǎn)品，例如計算機程序指令，當其被計算機執(zhí)行時，通過該計算機的操作，可以調(diào)用或提供根據(jù)本發(fā)明的方法和/或技術(shù)方案。而調(diào)用本發(fā)明的方法的程序指令，可能被存儲在固定的或可移動的記錄介質(zhì)中，和/或通過廣播或其他信號承載媒體中的數(shù)據(jù)流而被傳輸，和/或被存儲在根據(jù)所述程序指令運行的計算機設(shè)備的工作存儲器中。在此，根據(jù)本發(fā)明的一個實施例包括一個裝置，該裝置包括用于存儲計算機程序指令的存儲器和用于執(zhí)行程序指令的處理器，其中，當該計算機程序指令被該處理器執(zhí)行時，觸發(fā)該裝置運行基于前述根據(jù)本發(fā)明的多個實施例的方法和/或技術(shù)方案。

對于本領(lǐng)域技術(shù)人員而言，顯然本發(fā)明不限于上述示范性實施例的細節(jié)，而且在不背離本發(fā)明的精神或基本特征的情況下，能夠以其他的具體形式實現(xiàn)本發(fā)明。因此，無論從哪一點來看，均應(yīng)將實施例看作是示范性的，而且是非限制性的，本發(fā)明的范圍由所附權(quán)利要求而不是上述說明限定，因此旨在將落在權(quán)利要求的等同要件的含義和范圍內(nèi)的所有變化涵括在本發(fā)明內(nèi)。不應(yīng)將權(quán)利要求中的任何附圖標記視為限制所涉及的權(quán)利要求。此外，顯然“包括”一詞不排除其他單元或步驟，單數(shù)不排除復(fù)數(shù)。系統(tǒng)權(quán)利要求中陳述的多個單元或裝置也可以由一個單元或裝置通過軟件或者硬件來實現(xiàn)。第一，第二等詞語用來表示名稱，而并不表示任何特定的順序。

雖然前面特別示出并且描述了示例性實施例，但是本領(lǐng)域技術(shù)人員將會理解的是，在不背離權(quán)利要求書的精神和范圍的情況下，在其形式和細節(jié)方面可以有所變化。這里所尋求的保護在所附權(quán)利要求書 中做了闡述。在下列編號條款中規(guī)定了各個實施例的這些和其他方面：

1.一種用于校對應(yīng)用界面的方法，其中，所述方法包括以下步驟：

-獲取參考圖片；

-將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

2.根據(jù)條款1所述的方法，其中，所述方法進一步包括以下步驟：

-基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息。

3.根據(jù)條款2所述的方法，其中，所述方法進一步包括以下步驟：

-將所述界面區(qū)別信息與所述參考圖片相結(jié)合地存儲。

4.根據(jù)條款1所述的方法，其中，所述將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的步驟包括以下步驟：

-對所述參考圖片進行調(diào)整處理；

-將調(diào)整處理后的所述參考圖片與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息。

5.根據(jù)條款4所述的方法，其中，所述對參考圖片進行調(diào)整處理的步驟包括以下步驟：

-調(diào)整所述參考圖片的透明度；

所述將調(diào)整處理后的所述參考圖片與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的步驟包括以下步驟：

-將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

6.根據(jù)條款1所述的方法，其中，所述將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的步驟還包括以下步驟：

-獲取所述待校對界面的界面圖片；

-將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的區(qū)別信息。

7.根據(jù)條款6所述的方法，其中，所述將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的區(qū)別信息的步驟還包括以下步驟：

-調(diào)整所述參考圖片和所述界面圖片的尺寸信息；

-對經(jīng)過尺寸調(diào)整后的參考圖片與界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

8.根據(jù)條款6所述的方法，其中，所述將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的區(qū)別信息的步驟還包括以下步驟：

-調(diào)整所述參考圖片的透明度；

-將調(diào)整后的所述參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

9.根據(jù)條款1至8中任一項所述的方法，其中，所述方法還包括以下步驟：

-將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改。

10.一種用于校對應(yīng)用界面的校對裝置，其中，所述校對裝置包括：

用于獲取參考圖片的裝置；

用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

11.根據(jù)條款10所述的校對裝置，其中，所述校對裝置進一步包括：

用于基于用戶的編輯操作，記錄所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置。

12.根據(jù)條款11所述的校對裝置，其中，所述校對裝置進一步包括：

用于將所述區(qū)別信息與所述參考圖片相結(jié)合地存儲的裝置。

13.根據(jù)條款10所述的校對裝置，其中，所述用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置包括：

用于對所述參考圖片進行調(diào)整處理的裝置；

用于將調(diào)整處理后的所述參考圖與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置。

14.根據(jù)條款13所述的校對裝置，其中，所述用于對所述參考圖片進行調(diào)整處理的裝置用于：

-調(diào)整所述參考圖片的透明度；

所述用于將調(diào)整處理后的所述參考圖與所述待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的界面區(qū)別信息的裝置用于：

-將調(diào)整后的所述參考圖片覆蓋于所述待校對界面上，與所述待校對界面同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息。

15.根據(jù)條款10所述的校對裝置，其中，所述用于將獲取的參考圖片與待校對的應(yīng)用程序的待校對界面相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置還包括：

用于獲取所述待校對界面的界面圖片的裝置；

用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定所述參考圖片與所述待校對界面的區(qū)別信息的裝置。

16.根據(jù)條款15所述的校對裝置，其中，所述用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的區(qū)別信息的裝置還包括：

用于調(diào)整所述參考圖片和/或所述界面圖片的尺寸信息的裝置；

用于將經(jīng)過尺寸調(diào)整后的參考圖片與界面圖片進行并列展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

17.根據(jù)條款15所述的校對裝置，其中，所述用于將獲取的參考圖片與所述待校對界面的界面圖片相比對地進行展現(xiàn)，以確定參考圖片與所述待校對界面的區(qū)別信息的裝置還包括：

用于調(diào)整所述參考圖片的透明度的裝置；

用于將調(diào)整透明度后的參考圖片覆蓋于所述界面圖片上，與所述界面圖片同時展現(xiàn)，以確定所述參考圖片與所述待校對界面之間的界面區(qū)別信息的裝置。

18.根據(jù)條款10至17中任一項所述的校對裝置，其中，所述校對裝置還包括：

用于將所確定的界面區(qū)別信息提交至與所述待校對的應(yīng)用程序?qū)?yīng)的網(wǎng)絡(luò)設(shè)備，以供所述網(wǎng)絡(luò)設(shè)備基于所述界面區(qū)別信息對所述應(yīng)用程序進行修改的裝置。

19.一種終端設(shè)備，包括如條款10到18中任一項所述的校對裝置。