本發(fā)明涉及通信領域,尤其涉及一種UI(用戶界面,User Interface)視效規(guī)范檢測裝置及方法。
背景技術:
用戶界面開發(fā)人員往往會通過不同的方法,使用不同的資源實現設計需求。由此可能使得用戶界面出現視效(視覺效果,以下簡稱視效)差異大、功能接口不統一、資源冗余、可控性差等問題,大幅增加后期升級維護的難度。因此需要給出用戶界面功能、視效設計規(guī)范,指定公共模塊資源,由設計人員定期檢查各個模塊的用戶界面功能、界面是否嚴格遵循相關規(guī)范,使用指定的公共模塊資源。目前的檢查手段通常是借助多種復雜的信息抓取工具,獲取用戶界面信息,再與規(guī)范依次進行比對,然而這種方式需要投入較多的人力,效率低下。
技術實現要素:
本發(fā)明的主要目的在于提出一種用戶界面視效規(guī)范檢測裝置及方法,旨在解決現有技術中用戶界面視效規(guī)范檢查方法效率較低的問題。
根據本發(fā)明的一個方面,提供了一種用戶界面視效規(guī)范檢測裝置,包括:設置模塊,用于根據接收到的第一指令將待檢測的至少一類用戶界面目標項設置為突出顯示;呈現模塊,用于根據設置在用戶界面中呈現目標項;確定模塊,用于將屬于至少一類目標項且未突出顯示的目標項確定為不符合視效規(guī)范的目標項。
其中,上述設置模塊具體用于:將至少一類用戶界面編譯資源項設置為突出顯示;呈現模塊具體用于:使用用戶界面編譯資源生成用戶界面,在生成的用戶界面中突出顯示目標項。
進一步的,上述裝置還包括:解析模塊,用于在將待檢測的至少一類用戶界面目標項設置為突出顯示之前,對用戶界面進行解析,得到各用戶界面元素所引用的資源項;設置模塊具體用于:根據接收到的第二指令將與第二指令對應的資源項設置為突出顯示;呈現模塊具體用于:對與第二指令對應的資源項進行資源替換/重定向,使與第二指令對應的資源項突出顯示。
其中,上述設置模塊具體用于:將屬于不同種類的目標項設置為不同的突出顯示形式。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,包括以下至少一種方式:
將目標項設置為帶有高亮標識,和/或將目標項的顏色設置為預設的顏色,和/或將目標項的尺寸放大至預設尺寸,和/或更改目標項的字體,和/或更改目標項的透明度。
根據本發(fā)明的第二個方面,提供了一種用戶界面視效規(guī)范檢測方法,包括:根據接收到的第一指令將待檢測的至少一類用戶界面目標項設置為突出顯示;根據設置在用戶界面中呈現目標項;將屬于至少一類目標項且未突出顯示的目標項確定為不符合視效規(guī)范的目標項。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,包括:將至少一類用戶界面編譯資源項設置為突出顯示;根據設置在用戶界面中呈現目標項,包括:使用用戶界面編譯資源生成用戶界面,在生成的用戶界面中突出顯示目標項。
進一步的,上述方法還包括:在將待檢測的至少一類用戶界面目標項設置為突出顯示之前,對用戶界面進行解析,得到各用戶界面元素所引用的資源項;將待檢測的至少一類用戶界面目標項的屬性設置為突出顯示,包括:根據接收到的第二指令將與第二指令對應的資源項設置為突出顯示;
根據設置在用戶界面中呈現目標項,包括:對與第二指令對應的資源項進行資源替換/重定向,使與第二指令對應的資源項突出顯示。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,包括:將屬于不同種類的目標項設置為不同的突出顯示形式。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,包括:
將目標項設置為帶有高亮標識,和/或將目標項的顏色設置為預設的顏色,和/或將目標項的尺寸放大至預設尺寸,和/或更改目標項的字體,和/或更改目標項的透明度。
本發(fā)明提出的方案,通過對待檢測目標項的設置,使得待檢測目標項在用戶界面中被突出顯示,在對用戶界面目標項進行檢測時增強視覺差異,突出待檢測目標項,方便快速排查,減少對其他復雜檢查工具的依賴,提高檢測效率。
附圖說明
圖1為實現本發(fā)明各個實施例的移動終端的硬件結構示意圖;
圖2為如圖1所示的移動終端的無線通信系統示意圖;
圖3是本發(fā)明第一實施例提供的用戶界面視效規(guī)范檢測裝置結構框圖;
圖4是本發(fā)明第一實施例提供的用戶界面示意圖;
圖5是本發(fā)明第三實施例提供的用戶界面視效規(guī)范檢測方法的流程圖;
圖6是本發(fā)明第四實施例提供的用戶界面視效規(guī)范檢測方法的流程圖。
本發(fā)明目的的實現、功能特點及優(yōu)點將結合實施例,參照附圖做進一步說明。
具體實施方式
應當理解,此處所描述的具體實施例僅僅用以解釋本發(fā)明,并不用于限定本發(fā)明。
現在將參考附圖描述實現本發(fā)明各個實施例的移動終端。在后續(xù)的描述中,使用用于表示元件的諸如“模塊”、“部件”或“單元”的后綴僅為了有利于本發(fā)明的說明,其本身并沒有特定的意義。因此,"模塊"與"部件"可以混合地使用。
移動終端可以以各種形式來實施。例如,本發(fā)明中描述的終端可以包括諸如移動電話、智能電話、筆記本電腦、數字廣播接收器、PDA(個人數字助理)、PAD(平板電腦)、PMP(便攜式多媒體播放器)、導航裝置等等的移動終端以及諸如數字TV、臺式計算機等等的固定終端。下面,假設終端是移動終端。然而,本領域技術人員將理解的是,除了特別用于移動目的的元件之外,根據本發(fā)明的實施方式的構造也能夠應用于固定類型的終端。
圖1為實現本發(fā)明各個實施例的移動終端的硬件結構示意。
移動終端100可以包括無線通信單元110、A/V(音頻/視頻)輸入單元120、用戶輸入單元130、輸出單元150、存儲器160、接口單元170、控制器180和電源單元190等等。圖1示出了具有各種組件的移動終端,但是應理解的是,并不要求實施所有示出的組件??梢蕴娲貙嵤└嗷蚋俚慕M件。將在下面詳細描述移動終端的元件。
無線通信單元110通常包括一個或多個組件,其允許移動終端100與無線通信系統或網絡之間的無線電通信。例如,無線通信單元可以包括廣播接收模塊111、移動通信模塊112、無線互聯網模塊113、短程通信模塊114和位置信息模塊115中的至少一個。
廣播接收模塊111經由廣播信道從外部廣播管理服務器接收廣播信號和/或廣播相關信息。廣播信道可以包括衛(wèi)星信道和/或地面信道。廣播管理服務器可以是生成并發(fā)送廣播信號和/或廣播相關信息的服務器或者接收之前生成的廣播信號和/或廣播相關信息并且將其發(fā)送給終端的服務器。廣播信號可以包括TV廣播信號、無線電廣播信號、數據廣播信號等等。而且,廣播信號可以進一步包括與TV或無線電廣播信號組合的廣播信號。廣播相關信息也可以經由移動通信網絡提供,并且在該情況下,廣播相關信息可以由移動通信模塊112來接收。廣播信號可以以各種形式存在,例如,其可以以數字多媒體廣播(DMB)的電子節(jié)目指南(EPG)、數字視頻廣播手持(DVB-H)的電子服務指南(ESG)等等的形式而存在。廣播接收模塊111可以通過使用各種類型的廣播系統接收信號廣播。特別地,廣播接收模塊111可以通過使用諸如多媒體廣播-地面(DMB-T)、數字多媒體廣播-衛(wèi)星(DMB-S)、數字視頻廣播-手持(DVB-H),前向鏈路媒體(MediaFLO@)的數據廣播系統、地面數字廣播綜合服務(ISDB-T)等等的數字廣播系統接收數字廣播。廣播接收模塊111可以被構造為適合提供廣播信號的各種廣播系統以及上述數字廣播系統。經由廣播接收模塊111接收的廣播信號和/或廣播相關信息可以存儲在存儲器160(或者其它類型的存儲介質)中。
移動通信模塊112將無線電信號發(fā)送到基站(例如,接入點、節(jié)點B等等)、外部終端以及服務器中的至少一個和/或從其接收無線電信號。這樣的無線電信號可以包括語音通話信號、視頻通話信號、或者根據文本和/或多媒體消息發(fā)送和/或接收的各種類型的數據。
無線互聯網模塊113支持移動終端的無線互聯網接入。該模塊可以內部或外部地耦接到終端。該模塊所涉及的無線互聯網接入技術可以包括WLAN(無線LAN)(Wi-Fi)、Wibro(無線寬帶)、Wimax(全球微波互聯接入)、HSDPA(高速下行鏈路分組接入)等等。
短程通信模塊114是用于支持短程通信的模塊。短程通信技術的一些示例包括藍牙TM、射頻識別(RFID)、紅外數據協會(IrDA)、超寬帶(UWB)、紫蜂TM等等。
位置信息模塊115是用于檢查或獲取移動終端的位置信息的模塊。位置信息模塊的典型示例是GPS(全球定位系統)。根據當前的技術,GPS模塊115計算來自三個或更多衛(wèi)星的距離信息和準確的時間信息并且對于計算的信息應用三角測量法,從而根據經度、緯度和高度準確地計算三維當前位置信息。當前,用于計算位置和時間信息的方法使用三顆衛(wèi)星并且通過使用另外的一顆衛(wèi)星校正計算出的位置和時間信息的誤差。此外,GPS模塊115能夠通過實時地連續(xù)計算當前位置信息來計算速度信息。
A/V輸入單元120用于接收音頻或視頻信號。A/V輸入單元120可以包括相機121和麥克風1220,相機121對在視頻捕獲模式或圖像捕獲模式中由圖像捕獲裝置獲得的靜態(tài)圖片或視頻的圖像數據進行處理。處理后的圖像幀可以顯示在顯示單元151上。經相機121處理后的圖像幀可以存儲在存儲器160(或其它存儲介質)中或者經由無線通信單元110進行發(fā)送,可以根據移動終端的構造提供兩個或更多相機1210。麥克風122可以在電話通話模式、記錄模式、語音識別模式等等運行模式中經由麥克風接收聲音(音頻數據),并且能夠將這樣的聲音處理為音頻數據。處理后的音頻(語音)數據可以在電話通話模式的情況下轉換為可經由移動通信模塊112發(fā)送到移動通信基站的格式輸出。麥克風122可以實施各種類型的噪聲消除(或抑制)算法以消除(或抑制)在接收和發(fā)送音頻信號的過程中產生的噪聲或者干擾。
用戶輸入單元130可以根據用戶輸入的命令生成鍵輸入數據以控制移動終端的各種操作。用戶輸入單元130允許用戶輸入各種類型的信息,并且可以包括鍵盤、鍋仔片、觸摸板(例如,檢測由于被接觸而導致的電阻、壓力、電容等等的變化的觸敏組件)、滾輪、搖桿等等。特別地,當觸摸板以層的形式疊加在顯示單元151上時,可以形成觸摸屏。
接口單元170用作至少一個外部裝置與移動終端100連接可以通過的接口。例如,外部裝置可以包括有線或無線頭戴式耳機端口、外部電源(或電池充電器)端口、有線或無線數據端口、存儲卡端口、用于連接具有識別模塊的裝置的端口、音頻輸入/輸出(I/O)端口、視頻I/O端口、耳機端口等等。識別模塊可以是存儲用于驗證用戶使用移動終端100的各種信息并且可以包括用戶識別模塊(UIM)、客戶識別模塊(SIM)、通用客戶識別模塊(USIM)等等。另外,具有識別模塊的裝置(下面稱為"識別裝置")可以采取智能卡的形式,因此,識別裝置可以經由端口或其它連接裝置與移動終端100連接。接口單元170可以用于接收來自外部裝置的輸入(例如,數據信息、電力等等)并且將接收到的輸入傳輸到移動終端100內的一個或多個元件或者可以用于在移動終端和外部裝置之間傳輸數據。
另外,當移動終端100與外部底座連接時,接口單元170可以用作允許通過其將電力從底座提供到移動終端100的路徑或者可以用作允許從底座輸入的各種命令信號通過其傳輸到移動終端的路徑。從底座輸入的各種命令信號或電力可以用作用于識別移動終端是否準確地安裝在底座上的信號。輸出單元150被構造為以視覺、音頻和/或觸覺方式提供輸出信號(例如,音頻信號、視頻信號、警報信號、振動信號等等)。輸出單元150可以包括顯示單元151、音頻輸出模塊152、警報單元153等等。
顯示單元151可以顯示在移動終端100中處理的信息。例如,當移動終端100處于電話通話模式時,顯示單元151可以顯示與通話或其它通信(例如,文本消息收發(fā)、多媒體文件下載等等)相關的用戶界面(UI)或圖形用戶界面(GUI)。當移動終端100處于視頻通話模式或者圖像捕獲模式時,顯示單元151可以顯示捕獲的圖像和/或接收的圖像、示出視頻或圖像以及相關功能的UI或GUI等等。
同時,當顯示單元151和觸摸板以層的形式彼此疊加以形成觸摸屏時,顯示單元151可以用作輸入裝置和輸出裝置。顯示單元151可以包括液晶顯示器(LCD)、薄膜晶體管LCD(TFT-LCD)、有機發(fā)光二極管(OLED)顯示器、柔性顯示器、三維(3D)顯示器等等中的至少一種。這些顯示器中的一些可以被構造為透明狀以允許用戶從外部觀看,這可以稱為透明顯示器,典型的透明顯示器可以例如為TOLED(透明有機發(fā)光二極管)顯示器等等。根據特定想要的實施方式,移動終端100可以包括兩個或更多顯示單元(或其它顯示裝置),例如,移動終端可以包括外部顯示單元(未示出)和內部顯示單元(未示出)。觸摸屏可用于檢測觸摸輸入壓力以及觸摸輸入位置和觸摸輸入面積。
音頻輸出模塊152可以在移動終端處于呼叫信號接收模式、通話模式、記錄模式、語音識別模式、廣播接收模式等等模式下時,將無線通信單元110接收的或者在存儲器160中存儲的音頻數據轉換音頻信號并且輸出為聲音。而且,音頻輸出模塊152可以提供與移動終端100執(zhí)行的特定功能相關的音頻輸出(例如,呼叫信號接收聲音、消息接收聲音等等)。音頻輸出模塊152可以包括揚聲器、蜂鳴器等等。
警報單元153可以提供輸出以將事件的發(fā)生通知給移動終端100。典型的事件可以包括呼叫接收、消息接收、鍵信號輸入、觸摸輸入等等。除了音頻或視頻輸出之外,警報單元153可以以不同的方式提供輸出以通知事件的發(fā)生。例如,警報單元153可以以振動的形式提供輸出,當接收到呼叫、消息或一些其它進入通信(incomingcommunication)時,警報單元153可以提供觸覺輸出(即,振動)以將其通知給用戶。通過提供這樣的觸覺輸出,即使在用戶的移動電話處于用戶的口袋中時,用戶也能夠識別出各種事件的發(fā)生。警報單元153也可以經由顯示單元151或音頻輸出模塊152提供通知事件的發(fā)生的輸出。
存儲器160可以存儲由控制器180執(zhí)行的處理和控制操作的軟件程序等等,或者可以暫時地存儲己經輸出或將要輸出的數據(例如,電話簿、消息、靜態(tài)圖像、視頻等等)。而且,存儲器160可以存儲關于當觸摸施加到觸摸屏時輸出的各種方式的振動和音頻信號的數據。
存儲器160可以包括至少一種類型的存儲介質,所述存儲介質包括閃存、硬盤、多媒體卡、卡型存儲器(例如,SD或DX存儲器等等)、隨機訪問存儲器(RAM)、靜態(tài)隨機訪問存儲器(SRAM)、只讀存儲器(ROM)、電可擦除可編程只讀存儲器(EEPROM)、可編程只讀存儲器(PROM)、磁性存儲器、磁盤、光盤等等。而且,移動終端100可以與通過網絡連接執(zhí)行存儲器160的存儲功能的網絡存儲裝置協作。
控制器180通常控制移動終端的總體操作。例如,控制器180執(zhí)行與語音通話、數據通信、視頻通話等等相關的控制和處理。另外,控制器180可以包括用于再現(或回放)多媒體數據的多媒體模塊1810,多媒體模塊1810可以構造在控制器180內,或者可以構造為與控制器180分離??刂破?80可以執(zhí)行模式識別處理,以將在觸摸屏上執(zhí)行的手寫輸入或者圖片繪制輸入識別為字符或圖像。
電源單元190在控制器180的控制下接收外部電力或內部電力并且提供操作各元件和組件所需的適當的電力。
這里描述的各種實施方式可以以使用例如計算機軟件、硬件或其任何組合的計算機可讀介質來實施。對于硬件實施,這里描述的實施方式可以通過使用特定用途集成電路(ASIC)、數字信號處理器(DSP)、數字信號處理裝置(DSPD)、可編程邏輯裝置(PLD)、現場可編程門陣列(FPGA)、處理器、控制器、微控制器、微處理器、被設計為執(zhí)行這里描述的功能的電子單元中的至少一種來實施,在一些情況下,這樣的實施方式可以在控制器180中實施。對于軟件實施,諸如過程或功能的實施方式可以與允許執(zhí)行至少一種功能或操作的單獨的軟件模塊來實施。軟件代碼可以由以任何適當的編程語言編寫的軟件應用程序(或程序)來實施,軟件代碼可以存儲在存儲器160中并且由控制器180執(zhí)行。
至此,己經按照其功能描述了移動終端。下面,為了簡要起見,將描述諸如折疊型、直板型、擺動型、滑動型移動終端等等的各種類型的移動終端中的滑動型移動終端作為示例。因此,本發(fā)明能夠應用于任何類型的移動終端,并且不限于滑動型移動終端。
如圖1中所示的移動終端100可以被構造為利用經由幀或分組發(fā)送數據的諸如有線和無線通信系統以及基于衛(wèi)星的通信系統來操作。
現在將參考圖2描述其中根據本發(fā)明的移動終端能夠操作的通信系統。
這樣的通信系統可以使用不同的空中接口和/或物理層。例如,由通信系統使用的空中接口包括例如頻分多址(FDMA)、時分多址(TDMA)、碼分多址(CDMA)和通用移動通信系統(UMTS)(特別地,長期演進(LTE))、全球移動通信系統(GSM)等等。作為非限制性示例,下面的描述涉及CDMA通信系統,但是這樣的教導同樣適用于其它類型的系統。
參考圖2,CDMA無線通信系統可以包括多個移動終端100、多個基站(BS)270、基站控制器(BSC)275和移動交換中心(MSC)280。MSC280被構造為與公共電話交換網絡(PSTN)290形成接口。MSC280還被構造為與可以經由回程線路耦接到基站270的BSC275形成接口?;爻叹€路可以根據若干己知的接口中的任一種來構造,所述接口包括例如E1/T1、ATM,IP、PPP、幀中繼、HDSL、ADSL或xDSL。將理解的是,如圖2中所示的系統可以包括多個BSC2750。
每個BS270可以服務一個或多個分區(qū)(或區(qū)域),由多向天線或指向特定方向的天線覆蓋的每個分區(qū)放射狀地遠離BS270。或者,每個分區(qū)可以由用于分集接收的兩個或更多天線覆蓋。每個BS270可以被構造為支持多個頻率分配,并且每個頻率分配具有特定頻譜(例如,1.25MHz,5MHz等等)。
分區(qū)與頻率分配的交叉可以被稱為CDMA信道。BS270也可以被稱為基站收發(fā)器子系統(BTS)或者其它等效術語。在這樣的情況下,術語"基站"可以用于籠統地表示單個BSC275和至少一個BS270。基站也可以被稱為"蜂窩站"?;蛘撸囟˙S270的各分區(qū)可以被稱為多個蜂窩站。
如圖2中所示,廣播發(fā)射器(BT)295將廣播信號發(fā)送給在系統內操作的移動終端100。如圖1中所示的廣播接收模塊111被設置在移動終端100處以接收由BT295發(fā)送的廣播信號。在圖2中,示出了幾個全球定位系統(GPS)衛(wèi)星300。衛(wèi)星300幫助定位多個移動終端100中的至少一個。
在圖2中,描繪了多個衛(wèi)星300,但是理解的是,可以利用任何數目的衛(wèi)星獲得有用的定位信息。如圖1中所示的GPS模塊115通常被構造為與衛(wèi)星300配合以獲得想要的定位信息。替代GPS跟蹤技術或者在GPS跟蹤技術之外,可以使用可以跟蹤移動終端的位置的其它技術。另外,至少一個GPS衛(wèi)星300可以選擇性地或者額外地處理衛(wèi)星DMB傳輸。
作為無線通信系統的一個典型操作,BS270接收來自各種移動終端100的反向鏈路信號。移動終端100通常參與通話、消息收發(fā)和其它類型的通信。特定基站270接收的每個反向鏈路信號被在特定BS270內進行處理。獲得的數據被轉發(fā)給相關的BSC275。BSC提供通話資源分配和包括BS270之間的軟切換過程的協調的移動管理功能。BSC275還將接收到的數據路由到MSC280,其提供用于與PSTN290形成接口的額外的路由服務。類似地,PSTN290與MSC280形成接口,MSC與BSC275形成接口,并且BSC275相應地控制BS270以將正向鏈路信號發(fā)送到移動終端100。
基于上述移動終端硬件結構以及通信系統,提出本發(fā)明方法各個實施例。
第一實施例
本實施例提供了一種用戶界面視效規(guī)范檢測裝置,圖3是該裝置的結構框圖,如圖3所示,該裝置30包括以下組成部分:
設置模塊31,用于將待檢測的至少一類用戶界面目標項設置為突出顯示;
在本實施例中,用戶界面目標項具體可以是用戶界面中呈現的可視各元素,例如,標題欄、開關、編輯框等控件,同類窗口、區(qū)域的背景、同一應用的圖標標識等,以及文字、背景線條的顏色等,同類區(qū)域的寬、高、文字字號,字體以及透明度,對這些元素進行突出顯示則具體可以包括:將目標公共控件的整體或部分元素的背景資源替換/重定向為帶有高亮標志(如具有高識別度的顏色、文字、圖案標記)的背景。基于此,后續(xù)檢測時,相關元素未帶有上述高亮標志的控件為不規(guī)范實現,即可以檢測出各用戶界面是否使用指定的公共控件,用戶界面使用指定的公共控件夠保證各常用模塊的功能以及視效的一致性,方便后續(xù)統一升級維護;將待檢查的公共圖片資源替換/重定向為帶高亮標志(如高識別度的顏色、文字、圖案標志)的圖片,在后續(xù)檢測時不帶高亮標志的圖片/圖標元素區(qū)域即為不規(guī)范實現,這樣可以檢測出用戶界面是否使用指定的公共圖片資源,用戶界面使用指定的公共圖片資源,能夠保持相關窗口區(qū)域的一致性,復用相同資源,減少冗余圖片;將目標公共顏色資源設置/重定向為帶高識別度的顏色,后續(xù)檢測時未變?yōu)楦咦R別度的顏色元素區(qū)域即為不規(guī)范實現,這樣可以檢測出用戶界面是否使用指定的公共顏色資源,用戶界面使用指定的公共顏色資源可以保持相關元素顏色的一致性,方便后期統一修改,精簡顏色列表;將目標公共尺寸設置/重定向為與規(guī)范尺寸相差甚大的夸張尺寸值,后續(xù)檢測時未變?yōu)榭鋸埑叽绲脑貐^(qū)域即為不規(guī)范實現,這樣可以檢測出用戶界面是否使用指定的公共尺寸資源,用戶界面使用公共的尺寸資源可以保證相關元素的尺寸、位置的一致性,方便后期同一修改,精簡尺寸列表;將目標字體設置/重定向為與規(guī)范視效迥異的字體,后續(xù)檢測時字體未發(fā)生改變的字體區(qū)域即為不規(guī)范實現,這樣可以檢測出用戶界面是否使用指定的公共字體資源,用戶界面使用公共的字體資源可以保持界面字體風格特征的一致性,方便后期統一調整修改,精簡文字庫,壓縮字庫占用的空間;將目標透明度設置/重定向為與規(guī)范值迥異的透明度,后續(xù)檢測時元素合成、表現效果不變的即為不規(guī)范實現,這樣可以檢測用戶界面是否使用指定的公共透明度值資源,用戶界面使用指定的公共透明度值資源可以保持各界面元素合成、表現效果的一致性,方便后期統一調整修改;將公開屬性集合內的部分或全部資源值設置/重定向為與規(guī)范迥異的資源值,該集合內包括上述的高亮標志、夸張尺寸、風格迥異的字體等,在后續(xù)檢測時視效不變的即為不規(guī)范實現,這樣可以檢測出用戶界面是否使用指定的公開屬性集合,用戶界面使用公開的屬性集合能夠保持應用界面視效的一致性,方便后期調整維護。
以下結合附圖4對本實施例提供的用戶界面視效規(guī)范檢測裝置的使用進行說明:
如圖4所示,其中50為終端上顯示的當前的用戶界面,其中,51以及52均屬于同一類標題欄,則在設置模塊31已經設置了標題欄為目標項,且突出顯示該目標項,在呈現模塊已經突出呈現了該目標項的情況下,如果51或52中有一項并未突出顯示,則未突出顯示的標題欄為不符合視效規(guī)范的標題欄,其中,53以及54表示控件,對其是否符合視效規(guī)范的判斷方法同標題欄,此處不再贅述。具體的,在本實施例中,將目標項設置為突出顯示的設置操作具體可以是在用戶界面系統中進行設置的,也可以是基于用戶界面編譯工具中對編譯資源進行的。
具體的,在需要將不止一類用戶界面目標項設置為突出顯示的情況,為了便于用戶區(qū)分不同種類的用戶界面目標項,在本實施例中,可以設置不同種類的目標項以不同的形式突出顯示,例如,可以是帶有高亮標識的突出顯示方式,也可以是變換背景顏色以起到突出顯示目標項的目的。
呈現模塊32,用于根據所述設置在所述用戶界面中呈現所述目標項;
在本實施例中,呈現模塊32將通過設置模塊設置了突出顯示的各目標項進行突出顯示,需要說明的是,如果設置了不止一個種類的目標項需要進行突出顯示,例如,同時設置了窗口以及控件兩種目標項要進行突出顯示,則設置時,這兩種目標項的突出顯示方式則不同,顯示時,這兩類目標項呈現的效果也不同。
具體可以使用預先設置了突出顯示目標項的用戶界面編譯資源生成用戶界面,在生成的所述用戶界面中突出顯示所述目標項,或通過接收用戶的操作指令,根據指令中所指定的資源項,對用戶指定的資源項進行資源替換/重定向,使用戶指定的資源項突出顯示。
確定模塊33,用于將屬于所述至少一類目標項且未突出顯示的目標項確定為不符合視效規(guī)范的目標項。
該確定模塊根據用戶界面中所呈現的各目標項是否處于突出顯示狀態(tài)來確定其是否符合視效規(guī)范,具體的,在本實施例中,突出顯示即意味著與視效規(guī)范中的標準顯示狀態(tài)不同,本實施中是通過暫時改變視效規(guī)范中各元素的顯示狀態(tài)來突出檢測的目標項,從而使得未按照視效標準設計的目標項能夠明顯被識別出來,從而達到檢測用戶界面中各元素是否符合視效規(guī)范的目的。
第二實施例
本實施例在上述第一實施例的基礎上,提供了另一種用戶界面視效規(guī)范檢測裝置,該裝置在具有上述裝置30所具有的所有組成部分之外,還具有如下組成部分:
設置模塊31具體可以用于:將至少一類用戶界面編譯資源項設置為突出顯示;該用戶界面編譯資源項,例如,可以是移動終端主體編譯工具包用于編譯主題的編譯資源項,基于此,呈現模塊32具體可以用于:使用用戶界面編譯資源生成用戶界面,在生成的用戶界面中突出顯示目標項,具體的,可以使用用戶界面編譯資源生成主題包,通過在系統中應用該主題包,從而在終端的各應用的用戶界面中突出顯示目標項。
進一步的,本實施例中的裝置30還可以包括:解析模塊,用于在將待檢測的至少一類用戶界面目標項設置為突出顯示之前,對用戶界面進行解析,得到各用戶界面元素所引用的資源項,此處,可以是對待檢測的各個用戶界面進行解析;接收模塊,用于接收用戶發(fā)出的指令,該指令中指定了被引用的資源項;基于此,設置模塊31具體用于:將用戶指定的資源項設置為突出顯示;呈現模塊33具體用于:對用戶指定的資源項進行資源替換/重定向,使用戶指定的資源項在用戶界面中被突出顯示。
其中,上述設置模塊31具體用于:將屬于不同種類的目標項設置為不同的突出顯示形式,在本實施例中,不同種類的用戶界面目標項具體可以是用戶界面中呈現的可視各元素,例如,標題欄、開關、編輯框等控件,同類窗口、區(qū)域的背景、同一應用的圖標標識等,以及文字、背景線條的顏色等,同類區(qū)域的寬、高、文字字號,字體以及透明度?;诖耍瑢儆诓煌N類的目標項設置為不同的突出顯示形式具體可以包括,使用顏色或提示標識等不同顯示方式來突出呈現不同種類的目標項,以區(qū)別不同種類的目標項。具體的,在本實施例中,將待檢測的至少一類用戶界面目標項設置為突出顯示,具體可以包括以下至少一種方式:
將目標項設置為帶有高亮標識,將目標項的顏色設置為預設的顏色,將目標項的尺寸放大至預設尺寸,更改目標項的字體以及更改目標項的透明度。
以下通過舉例的方式來說明如何使用不同的突出顯示方式來在用戶界面中呈現目標項:
將目標公共控件的整體或部分元素的背景資源替換/重定向為帶有高亮標志(如具有高識別度的顏色、文字、圖案標記)的背景。基于此,后續(xù)檢測時,相關元素未帶有上述高亮標志的控件為不規(guī)范實現;將待檢查的公共圖片資源替換/重定向為帶高亮標志(如高識別度的顏色、文字、圖案標志)的圖片。在后續(xù)檢測時不帶高亮標志的圖片/圖標元素區(qū)域即為不規(guī)范實現;將目標公共顏色資源設置/重定向為帶高識別度的顏色,后續(xù)檢測時未變?yōu)楦咦R別度的顏色元素區(qū)域即為不規(guī)范實現;將目標公共尺寸設置/重定向為與規(guī)范尺寸相差甚大的夸張尺寸值,后續(xù)檢測時未變?yōu)榭鋸埑叽绲脑貐^(qū)域即為不規(guī)范實現;將目標字體設置/重定向為與規(guī)范視效迥異的字體,后續(xù)檢測時字體未發(fā)生改變的字體區(qū)域即為不規(guī)范實現;將目標透明度設置/重定向為與規(guī)范值迥異的透明度,后續(xù)檢測時元素合成、表現效果不變的即為不規(guī)范實現;將公開屬性集合內的部分或全部資源值設置/重定向為與規(guī)范迥異的資源值,該集合內包括上述的高亮標志、夸張尺寸、風格迥異的字體等,在后續(xù)檢測時視效不變的即為不規(guī)范實現。
第三實施例
本實施例提供了一種用戶界面視效規(guī)范檢測方法,圖5是該方法的流程圖,該方法用于實現上述第一實施例以及第二實施例中提供的用戶界面視效規(guī)范檢測裝置,如圖5所示,該方法具體可以包括如下處理:
步驟401:根據接收到的第一指令,將待檢測的至少一類用戶界面目標項設置為突出顯示;
在該步驟中,接收到的該第一指令具體可以是由用戶發(fā)出的,該指令中可以包括用戶指定的待檢測目標項。
在本實施例中,用戶界面目標項設置是用戶界面中呈現的各可視元素,包括但不限于:標題欄、開關、編輯框等控件,同類窗口、區(qū)域的背景、同一應用的圖標標識等,以及文字、背景線條的顏色等,同類區(qū)域的寬、高、文字字號,字體以及透明度。
步驟402:根據所述設置在所述用戶界面中呈現所述目標項;
在本實施例中,在用戶界面中呈現目標項具體可以更改用戶界面資源編譯包中的編譯資源項,生成用戶界面后,用戶界面中呈現的目標項即為設置后的突出顯示的狀態(tài),也可以是,在系統中直接更改目標項的屬性設置,使得目標項在用戶界面中突出顯示。
步驟403:將屬于上述至少一類目標項且未突出顯示的目標項確定為不符合視效規(guī)范的目標項。
在本實施例中,對待檢測目標項進行突出顯示主要是為了檢測用戶界面中各目標項的以下指標:
用戶界面是否使用指定的公共控件,用戶界面是否使用指定的公共圖片資源,用戶界面是否使用指定的公共顏色資源,用戶界面是否使用指定的公共尺寸資源,用戶界面是否使用指定的公共字體資源,用戶界面是否使用指定的公共透明度值資源,用戶界面是否使用指定的公開屬性集合。
由于在上述步驟401中,用戶已經指定了待檢測的目標項,故,在突出呈現目標項后,如果該目標項在最初被設計時,都是按照與同樣的視效標準進行設計的,那么屬于該類的目標項均以被設置同樣的突出顯示方式進行顯示,故,如果屬于該類的某一項或某幾項目標項并以被設置的同樣的突出顯示方式進行顯示,則可以確定未突出顯示的某一項或某幾項目標項在最初設計時未遵循視效標準,該目標項需要被記錄,以便后續(xù)對其進行修改,以使同一類目標項能夠按照同一的視覺風格呈現給用戶,且方便后續(xù)的調整以及維護。其中,將待檢測的至少一類用戶界面目標項設置為突出顯示具體可以包括:將至少一類用戶界面編譯資源項設置為突出顯示;基于此,根據所述設置在所述用戶界面中呈現所述目標項具體可以包括:使用用戶界面編譯資源生成用戶界面,在生成的用戶界面中突出顯示目標項。
本實施例提供的方法還可以包括:在將待檢測的至少一類用戶界面目標項設置為突出顯示之前,對所述用戶界面進行解析,得到各用戶界面元素所引用的資源項;接收用戶指定的被引用的資源項;基于此,將待檢測的至少一類用戶界面目標項的屬性設置為突出顯示,包括:將用戶指定的資源項設置為突出顯示;基于此,根據所述設置在所述用戶界面中呈現所述目標項,包括:對用戶指定的資源項進行資源替換/重定向,使用戶指定的資源項得以突出顯示。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,包括:將屬于不同種類的目標項設置為不同的突出顯示形式。
其中,將待檢測的至少一類用戶界面目標項設置為突出顯示,其設置方式包括以下至少一種方式或幾種方式的組合:將目標項設置為帶有高亮標識,將目標項的顏色設置為預設的顏色(可以是色彩飽和度較高的顏色),將目標項的尺寸放大至預設尺寸,更改所述目標項的字體(此處指更改視效標準中的默認字體)以及更改所述目標項的透明度(此處指更改視效標注中的默認透明度)。
本實施例提供的用戶界面視效規(guī)范檢測方法無需依賴復雜的信息提取工具,簡單易用;同時還可以按需定制主題包/動態(tài)選擇檢查目標,可針對不同的檢查項,實現靈活組合復用;同時,該方法還具有高視覺識別度、高對比度、使用簡單的特點,方便檢查人員快速排查,減少對其他復雜檢查工具的依賴,提高檢查效率。
第四實施例
本實施例基于主題資源中的圖標、背景圖片、顏色、尺寸、字號、透明度等資源,通過動態(tài)重定向資源值。在對用戶界面目標項進行檢測時增強視覺差異,突出目標項,方便快速排查,減少對其他復雜檢查工具的依賴,提高檢測效率。(需要說明的是,本實施例中以主題包為例進行說明,但本發(fā)明中并不僅限于主題包編譯工具,還可以是網頁等其他編譯工具)。
本實施例主要通過兩種方式來實現對用戶界面是否符合指定的視效規(guī)范進行檢測,該兩種方式分別由如圖6所示的兩個流程來實現,首先來介紹一下通過動態(tài)檢測的方式對用戶界面是否符合指定的視效規(guī)范進行檢測的流程(圖6中所示的左側的流程,即圖中標識有標號1的流程):
預先根據標準視效規(guī)范制作一個基準選擇demo,該demo是一個應用程序,使用了標準視效規(guī)范中所指定的公共模塊資源。具備對用戶界面中各檢測目標項進行資源解析的功能,即能將選定的用戶界面可視目標對象所引用的基本資源項解析出來,包括可視對象所屬的類、尺寸引用、顏色引用、圖片引用、文字字體、透明度引用以及屬性集引用等。
使用該基準選擇應用選定用戶界面中的特定的區(qū)域,如公共控件標題欄?;鶞蔬x擇應用將標題欄的類名、尺寸引用、顏色引用、圖片引用、文字字體、透明度引用、屬性集引用等解析出來并呈現給用戶,供用戶查看,用戶選擇其中一項或多項作為檢查目標。確定檢查目標后進一步設置目標高亮值,由系統(即,用戶界面所運行的操作系統)對待檢測目標項進行資源替換/重定向,刷新系統視效。此時即可切換到其他應用,觀察各個應用的標題欄視效,將標題欄中未切換為高亮視效的應用標記為不規(guī)范實現,交由開發(fā)人員確認修改,即實現了用戶界面視效規(guī)范的檢測。
以下在對本實施例提供采用靜態(tài)檢測的方式來檢測用戶界面是否符合視效規(guī)范的流程(如圖6中右側所示的流程,即圖中標識有標號2的流程)進行說明:
在主題包編譯工具中,選擇檢測目標項,如公共主題色、應用默認背景、標題欄、開關、編輯框等控件,同類窗口、區(qū)域的背景、同一應用的圖標標識等,以及文字、背景線條的顏色等,同類區(qū)域的寬、高、文字字號,字體以及透明度等。將主題包中對應的編譯資源項修改為可識別度高的標志值,例如,可以包括以修改方式:
將目標公共控件的整體或部分元素的背景資源替換/重定向為帶有高亮標志(如具有高識別度的顏色、文字、圖案標記)的背景。將待檢查的公共圖片資源替換/重定向為帶高亮標志(如高識別度的顏色、文字、圖案標志)的圖片。將目標公共顏色資源設置/重定向為帶高識別度的顏色;將目標公共尺寸設置/重定向為與規(guī)范尺寸相差甚大的夸張尺寸值,將目標字體設置/重定向為與規(guī)范視效迥異的字體;將目標透明度設置/重定向為與規(guī)范值迥異的透明度;將公開屬性集合內的部分或全部資源值設置/重定向為與規(guī)范迥異的資源值,該集合內包括上述的高亮標志、夸張尺寸、風格迥異的字體等。
基于修改后的編譯資源項,生成主題包,將生成的主題包導入系統并應用,此時各編譯項對應可視對象即可突出顯示,觀察各個應用的視效,未切換為高亮視效的應用,為不規(guī)范實現,交由開發(fā)人員確認修改。
需要說明的是,在本文中,術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者裝置所固有的要素。在沒有更多限制的情況下,由語句“包括一個……”限定的要素,并不排除在包括該要素的過程、方法、物品或者裝置中還存在另外的相同要素。
上述本發(fā)明實施例序號僅僅為了描述,不代表實施例的優(yōu)劣。
通過以上的實施方式的描述,本領域的技術人員可以清楚地了解到上述實施例方法可借助軟件加必需的通用硬件平臺的方式來實現,當然也可以通過硬件,但很多情況下前者是更佳的實施方式?;谶@樣的理解,本發(fā)明的技術方案本質上或者說對現有技術做出貢獻的部分可以以軟件產品的形式體現出來,該計算機軟件產品存儲在一個存儲介質(如ROM/RAM、磁碟、光盤)中,包括若干指令用以使得一臺終端設備(可以是手機,計算機,服務器,空調器,或者網絡設備等)執(zhí)行本發(fā)明各個實施例所述的方法。
以上僅為本發(fā)明的優(yōu)選實施例,并非因此限制本發(fā)明的專利范圍,凡是利用本發(fā)明說明書及附圖內容所作的等效結構或等效流程變換,或直接或間接運用在其他相關的技術領域,均同理包括在本發(fā)明的專利保護范圍內。