本公開涉及計算機圖形圖像技術(shù)領(lǐng)域，具體而言，涉及一種用于合并界面的界面顯示方法與裝置。

背景技術(shù)：

在傳統(tǒng)的游戲設(shè)計中，界面的設(shè)計實現(xiàn)往往需要根據(jù)游戲的玩法、系統(tǒng)進行獨立分類。圖1是一種現(xiàn)有的界面顯示方法。參考圖1，當一個游戲展示界面需要分別展示技能、人數(shù)等屬性時，可以在界面的邊欄設(shè)置多個選項卡，以在用戶點擊不同的選項卡的時候顯示不同子界面，可以將這種包含多個子界面的界面稱為一級界面。

但是，在現(xiàn)有技術(shù)中，當需要同時展示多個一級界面時，往往由于各一級界面之間互不兼容，需要占用較大的屏幕面積，為用戶同時展示多個界面帶來了不便。因此，需要一種能靈活展示多種界面，并可由用戶自定義設(shè)置的界面顯示方法。

需要說明的是，在上述背景技術(shù)部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構(gòu)成對本領(lǐng)域普通技術(shù)人員已知的現(xiàn)有技術(shù)的信息。

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

本公開的目的在于提供一種用于合并界面的界面顯示方法與裝置，用于至少在一定程度上克服由于相關(guān)技術(shù)的限制和缺陷而導致的一個或多個問題。

根據(jù)本公開實施例的第一方面，提供一種界面顯示方法，包括：

監(jiān)控界面的移動，當?shù)谝唤缑姘l(fā)生移動時，判斷其是否與其他界面交匯；

若所述第一界面與第二界面交匯，計算交匯面積；

若所述交匯面積大于預設(shè)值，合并所述第一界面與所述第二界面為第三界面，設(shè)置所述第一界面與所述第二界面為所述第三界面的二級子界面。

在本公開的一種示例性實施例中，所述第一界面與所述第二界面均為一級界面。

在本公開的一種示例性實施例中，所述計算交匯面積包括：

實時計算交匯面積；或者，

當所述第一界面與所述第二界面都處于靜止狀態(tài)時，計算交匯面積。在本公開的一種示例性實施例中，所述預設(shè)值包括所述第一界面的預設(shè)面積百分比。

在本公開的一種示例性實施例中，所述第一界面與所述第二界面的各子界面在合并后成為所述第三界面的三級子界面，并依舊從屬于所述第一界面與所述第二界面。

在本公開的一種示例性實施例中，所述第三界面以選項卡形式顯示所述二級子界面。

在本公開的一種示例性實施例中，所述第三界面的長和寬與所述第一界面的長和寬相等。

在本公開的一種示例性實施例中，所述第三界面與第四界面交匯時，合并所述第四界面為所述第三界面的二級子界面。

根據(jù)本公開的第二方面，提供一種界面顯示裝置，包括：

交匯監(jiān)控模塊，用于監(jiān)控界面的移動，當?shù)谝唤缑姘l(fā)生移動時，判斷其是否與其他界面交匯；

交匯面積計算模塊，用于若所述第一界面與第二界面交匯，計算交匯面積；；

界面合并模塊，用于若所述交匯面積大于預設(shè)值，合并所述第一界面與所述第二界面為第三界面，設(shè)置所述第一界面與所述第二界面為所述第三界面的二級子界面。

在本公開的一種示例性實施例中，所述第三界面以選項卡形式顯示所述二級子界面。

本公開提供的界面顯示方法通過判斷用戶合并界面的意圖，合并多個包含子界面的一級界面，可以方便地展示多個一級界面，減少屏幕中顯示的界面數(shù)量，節(jié)省界面顯示空間，為用戶提供更豐富的界面顯示設(shè)置功能。

應當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。

附圖說明

此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本公開的實施例，并與說明書一起用于解釋本公開的原理。顯而易見地，下面描述中的附圖僅僅是本公開的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1示意性示出現(xiàn)有技術(shù)中一種界面顯示方法的示意圖。

圖2示意性示出本公開示例性實施例中一種界面顯示方法的流程圖。

圖3～圖6示意性示出本公開示例性實施例中界面合并過程示意圖。

圖7示意性示出本公開示例性實施例中一種界面顯示裝置的方框圖。

具體實施方式

