專利名稱：一種應(yīng)用程序界面的處理方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明屬于計算機(jī)技術(shù)領(lǐng)域，尤其涉及一種應(yīng)用程序界面的處理方法及系統(tǒng)。
背景技術(shù)：
隨著計算機(jī)應(yīng)用程序的不斷發(fā)展和改進(jìn)，用戶不僅對計算機(jī)應(yīng)用程序自身代碼的效率提出了要求，同時用戶對應(yīng)用程序界面的美觀性、易用性也提出了越來越高的要求，用戶期待在最短的時間內(nèi)看到最新、最酷的應(yīng)用程序界面。這就要求界面開發(fā)人員能夠快速的開發(fā)出美觀、易用的應(yīng)用程序界面，這給界面開發(fā)人員提出了較大的挑戰(zhàn)。
目前，在進(jìn)行界面開發(fā)時一般采用普通界面處理模式。假設(shè)存在如圖1所示的應(yīng)用程序界面，則在普通界面處理模式下，對界面中的某事件的處理過程如圖2所示。在界面開發(fā)過程中，當(dāng)某個事件到達(dá)時，根據(jù)事件的類型以及界面組織結(jié)構(gòu)通過一定的查找算法，如深度優(yōu)先算法、廣度優(yōu)先算法等，搜索與上述事件對應(yīng)的界面元素，在搜索界面元素過程中將跳過隱藏的以及禁用的(disable)界面元素。搜索到相應(yīng)的界面元素后，由該界面元素直接響應(yīng)該事件，同時調(diào)用該界面元素的作圖方法繪制該界面元素，在繪制該界面元素過程中將跳過隱藏的以及disable界面元素。
上述采用普通界面處理模式進(jìn)行應(yīng)用程序界面開發(fā)過程中，當(dāng)對程序進(jìn)行調(diào)試時，無法得到界面中各界面元素的詳細(xì)信息，比如在查找界面元素以及繪制該界面元素的過程中，跳過了隱藏的以及disable界面元素，從而無法快速的定位問題所在。當(dāng)發(fā)現(xiàn)問題時，需要中斷程序的運(yùn)行，通過重新修改程序的代碼來調(diào)試程序，帶來了許多額外的工作，開發(fā)效率不高。

發(fā)明內(nèi)容
本發(fā)明實(shí)施例的目的在于提供一種應(yīng)用程序界面的處理方法，旨在解決現(xiàn)有技術(shù)中在進(jìn)行界面開發(fā)過程中，在對程序進(jìn)行調(diào)試并發(fā)現(xiàn)問題時，需要中斷程序的運(yùn)行，通過重新修改程序的代碼來調(diào)試程序，從而降低了開發(fā)效率的問題。
本發(fā)明實(shí)施例是這樣實(shí)現(xiàn)的，一種應(yīng)用程序界面的處理方法，所述方法包括下述步驟接收事件以及當(dāng)前選定的模式；根據(jù)事件類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素；根據(jù)所述界面元素以及當(dāng)前選定的模式處理所述事件并繪制所述界面元素。
本發(fā)明實(shí)施例的另一目的在于提供一種應(yīng)用程序界面的處理系統(tǒng)，所述系統(tǒng)包括事件接收模塊，用于接收到達(dá)的事件；界面元素查找模塊，用于根據(jù)事件類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素；事件處理模塊，用于根據(jù)所述界面元素以及當(dāng)前選定的模式處理所述事件；以及模式切換控制模塊，用于接收當(dāng)前選定的模式信息，并控制多種模式之間的切換并控制所述界面元素查找模塊以及事件處理模塊的操作。
在本發(fā)明實(shí)施例中，提供了多種界面處理模式，使界面開發(fā)人員在進(jìn)行界面開發(fā)過程中，通過在各種界面處理模式之間進(jìn)行切換，及時了解界面各個元素的詳細(xì)信息協(xié)助程序調(diào)試，快速定位問題所在；同時問題定位后，不需要中斷程序的運(yùn)行，可以直接進(jìn)行可視化編輯，從而提高界面開發(fā)的效率，縮短界面開發(fā)周期，進(jìn)而節(jié)約開發(fā)成本。