現(xiàn)在將參考附圖更全面地描述示例實施方式。然而，示例實施方式能夠以多種形式實施，且不應被理解為限于在此闡述的范例；相反，提供這些實施方式使得本公開將更加全面和完整，并將示例實施方式的構(gòu)思全面地傳達給本領(lǐng)域的技術(shù)人員。所描述的特征、結(jié)構(gòu)或特性可以以任何合適的方式結(jié)合在一個或更多實施方式中。在下面的描述中，提供許多具體細節(jié)從而給出對本公開的實施方式的充分理解。然而，本領(lǐng)域技術(shù)人員將意識到，可以實踐本公開的技術(shù)方案而省略所述特定細節(jié)中的一個或更多，或者可以采用其它的方法、組元、裝置、步驟等。在其它情況下，不詳細示出或描述公知技術(shù)方案以避免喧賓奪主而使得本公開的各方面變得模糊。

此外，附圖僅為本公開的示意性圖解，圖中相同的附圖標記表示相同或類似的部分，因而將省略對它們的重復描述。附圖中所示的一些方框圖是功能實體，不一定必須與物理或邏輯上獨立的實體相對應?？梢圆捎密浖问絹韺崿F(xiàn)這些功能實體，或在一個或多個硬件模塊或集成電路中實現(xiàn)這些功能實體，或在不同網(wǎng)絡(luò)和/或處理器裝置和/或微控制器裝置中實現(xiàn)這些功能實體。

下面結(jié)合附圖對本公開示例實施方式進行詳細說明。

圖2示意性示出本公開示例性實施例中一種界面顯示方法的流程圖。參考圖2，界面顯示方法200可以包括：

步驟S202，監(jiān)控界面的移動，當?shù)谝唤缑姘l(fā)生移動時，判斷其是否與其他界面交匯。

步驟S204，若所述第一界面與第二界面交匯，計算交匯面積。

步驟S206，若所述交匯面積大于預設(shè)值，合并所述第一界面與所述第二界面為第三界面，設(shè)置所述第一界面與所述第二界面為所述第三界面的二級子界面。

本公開提供的界面顯示方法通過判斷用戶合并界面的意圖，合并多個包含子界面的一級界面，可以方便地展示多個一級界面，減少屏幕中顯示的界面數(shù)量，節(jié)省界面顯示空間，為用戶提供更豐富的界面顯示設(shè)置功能。

下面對界面顯示方法200的各步驟進行詳細說明。

在步驟S202，監(jiān)控界面的移動，當?shù)谝唤缑姘l(fā)生移動時，判斷其是否與其他界面交匯。

本方法可以應用于監(jiān)控多個一級界面的移動，各一級界面可以包括多個子界面。在本公開的一些示例性實施例中，也可以僅監(jiān)控當前活動/選中界面的移動。當用戶使用鼠標或觸控等控制方式拖拽一第一界面移動時，可以通過監(jiān)控該第一界面的邊界坐標是否落入其他界面的顯示范圍內(nèi)來判斷該第一界面是否與其他界面交匯。需要說明的是，第一界面的移動可以是由用戶通過多種控制方式控制的移動，也可以是在程序判斷需要移動某界面時實施的移動，本公開對此不作特殊限制。

在步驟S204，若所述第一界面與第二界面交匯，計算交匯面積；。

在本公開的一種示例性實施例中，判斷交匯面積可以通過以下方程判斷：

max(0,(w₁+w₂)/2-|x₁-x₂|)*max(0,(h₁+h₂)/2-|y₁-y₂|) (1)

其中，x₁、y₁為所述第一界面中心點的橫坐標與縱坐標，x₂、y₂為所述第二界面中心點的橫坐標與縱坐標，w₁、h₁為所述第一界面的寬度與高度，w₂、h₂為所述第二界面的寬度與高度。

上式表明，當?shù)谝唤缑媾c第二界面的橫坐標距離大于兩界面寬度之和的二分之一時，判斷其不相交，因此相交面積為0；反之，則判斷兩界面橫向相交，橫向相交寬度為兩界面寬度之和的二分之一與兩界面中心點橫坐標距離的差值。同理，當?shù)谝唤缑媾c第二界面的縱坐標距離大于兩界面高度之和的二分之一時，判斷其不相交，相交面積為0；反之，則判斷兩界面縱向相交，縱向相交高度為兩界面高度之和的二分之一與兩界面中心點縱坐標距離的差值。此外，上述兩個條件為乘法關(guān)系，即判斷兩界面相交必須同時滿足橫向相交與縱向相交，否則則返回相交面積為0，即判斷兩界面不相交。