圖1是現(xiàn)有技術(shù)提供的應(yīng)用程序界面組織結(jié)構(gòu)圖；圖2是現(xiàn)有技術(shù)提供的應(yīng)用程序界面的處理方法的實(shí)現(xiàn)流程圖；圖3是本發(fā)明實(shí)施例提供的應(yīng)用程序界面的處理方法的實(shí)現(xiàn)流程圖；圖4是本發(fā)明實(shí)施例提供的應(yīng)用程序界面的處理系統(tǒng)的結(jié)構(gòu)圖。
具體實(shí)施例方式
為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
在本發(fā)明實(shí)施例中，提供了多種界面處理模式，使界面開發(fā)人員在進(jìn)行界面開發(fā)過程中，可以在多種界面處理模式之間進(jìn)行切換，及時了解界面各個元素的詳細(xì)信息協(xié)助程序調(diào)試，并進(jìn)行可視化編輯，從而提高界面開發(fā)的效率，縮短界面開發(fā)周期，進(jìn)而節(jié)約了開發(fā)成本。
圖3示出了本發(fā)明實(shí)施例提供的應(yīng)用程序界面的處理方法的實(shí)現(xiàn)流程，詳述如下在步驟S101中，接收事件并接收開發(fā)人員當(dāng)前選定的模式。作為本發(fā)明的實(shí)施例，當(dāng)前選定的模式包括普通模式和編輯器模式。作為本發(fā)明的另一個實(shí)施例，當(dāng)前選定的模式包括普通模式和調(diào)試模式。作為本發(fā)明的最佳實(shí)施例，當(dāng)前選定的模式包括普通模式、編輯器模式和調(diào)試模式。同時根據(jù)開發(fā)需要還可以定義其它多種模式，在本發(fā)明實(shí)施例中將其它模式統(tǒng)稱為X模式。
在步驟S102中，根據(jù)事件的類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素。
如果當(dāng)前選定的模式為普通模式，則根據(jù)事件的類型、界面組織結(jié)構(gòu)采用一定的查找算法，如深度優(yōu)先算法、廣度優(yōu)先算法等，跳過界面組織結(jié)構(gòu)中隱藏的以及disable界面元素，查找與事件對應(yīng)的界面元素；如果當(dāng)前選定的模式為編輯器模式或者調(diào)試模式，則根據(jù)事件的類型、界面組織結(jié)構(gòu)采用一定的查找算法，如深度優(yōu)先算法、廣度優(yōu)先算法等，遍歷界面中包括隱藏的以及disable界面元素在內(nèi)的所有界面元素，查找與事件對應(yīng)的界面元素。例如當(dāng)事件為鼠標(biāo)點(diǎn)擊按鈕，經(jīng)此步驟后，將查找到按鈕界面元素。
在步驟S103中，根據(jù)查找的界面元素以及當(dāng)前選定的模式處理事件。
如果當(dāng)前選定的模式為普通模式，則將事件傳輸至界面元素，由界面元素直接進(jìn)行處理。例如上述查找到按鈕界面元素后，調(diào)用現(xiàn)有技術(shù)中的按鈕的作圖方法繪制按鈕后，由按鈕響應(yīng)鼠標(biāo)點(diǎn)擊事件。同時，在繪制按鈕過程中將跳過隱藏的以及disable界面元素。
如果當(dāng)前選定的模式為編輯器模式，則查找到按鈕界面元素后，調(diào)用現(xiàn)有技術(shù)中的按鈕的作圖方法繪制按鈕，同時在繪制的按鈕周圍繪制一由多個控制點(diǎn)組成的方框，其中隱藏的以及disable界面元素分別用不同的顏色繪制，用于表示按鈕界面元素的大小以及位置等信息，應(yīng)用程序開發(fā)人員通過調(diào)整方框的控制點(diǎn)實(shí)時的對按鈕界面元素進(jìn)行可視化編輯。在編輯器模式下，由于界面程序在編輯器中運(yùn)行時，只需要了解界面的布局，不需要了解鼠標(biāo)點(diǎn)擊后的邏輯處理，因此繪制出的按鈕并不響應(yīng)上述鼠標(biāo)點(diǎn)擊事件并忽略該鼠標(biāo)點(diǎn)擊事件。
如果當(dāng)前選定的模式是調(diào)試模式，則查找到按鈕界面元素后，調(diào)用現(xiàn)有技術(shù)中的按鈕的作圖方法繪制按鈕，并將按鈕的詳細(xì)信息通過模式內(nèi)部保存的接口輸出到調(diào)試器中，以使開發(fā)人員及時的了解界面元素的詳細(xì)信息，快速定位問題所在。同時在繪制的按鈕周圍繪制一方框，其中隱藏的以及disable界面元素分別用不同的顏色繪制，以使開發(fā)人員更清楚的了解界面元素的位置和大小，在調(diào)試模式下，開發(fā)人員可以直觀的了解界面布局，但不可以進(jìn)行編輯。同時在調(diào)試模式下，當(dāng)繪制出按鈕界面元素后，由按鈕界面元素響應(yīng)鼠標(biāo)點(diǎn)擊事件。
可以理解，在本發(fā)明實(shí)施例中，可以根據(jù)應(yīng)用程序界面開發(fā)的需要提供其它界面開發(fā)模式，以使界面開發(fā)人員能夠更方便、快捷的開發(fā)出美觀、易用的應(yīng)用程序界面。
界面開發(fā)人員在進(jìn)行界面開發(fā)過程中，可采用調(diào)試模式對界面程序進(jìn)行調(diào)試，及時的了解界面中每個元素的位置、大小等信息是否正確；可采用編輯器模式對界面元素進(jìn)行可視化編輯，從而使界面開發(fā)人員在開發(fā)過程，不需要中斷程序的運(yùn)行，通過切換模式即可了解界面各個元素的信息，快速定位問題所在；由于在普通模式下，可在界面開發(fā)完畢后確認(rèn)程序是否還存在問題，以及用于界面最后的發(fā)布。
圖4示出了本發(fā)明實(shí)施例提供的應(yīng)用程序界面的處理系統(tǒng)的結(jié)構(gòu)，為了便于說明，僅示出了與本發(fā)明實(shí)施例相關(guān)的部分。
事件接收模塊41接收到達(dá)的事件后，模式切換控制模塊42將當(dāng)前界面處理模式切換到開發(fā)人員當(dāng)前選定的模式。作為本發(fā)明的實(shí)施例，開發(fā)人員當(dāng)前選定的模式包括普通模式和編輯器模式。作為本發(fā)明的另一個實(shí)施例，開發(fā)人員當(dāng)前選定的模式包括普通模式和調(diào)試模式。作為本發(fā)明的最佳實(shí)施例，開發(fā)人員當(dāng)前選定的模式包括普通模式、編輯器模式和調(diào)試模式。同時根據(jù)開發(fā)需要還可以定義其它多種模式，在本發(fā)明實(shí)施例中將其它模式統(tǒng)稱為X模式。同時模式切換控制模塊42控制界面元素查找模塊43按照當(dāng)前模式下的查找方法查找界面元素。例如當(dāng)開發(fā)人員選定的模式為普通模式時，界面元素查找模塊43根據(jù)事件的類型、界面組織采用一定的查找算法，如深度優(yōu)先算法、廣度優(yōu)先算法等，跳過界面組織結(jié)構(gòu)中隱藏的以及disable界面元素，查找與事件對應(yīng)的界面元素；當(dāng)開發(fā)人員選定的模式為編輯器模式或者調(diào)試模式，界面元素查找模塊43根據(jù)事件的類型、界面組織采用一定的查找算法，如深度優(yōu)先算法、廣度優(yōu)先算法等，遍歷界面中包括隱藏的以及disable界面元素在內(nèi)的所有界面元素，查找與事件對應(yīng)的界面元素。
查找到界面元素后，模式切換控制模塊42控制事件處理模塊44按照當(dāng)前模式下的事件處理方法對事件進(jìn)行處理。同時在調(diào)試模式下，將查找到的界面元素的位置、大小等詳細(xì)信息通過模式內(nèi)部保存的接口傳輸至調(diào)試器45，以使界面開發(fā)人員能夠及時的了解界面元素的詳細(xì)信息，快速定位問題所在。其中在普通模式、編輯器模式以及調(diào)試模式下對事件的處理方法如上所述，在此不再贅述。
其中模式切換控制模塊42包括模式切換指令接收模塊421、模式切換指令執(zhí)行模塊422、模式輸出模塊423。模式切換指令接收模塊421接收開發(fā)人員的模式切換指令，其通過提供多個模式調(diào)用接口供外部函數(shù)調(diào)用，即可接收開發(fā)人員的模式切換指令。接收到模式切換指令后，模式切換指令執(zhí)行模塊422執(zhí)行該模式切換指令，將當(dāng)前的模式切換到開發(fā)人員選定的模式，并通過模式輸出模塊423輸出對應(yīng)模式下對界面元素查找模塊43以及事件處理模塊44的操作控制指令。界面元素查找模塊43以及事件處理模塊44在該操作控制指令的控制下執(zhí)行相應(yīng)的操作。綜上所述，在本發(fā)明實(shí)施例中，在進(jìn)行應(yīng)用程序界面開發(fā)時，提供了多種界面處理模式，如編輯器模式下，開發(fā)人員可以實(shí)時的進(jìn)行可視化編輯；調(diào)試模式下，開發(fā)人員可以及時的了解界面各元素的詳細(xì)信息，從而可以快速的定位問題所在，使開發(fā)人員在進(jìn)行界面開發(fā)過程中，通過在多種界面開發(fā)模式之間進(jìn)行切換，及時了解界面各個元素的詳細(xì)信息協(xié)助程序調(diào)試，并實(shí)時的進(jìn)行可視化編輯，從而提高界面開發(fā)的效率，縮短界面開發(fā)周期，進(jìn)而節(jié)約了開發(fā)成本。
以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種應(yīng)用程序界面的處理方法，其特征在于，所述方法包括下述步驟接收事件以及當(dāng)前選定的模式信息；根據(jù)事件類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素；根據(jù)所述界面元素以及當(dāng)前選定的模式處理所述事件并繪制所述界面元素。
2.如權(quán)利要求1所述的應(yīng)用程序界面的處理方法，其特征在于，所述當(dāng)前選定的模式包括普通模式和編輯器模式；所述當(dāng)前選定的模式為普通模式時，在查找界面元素時跳過隱藏的以及禁用的界面元素；由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為編輯器模式時，在查找界面元素時遍歷界面中所有界面元素，并終止事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以編輯所述界面元素的由控制點(diǎn)組成的方框。
3.如權(quán)利要求1所述的應(yīng)用程序界面的處理方法，其特征在于，所述當(dāng)前選定的模式包括普通模式和調(diào)試模式；所述當(dāng)前選定的模式為普通模式時，在查找界面元素時跳過隱藏的以及禁用的界面元素；由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為調(diào)試模式時，在查找界面元素時遍歷界面中所有界面元素并將所述界面元素的詳細(xì)信息傳輸至調(diào)試器，由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以標(biāo)識所述界面元素大小及位置的方框。
4.如權(quán)利要求1所述的應(yīng)用程序界面的處理方法，其特征在于，所述當(dāng)前選定的模式包括普通模式、編輯器模式和調(diào)試模式；所述當(dāng)前選定的模式為普通模式時，在查找界面元素時跳過隱藏的以及禁用的界面元素；由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為編輯器模式時，在查找界面元素時遍歷界面中所有界面元素，并終止事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以編輯所述界面元素的由控制點(diǎn)組成的方框；所述當(dāng)前選定的模式為調(diào)試模式時，在查找界面元素時遍歷界面中所有界面元素并將所述界面元素的詳細(xì)信息傳輸至調(diào)試器，由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以標(biāo)識所述界面元素大小及位置的方框。
5.一種應(yīng)用程序界面的處理系統(tǒng)，其特征在于，所述系統(tǒng)包括事件接收模塊，用于接收到達(dá)的事件；界面元素查找模塊，用于根據(jù)事件類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素；事件處理模塊，用于根據(jù)所述界面元素以及當(dāng)前選定模式處理所述事件；以及模式切換控制模塊，用于接收當(dāng)前選定的模式信息，并控制多種模式之間的切換以及所述界面元素查找模塊和事件處理模塊的操作。
6.如權(quán)利要求5所述的應(yīng)用程序界面的處理系統(tǒng)，其特征在于，所述模式切換控制模塊包括模式切換指令接收模塊421，用于接收模式切換指令；模式切換指令執(zhí)行模塊422，用于執(zhí)行所述模式切換指令，將當(dāng)前的模式切換到當(dāng)前選定的模式；模式輸出模塊423，用于輸出所述當(dāng)前選定的模式下對所述界面元素查找模塊43以及所述事件處理模塊44的操作控制指令。
7.如權(quán)利要求5或6所述的應(yīng)用程序界面的處理系統(tǒng)，其特征在于，所述當(dāng)前選定的模式包括普通模式和編輯器模式；所述當(dāng)前選定的模式為普通模式時，所述界面元素查找模塊在查找界面元素時跳過隱藏的以及禁用的界面元素；所述事件處理模塊控制所述界面元素響應(yīng)所述事件并在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為編輯器模式時，所述界面元素查找模塊在查找界面元素時遍歷界面中所有界面元素；所述事件處理模塊終止所述事件，并在繪制所述界面元素時，繪制界面中所有界面元素，同時在所述界面元素周圍繪制用以編輯所述界面元素的由控制點(diǎn)組成的方框。
8.如權(quán)利要求5或6所述的應(yīng)用程序界面的處理系統(tǒng)，其特征在于，所述當(dāng)前選定的模式包括普通模式和調(diào)試模式；所述當(dāng)前選定的模式為普通模式時，所述界面元素查找模塊在查找界面元素時跳過隱藏的以及禁用的界面元素；所述事件處理模塊控制所述界面元素響應(yīng)所述事件并在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為調(diào)試模式時，所述界面元素查找模塊在查找界面元素時遍歷界面中所有界面元素并將所述界面元素的詳細(xì)信息傳輸至調(diào)試器；所述事件處理模塊控制所述界面元素響應(yīng)所述事件，并在繪制所述界面元素時，繪制界面中所有界面元素，同時在所述界面元素周圍繪制用以標(biāo)識所述界面元素大小及位置的方框。
9.如權(quán)利要求5或6所述的應(yīng)用程序界面的處理系統(tǒng)，其特征在于，所述當(dāng)前選定的模式包括普通模式、調(diào)試模式和編輯器模式；所述當(dāng)前選定的模式為普通模式時，在查找界面元素時跳過隱藏的以及禁用的界面元素；由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時跳過隱藏的以及禁用的界面元素；所述當(dāng)前選定的模式為編輯器模式時，在查找界面元素時遍歷界面中所有界面元素，并終止事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以編輯所述界面元素的由控制點(diǎn)組成的方框；所述當(dāng)前選定的模式為調(diào)試模式時，在查找界面元素時遍歷界面中所有界面元素并將所述界面元素的詳細(xì)信息傳輸至調(diào)試器，由所述界面元素響應(yīng)所述事件；在繪制所述界面元素時，繪制界面中所有界面元素，并在所述界面元素周圍繪制用以標(biāo)識所述界面元素大小及位置的方框。
全文摘要
本發(fā)明適用計算機(jī)技術(shù)領(lǐng)域，提供了一種應(yīng)用程序界面的處理方法及系統(tǒng)，所述方法包括下述步驟接收事件以及當(dāng)前選定的模式信息；根據(jù)事件類型、界面組織結(jié)構(gòu)以及當(dāng)前選定的模式查找界面元素；根據(jù)所述界面元素以及當(dāng)前選定的模式處理所述事件并繪制所述界面元素。在本發(fā)明實(shí)施例中，界面開發(fā)人員在進(jìn)行界面開發(fā)過程中，通過在多種界面處理模式之間進(jìn)行切換，及時了解界面各個元素的詳細(xì)信息協(xié)助程序調(diào)試，并進(jìn)行可視化編輯，從而提高界面開發(fā)的效率，縮短界面開發(fā)周期，進(jìn)而節(jié)約開發(fā)成本。
文檔編號G06F9/44GK101071376SQ20071007504
公開日2007年11月14日 申請日期2007年6月14日 優(yōu)先權(quán)日2007年6月14日
發(fā)明者謝昕虬, 陳頡 申請人:騰訊科技(深圳)有限公司