在一些實施例中，當?shù)谝唤缑婧偷诙缑骈L寬一致時，可以通過以下公式計算第一界面與第二界面的交匯面積：

max(0,w-|x₁-x₂|)*max(0,h-|y₁-y₂|) (2)

其中，x₁、y₁為所述第一界面中心點的橫坐標與縱坐標，x₂、y₂為所述第二界面中心點的橫坐標與縱坐標，w、h為所述第一界面與第二界面的寬度與高度。

值得一提的是，當界面具有凸出于界面主題的部分，例如選項卡或者動畫彈窗等時，界面的高度和寬度可以設(shè)置為界面所有部分所占用的最小矩形的高度和寬度。

此外，在本公開的一些示例性實施例中，計算交匯面積可以包括實時計算交匯面積；或者當所述第一界面與所述第二界面都處于靜止狀態(tài)時，計算交匯面積。

實時計算交匯面積可以通過實時捕捉第一界面與第二界面中心點的坐標位置，判斷并計算兩界面的交匯面積，即可以在用戶拖動界面的同時定時捕捉兩界面中心點坐標，實時計算交匯面積。此種方式有利于及時響應用戶的操作意圖。或者，可以首先判斷用戶的拖動行為是否結(jié)束，在判斷用戶結(jié)束界面拖動行為，即當?shù)谝唤缑媾c第二界面均處于靜止狀態(tài)，兩界面中心點坐標在一預設(shè)時間段內(nèi)停止變化時，計算交匯面積。此種方式有助于提高對用戶操作意圖判斷的準確度，避免誤操作。

判斷界面交匯面積的方法不限于上述舉例，本領(lǐng)域技術(shù)人員還可根據(jù)實際情況自由實施，本公開不以此為限。

在步驟S206，若所述交匯面積大于預設(shè)值，合并所述第一界面與所述第二界面為第三界面，設(shè)置所述第一界面與所述第二界面為所述第三界面的二級子界面。

在本公開的一種示例性實施例中，所述預設(shè)值包括所述第一界面的預設(shè)面積百分比。例如，當用戶拖拽第一界面使其與第二界面的交匯面積大于第一界面面積的30％時，或者當?shù)谝唤缑媾c第二界面長寬相同，且相交面積大于w*h*0.5時，可以判斷用戶具有合并兩個界面的意圖，此時，可以合并第一界面與第二界面為第三界面。需要說明的是，上述數(shù)字僅為示例說明，并不用于限定本公開。

在此步驟中，第三界面的位置可以有多種，例如第三界面中心點坐標可以與第一界面中心點坐標相同，也可以與第二界面中心點坐標相同，或者，第三界面中心點的坐標還可以位于由第一界面中心點坐標與第二界面中心點坐標所確定的矩形區(qū)域內(nèi)。本領(lǐng)域技術(shù)人員可根據(jù)實際情況自行設(shè)置第三界面位置，本公開對此不作特殊限定。

合并后，可以將第一界面與第二界面設(shè)置為第三界面的二級子界面，同時，可以以選項卡形式顯示二級子界面。在一些實施例中，可以將第三界面的顯示界面設(shè)置為第一界面的最近顯示界面，并將第三界面的長和寬設(shè)置為與第一界面的長和寬相等。如果第二界面與第一界面的長和寬不完全相同，可以相應調(diào)整第二界面的顯示方式以完整顯示第二界面的內(nèi)容。當然，第三界面的界面設(shè)置也可以為多種，本公開對此不作特殊限定。

由于本方法可以適用于兩個一級界面之間的合并，所以當?shù)谝唤缑媾c第二界面均為包含多個子界面的一級界面時，可以設(shè)置第一界面與第二界面的各子界面在合并后成為第三界面的三級子界面，所有子界面依舊從屬于原從屬的第一界面與第二界面。用戶可以通過點擊第一界面或第二界面的選項卡來進入該界面，在該界面中看到其原來具有的各子界面選項卡。顯示在第三界面中的第一界面與第二界面的各種功能可以完全不變，本方法可以只用于集中顯示第一界面與第二界面，節(jié)省界面顯示面積。

在其他一些實施例中，當上述第三界面與一第四界面交匯時，可以合并所述第四界面為所述第三界面的二級子界面。第四界面可以為普通界面，即不包含子界面的界面，此時可以將第四界面為設(shè)置為與第一界面和第二界面平級的二級子界面，并以選項卡形式顯示第四界面。在一些實施例中，也可以為用戶提供拖拽第四界面以使其與第一界面或第二界面合并的功能，此時第四界面可以作為第一界面或第二界面的子界面，作為第三界面的三級子界面。當?shù)谒慕缑鏋榘鄠€子界面的一級界面時，可以將第四界面設(shè)置為與第一界面、第二界面平級的二級子界面。需要說明的是，使第三界面與第四界面合并的方式也可以是通過移動第四界面使其與第三界面交匯，判斷交匯面積從而合并。

在本公開的其他示例性實施方式中，可以按照以上方法可以將多個界面(所述界面均可以為普通界面或包括多個子界面的一級界面)合并為一個界面，每個界面在合并后界面中的顯示級別均可以被自由調(diào)整，從而可以整潔地展示多個界面，為用戶提供可自由設(shè)置的界面顯示選項。

下面通過具體實施例來對上述方法200進行詳細說明。

圖3～圖6是界面合并過程示意圖。

參考圖3，當界面A被移動時，可以實時計算其與其他界面的交匯行為，當判斷界面A與界面B交匯時，實時計算交匯面積并計算該面積與界面A面積的百分比。當交匯面積大于界面A面積的某個百分比數(shù)值，例如50％時，將界面A與界面B合并顯示為界面C。

參考圖4，界面C的顯示界面為界面A的顯示界面，其界面尺寸與界面A相等。在界面C的邊欄，顯示有界面A與界面B的選項卡，并且界面A的選項卡顯示在上方。

參考圖5，當用戶點擊界面B的選項卡時，界面B的選項卡顯示在上方，并且此時界面C的顯示界面切換為界面B的顯示界面。用戶點擊界面B的子選項卡，可以將界面C的顯示界面顯示為界面B的子界面D。

參考圖6，用戶可以通過重復上述方法實現(xiàn)對界面E、界面F的合并，從而為用戶顯示整潔的顯示界面。

對應于上述方法實施例，本公開還提供一種界面顯示裝置，可以用于執(zhí)行上述方法實施例。

圖7示意性示出本公開示例性實施例中一種界面顯示裝置的方框圖。

參考圖7，界面顯示裝置700可以包括交匯監(jiān)控模塊702、交匯面積計算模塊704以及界面合并模塊706。

交匯監(jiān)控模塊702可以用于監(jiān)控界面的移動，當?shù)谝唤缑姘l(fā)生移動時，判斷其是否與其他界面交匯。

交匯面積計算模塊704可以用于若所述第一界面與第二界面交匯，計算交匯面積。

界面合并模塊706可以用于若所述交匯面積大于預設(shè)值，合并所述第一界面與所述第二界面為第三界面，設(shè)置所述第一界面與所述第二界面為所述第三界面的二級子界面。

在本公開的一種示例性實施例中，所述第三界面以選項卡形式顯示所述二級子界面。

在本公開的一種示例性實施例中，所述第一界面與所述第二界面均為一級界面。

在本公開的一種示例性實施例中，所述計算交匯面積包括：

實時計算交匯面積；或者，

當所述第一界面與所述第二界面都處于靜止狀態(tài)時，計算交匯面積。在本公開的一種示例性實施例中，所述預設(shè)值包括所述第一界面的預設(shè)面積百分比。

在本公開的一種示例性實施例中，所述第一界面與所述第二界面的各子界面在合并后成為所述第三界面的三級子界面，并依舊從屬于所述第一界面與所述第二界面。

在本公開的一種示例性實施例中，所述第三界面的長和寬與所述第一界面的長和寬相等。

在本公開的一種示例性實施例中，所述第三界面與第四界面交匯時，合并所述第四界面為所述第三界面的二級子界面。

由于裝置700的各功能已在其對應的方法實施例中予以詳細說明，本公開于此不再贅述。

本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本公開的其它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應性變化，這些變型、用途或者適應性變化遵循本公開的一般性原理并包括本公開未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本公開的真正范圍和精神由所附的權(quán)利要求指出。