本發(fā)明涉及全屏設(shè)置技術(shù)領(lǐng)域，具體而言，涉及一種頁(yè)面全屏設(shè)置方法、裝置及用戶終端。

背景技術(shù)：

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，各種游戲引擎開(kāi)發(fā)技術(shù)也得到了巨大的提升，但就游戲引擎中的layabox引擎而言，尚且存在很多技術(shù)問(wèn)題需要解決。其中，如何控制layabox引擎的頁(yè)面進(jìn)入全屏模式便是一個(gè)極為重要的問(wèn)題。

layabox引擎是一款基于canvas對(duì)象的用于開(kāi)發(fā)html5的游戲引擎，但現(xiàn)有技術(shù)中，layabox引擎的頁(yè)面在進(jìn)入全屏模式時(shí)需要基于dom元素的點(diǎn)擊事件被觸發(fā)才能實(shí)現(xiàn)。這種全屏進(jìn)入方法并非是基于layabox引擎本身開(kāi)發(fā)出的控制頁(yè)面進(jìn)入全屏的方法，無(wú)法完全貼合layabox引擎的使用。

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

為了克服現(xiàn)有技術(shù)中的上述不足，本發(fā)明的目的在于提供一種頁(yè)面全屏設(shè)置方法、裝置及用戶終端。所述頁(yè)面全屏設(shè)置方法基于layabox引擎的根容器對(duì)象canvas開(kāi)發(fā)，能夠充分地利用canvas對(duì)象的便捷性，貼合layabox引擎的使用，控制頁(yè)面進(jìn)入全屏模式。

就頁(yè)面全屏設(shè)置方法而言，本發(fā)明較佳的實(shí)施例提供一種頁(yè)面全屏設(shè)置方法，應(yīng)用于基于layabox引擎的用戶終端。所述方法包括：

通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)；

判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式。

就頁(yè)面全屏設(shè)置裝置而言，本發(fā)明較佳的實(shí)施例提供一種頁(yè)面全屏設(shè)置裝置，應(yīng)用于基于layabox引擎的用戶終端。所述裝置包括：

點(diǎn)擊事件監(jiān)聽(tīng)模塊，用于通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)；

頁(yè)面全屏控制模塊，用于判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式。

就用戶終端而言，本發(fā)明較佳的實(shí)施例還提供一種用戶終端，所述用戶終端基于layabox引擎實(shí)現(xiàn)，所述用戶終端包括存儲(chǔ)器、處理器及上述的頁(yè)面全屏設(shè)置裝置，所述頁(yè)面全屏設(shè)置裝置安裝于所述存儲(chǔ)器中，并包括一個(gè)或多個(gè)由所述處理器執(zhí)行的軟件功能模塊。

相對(duì)于現(xiàn)有技術(shù)而言，本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法、裝置及用戶終端具有以下有益效果：所述頁(yè)面全屏設(shè)置方法基于layabox引擎的根容器對(duì)象canvas開(kāi)發(fā)，能夠充分地利用canvas對(duì)象的便捷性，貼合layabox引擎的使用，控制頁(yè)面進(jìn)入全屏模式。具體地，所述方法通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)；所述方法通過(guò)所述點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式，從而實(shí)現(xiàn)基于canvas對(duì)象的對(duì)頁(yè)面進(jìn)入全屏模式的控制。

為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉本發(fā)明較佳實(shí)施例，并配合所附附圖，作詳細(xì)說(shuō)明如下。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實(shí)施例，因此不應(yīng)被看作是對(duì)本發(fā)明權(quán)利要求保護(hù)范圍的限定，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。

圖1為本發(fā)明較佳的實(shí)施例提供的用戶終端的一種方框示意圖。

圖2為本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法的一種流程示意圖。

圖3為本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法的另一種流程示意圖。

圖4為圖3中步驟s209包括的子步驟的一種流程示意圖。

圖5為圖3中步驟s220包括的子步驟的一種流程示意圖。

圖6為本發(fā)明較佳的實(shí)施例提供的圖1中所示的頁(yè)面全屏設(shè)置裝置的一種方框示意圖。

圖7為本發(fā)明較佳的實(shí)施例提供的圖1中所示的頁(yè)面全屏設(shè)置裝置的另一種方框示意圖。

圖標(biāo)：10-用戶終端；11-存儲(chǔ)器；12-處理器；100-頁(yè)面全屏設(shè)置裝置；110-點(diǎn)擊事件監(jiān)聽(tīng)模塊；120-頁(yè)面全屏控制模塊；130-工作區(qū)域創(chuàng)建模塊；140-按鈕對(duì)象配置模塊。

具體實(shí)施方式

為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本發(fā)明實(shí)施例的組件可以以各種不同的配置來(lái)布置和設(shè)計(jì)。

因此，以下對(duì)在附圖中提供的本發(fā)明的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

應(yīng)注意到：相似的標(biāo)號(hào)和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個(gè)附圖中被定義，則在隨后的附圖中不需要對(duì)其進(jìn)行進(jìn)一步定義和解釋。

如何提供一種基于layabox引擎的根容器對(duì)象canvas開(kāi)發(fā)的，能夠充分地利用canvas對(duì)象的便捷性，貼合layabox引擎的使用的，用于使頁(yè)面進(jìn)入全屏的全屏設(shè)置方法，對(duì)本領(lǐng)域技術(shù)人員而言，是急需解決的技術(shù)問(wèn)題。

下面結(jié)合附圖，對(duì)本發(fā)明的一些實(shí)施方式作詳細(xì)說(shuō)明。在不沖突的情況下，下述的實(shí)施例及實(shí)施例中的特征可以相互組合。

請(qǐng)參照?qǐng)D1，是本發(fā)明較佳的實(shí)施例提供的用戶終端10的一種方框示意圖。在本發(fā)明實(shí)施例中，所述用戶終端10基于layabox引擎實(shí)現(xiàn)，可以實(shí)現(xiàn)對(duì)html5的開(kāi)發(fā)，也可以允許基于html5技術(shù)的軟件功能模塊或軟件程序。在本實(shí)施例中，所述用戶終端10可以是，但不限于，智能手機(jī)、個(gè)人電腦(personalcomputer，pc)、平板電腦、個(gè)人數(shù)字助理(personaldigitalassistant，pda)、移動(dòng)上網(wǎng)設(shè)備(mobileinternetdevice，mid)等。其中，所述用戶終端10可以包括：頁(yè)面全屏設(shè)置裝置100、存儲(chǔ)器11及處理器12。所述存儲(chǔ)器11及所述處理器12之間直接或間接地電性連接，以實(shí)現(xiàn)數(shù)據(jù)的傳輸或交互，例如，所述存儲(chǔ)器11及所述處理器12之間可通過(guò)一條或多條通訊總線或信號(hào)線實(shí)現(xiàn)電性連接。

在本實(shí)施例中，所述存儲(chǔ)器11可以是，但不限于，隨機(jī)存取存儲(chǔ)器(randomaccessmemory，ram)，只讀存儲(chǔ)器(readonlymemory，rom)，可編程只讀存儲(chǔ)器(programmableread-onlymemory，prom)，可擦除可編程只讀存儲(chǔ)器(erasableprogrammableread-onlymemory，eprom)，電可擦除可編程只讀存儲(chǔ)器(electricerasableprogrammableread-onlymemory，eeprom)等。其中，所述存儲(chǔ)器11中可以存儲(chǔ)有軟件程序，所述處理器12在接收到執(zhí)行指令后，可執(zhí)行所述軟件程序。

在本實(shí)施例中，所述處理器12可以是一種具有信號(hào)的處理能力的集成電路芯片。所述處理器12可以是通用處理器，包括中央處理器(centralprocessingunit，cpu)、網(wǎng)絡(luò)處理器(networkprocessor，np)等；還可以是數(shù)字信號(hào)處理器(dsp)、專用集成電路(asic)、現(xiàn)成可編程門陣列(fpga)或者其他可編程邏輯器件、分立門或者晶體管邏輯器件、分立硬件組件?？梢詫?shí)現(xiàn)或者執(zhí)行本發(fā)明實(shí)施例中的公開(kāi)的各方法、步驟及邏輯框圖。通用處理器可以是微處理器或者該處理器也可以是任何常規(guī)的處理器等。

在本實(shí)施例中，所述頁(yè)面全屏設(shè)置裝置100包括至少一個(gè)可以軟件或固件(firmware)的形式存儲(chǔ)于所述存儲(chǔ)器11中或固化在所述用戶終端10的操作系統(tǒng)(operatingsystem，os)中的軟件功能模塊。所述處理器12可執(zhí)行所述存儲(chǔ)器11中存儲(chǔ)的可執(zhí)行模塊，例如所述頁(yè)面全屏設(shè)置裝置100所包括的軟件功能模塊及計(jì)算機(jī)程序等。在本實(shí)施例中，所述用戶終端10可通過(guò)所述頁(yè)面全屏設(shè)置裝置100對(duì)所述用戶終端10的頁(yè)面進(jìn)入全屏模式的方式進(jìn)行控制，充分利用所述用戶終端10使用的layabox引擎的根容器對(duì)象canvas的便捷性，具體的頁(yè)面全屏設(shè)置方法請(qǐng)參照后文中的詳細(xì)描述。

可以理解的是，圖1所示的組成部件僅為用戶終端10的一種組成部件示意圖，所述用戶終端10還可以包括比圖1中所示更多或者更少的組件，或者具有與圖1所示不同的配置。圖1中所示的各組件可以采用硬件、軟件或其組合實(shí)現(xiàn)。

請(qǐng)參照?qǐng)D2，是本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法的一種流程示意圖。在本發(fā)明實(shí)施例中，所述頁(yè)面全屏設(shè)置方法應(yīng)用于基于layabox引擎的用戶終端10，以對(duì)所述用戶終端10的頁(yè)面進(jìn)入全屏模式的方式進(jìn)行設(shè)置。下面對(duì)圖2所示的頁(yè)面全屏設(shè)置方法的具體流程和步驟進(jìn)行詳細(xì)闡述。

在本發(fā)明實(shí)施例中，所述頁(yè)面全屏設(shè)置方法包括以下步驟：

步驟s210，通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)。

在本實(shí)施例中，所述用戶終端10可在layabox引擎的根容器對(duì)象canvas所在的層次對(duì)工作區(qū)域上的點(diǎn)擊事件的發(fā)生狀況進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲得所述點(diǎn)擊事件在所述工作區(qū)域上發(fā)生位置對(duì)應(yīng)的全局坐標(biāo)。其中，所述全局坐標(biāo)為點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域所在的坐標(biāo)系下對(duì)應(yīng)的坐標(biāo)。

在本實(shí)施例中，所述通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)的步驟包括：

在canvas對(duì)象上執(zhí)行addeventlistener函數(shù)以對(duì)點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)獲得對(duì)應(yīng)的event對(duì)象，從所述event對(duì)象中獲得所述點(diǎn)擊事件發(fā)生位置對(duì)應(yīng)的全局坐標(biāo)。

在本實(shí)施例中，addeventlistener函數(shù)可對(duì)點(diǎn)擊事件的發(fā)生狀況進(jìn)行監(jiān)聽(tīng)，并在點(diǎn)擊事件發(fā)生時(shí)調(diào)用一個(gè)預(yù)先指定的處理函數(shù)canvasclickhandler。其中，所述canvasclickhandler函數(shù)可在被調(diào)用時(shí)，獲取到在所述工作區(qū)域上與所述點(diǎn)擊事件發(fā)生狀況對(duì)應(yīng)的event對(duì)象，而所述event對(duì)象中包括有點(diǎn)擊事件在所述工作區(qū)域上發(fā)生位置的全局坐標(biāo)，從而在所述event對(duì)象中得到所述點(diǎn)擊事件發(fā)生位置對(duì)應(yīng)的全局坐標(biāo)。

在本實(shí)施例中，所述點(diǎn)擊事件可以是，但不限于，用戶在觸摸屏上進(jìn)行操作時(shí)產(chǎn)生的點(diǎn)擊事件、用戶通過(guò)鼠標(biāo)在電腦提供的頁(yè)面上進(jìn)行點(diǎn)擊時(shí)產(chǎn)生的點(diǎn)擊事件等。在本實(shí)施例中，所述點(diǎn)擊事件在layabox引擎的根容器對(duì)象canvas所在層次可用mousedown進(jìn)行表示。

步驟s220，判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式。

在本實(shí)施例中，所述用戶終端10通過(guò)判斷點(diǎn)擊事件發(fā)生位置是否位于能夠控制頁(yè)面進(jìn)入全屏模式的按鈕對(duì)象的響應(yīng)區(qū)域的方式，判斷是否需要觸發(fā)全屏模式。具體地，所述用戶終端10通過(guò)將得到的點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)，與所述按鈕對(duì)象的響應(yīng)區(qū)域?qū)?yīng)的坐標(biāo)進(jìn)行對(duì)比的方式，判斷所述點(diǎn)擊事件發(fā)生位置是否位于按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)。當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，表明所述點(diǎn)擊事件可以調(diào)用所述按鈕對(duì)象代表的函數(shù)，從而控制整個(gè)頁(yè)面進(jìn)入全屏模式；當(dāng)所述點(diǎn)擊事件發(fā)生位置不位于所述響應(yīng)區(qū)域內(nèi)時(shí)，表明所述點(diǎn)擊事件無(wú)法調(diào)用所述按鈕對(duì)象代表的函數(shù)。

在本實(shí)施例的一種實(shí)施方式中，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，所述用戶終端10可通過(guò)調(diào)用launchfullscreen函數(shù)的方式，控制所述頁(yè)面進(jìn)入全屏模式。

請(qǐng)參照?qǐng)D3，是本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法的另一種流程示意圖。在本發(fā)明實(shí)施例中，所述頁(yè)面全屏設(shè)置方法還可以包括：

步驟s208，對(duì)頁(yè)面進(jìn)行初始化處理，并在初始化后的頁(yè)面中創(chuàng)建一個(gè)工作區(qū)域。

在本實(shí)施例中，所述用戶終端10可通過(guò)對(duì)layabox引擎進(jìn)行初始化的方式，對(duì)頁(yè)面進(jìn)行初始化處理，得到一個(gè)空白的頁(yè)面。所述用戶終端10可通過(guò)在初始化的頁(yè)面上創(chuàng)建一個(gè)stage的方式，在初始化的頁(yè)面上形成對(duì)應(yīng)的工作區(qū)域。其中，所述工作區(qū)域的尺寸大小及屬性由用戶對(duì)所述stage的尺寸大小及屬性進(jìn)行不同的設(shè)置而有所不同，所述屬性包括顏色、對(duì)齊方式及縮放方式等。在本實(shí)施例中，所述stage的尺寸大小可以是，但不限于，200*200、150*420、300*200等，在本實(shí)施例的一種實(shí)施方式中，優(yōu)選地采用尺寸大小為200*200的stage來(lái)形成對(duì)應(yīng)的工作區(qū)域。

步驟s209，在所述工作區(qū)域內(nèi)配置按鈕對(duì)象，并對(duì)所述按鈕對(duì)象對(duì)應(yīng)的響應(yīng)區(qū)域進(jìn)行配置。

在本實(shí)施例中，所述用戶終端10通過(guò)在根容器對(duì)象canvas所在層次創(chuàng)建一個(gè)button(按鈕對(duì)象)，并通過(guò)調(diào)用laya.stage.addchild函數(shù)將所述按鈕對(duì)象添加到所述stage上，從而在所述工作區(qū)域內(nèi)配置按鈕對(duì)象。在本實(shí)施例中，所述按鈕對(duì)象的形狀可以是，但不限于，橢圓形、圓形、五邊形、矩形等，在本實(shí)施例的一種實(shí)施方式中，所述按鈕對(duì)象的形狀優(yōu)選為矩形。

在本實(shí)施例中，所述用戶終端10可通過(guò)對(duì)所述按鈕對(duì)象的響應(yīng)區(qū)域進(jìn)行設(shè)置的方式，對(duì)點(diǎn)擊事件發(fā)生時(shí)控制頁(yè)面進(jìn)入全屏模式的事件產(chǎn)生概率進(jìn)行調(diào)整。

具體地，請(qǐng)參照?qǐng)D4，是圖3中步驟s209包括的子步驟的一種流程示意圖。在本發(fā)明實(shí)施例中，所述步驟s209中對(duì)所述按鈕對(duì)象對(duì)應(yīng)的響應(yīng)區(qū)域進(jìn)行配置的步驟可以包括子步驟s2091及子步驟s2092。其中，所述子步驟s2091及子步驟s2092如下所示：

子步驟s2091，創(chuàng)建一個(gè)矩形對(duì)象，并對(duì)所述矩形對(duì)象的幾何參數(shù)進(jìn)行配置，以形成所述矩形對(duì)象的坐標(biāo)區(qū)域。

在本實(shí)施例中，所述用戶終端10可在canvas對(duì)象所在層次創(chuàng)建一個(gè)rectangle(矩形對(duì)象)，并對(duì)所述矩形對(duì)象的幾何參數(shù)進(jìn)行設(shè)置，以在所述canvas對(duì)象所在的坐標(biāo)系下形成對(duì)應(yīng)的坐標(biāo)區(qū)域。其中，所述幾何參數(shù)包括所述矩形對(duì)象的起始橫坐標(biāo)值、起始縱坐標(biāo)值、寬度值及高度值，所述起始橫坐標(biāo)值及所述起始縱坐標(biāo)值均為所述canvas對(duì)象所在的坐標(biāo)系下的坐標(biāo)數(shù)值。

子步驟s2092，將按鈕對(duì)象的響應(yīng)區(qū)域設(shè)置為所述矩形對(duì)象的坐標(biāo)區(qū)域。

在本實(shí)施例中，用戶終端10可在根容器對(duì)象canvas所在層次上建立所述按鈕對(duì)象與所述矩形對(duì)象之間的聯(lián)系，以將所述按鈕對(duì)象的響應(yīng)區(qū)域設(shè)置為所述矩形對(duì)象的坐標(biāo)區(qū)域，從而在判斷點(diǎn)擊事件發(fā)生位置是否位于按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)時(shí)，可通過(guò)判斷點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)是否位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)的方式實(shí)現(xiàn)上述的判斷步驟。

在本實(shí)施例中，所述矩形對(duì)象的坐標(biāo)區(qū)域的尺寸大小、形狀及在canvas對(duì)象上的位置，可以與所述按鈕對(duì)象的尺寸大小、形狀及在canvas對(duì)象上的位置有所不同。但在本實(shí)施例的一種實(shí)施方式中，所述矩形對(duì)象的坐標(biāo)區(qū)域優(yōu)選地與所述按鈕對(duì)象相互重疊，即所述矩形對(duì)象的起始橫坐標(biāo)值、起始縱坐標(biāo)值、寬度值及高度值分別與所述按鈕對(duì)象的起始橫坐標(biāo)值、起始縱坐標(biāo)值、寬度值及高度值相同。

請(qǐng)參照?qǐng)D5，是圖3中步驟s220包括的子步驟的一種流程示意圖。在本發(fā)明實(shí)施例中，所述步驟s220中判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)的步驟可以包括子步驟s2201及子步驟s2202。其中，所述子步驟s2201及子步驟s2202如下所示：

子步驟s2201，將全局坐標(biāo)轉(zhuǎn)換到矩形對(duì)象的坐標(biāo)區(qū)域所在的坐標(biāo)系，得到對(duì)應(yīng)的轉(zhuǎn)換坐標(biāo)。

在本實(shí)施例中，用戶終端10得到的點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)為點(diǎn)擊位置在工作區(qū)域上的坐標(biāo)，而判斷所述全局坐標(biāo)是否位于矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)時(shí)，則需將所述點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)轉(zhuǎn)換到所述矩形對(duì)象的坐標(biāo)區(qū)域所在的坐標(biāo)系中，得到點(diǎn)擊事件發(fā)生位置在所述坐標(biāo)區(qū)域所在的坐標(biāo)系下對(duì)應(yīng)的轉(zhuǎn)換坐標(biāo)。在本實(shí)施例的一種實(shí)施方式中，所述用戶終端10可通過(guò)globaltolocal函數(shù)將點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)轉(zhuǎn)換為對(duì)應(yīng)的轉(zhuǎn)換坐標(biāo)。

子步驟s2202，將所述轉(zhuǎn)換坐標(biāo)與所述矩形對(duì)象的坐標(biāo)區(qū)域進(jìn)行對(duì)比，判斷所述轉(zhuǎn)換坐標(biāo)是否位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)。

在本實(shí)施例中，所述將所述轉(zhuǎn)換坐標(biāo)與所述矩形對(duì)象的坐標(biāo)區(qū)域進(jìn)行對(duì)比，判斷所述轉(zhuǎn)換坐標(biāo)是否位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)的步驟包括：

將所述轉(zhuǎn)換坐標(biāo)的橫坐標(biāo)值及縱坐標(biāo)值分別與所述坐標(biāo)區(qū)域的橫坐標(biāo)區(qū)間及縱坐標(biāo)區(qū)間進(jìn)行對(duì)比；

當(dāng)所述橫坐標(biāo)值位于所述橫坐標(biāo)區(qū)間，且所述縱坐標(biāo)值位于所述縱坐標(biāo)區(qū)間時(shí)，判定所述轉(zhuǎn)換坐標(biāo)位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)。

在本實(shí)施例中，所述坐標(biāo)區(qū)域的橫坐標(biāo)區(qū)間為所述坐標(biāo)區(qū)域在平行于橫坐標(biāo)軸上的坐標(biāo)區(qū)間，所述坐標(biāo)區(qū)域的縱坐標(biāo)區(qū)間為所述坐標(biāo)區(qū)域在平行于縱坐標(biāo)軸上的坐標(biāo)區(qū)間，所述橫坐標(biāo)區(qū)間配合所述縱坐標(biāo)區(qū)間可以對(duì)所述坐標(biāo)區(qū)域的尺寸大小范圍進(jìn)行表征。只有當(dāng)所述點(diǎn)擊事件發(fā)生位置對(duì)應(yīng)的轉(zhuǎn)換坐標(biāo)的橫坐標(biāo)值及縱坐標(biāo)值分別位于所述橫坐標(biāo)區(qū)間及所述縱坐標(biāo)區(qū)間內(nèi)時(shí)，方能判定所述轉(zhuǎn)換坐標(biāo)位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)，即所述點(diǎn)擊事件發(fā)生位置是否位于按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)。

請(qǐng)參照?qǐng)D6，是本發(fā)明較佳的實(shí)施例提供的圖1中所示的頁(yè)面全屏設(shè)置裝置100的一種方框示意圖。在本發(fā)明實(shí)施例中，所述頁(yè)面全屏設(shè)置裝置100應(yīng)用于基于layabox引擎的用戶終端10，以對(duì)所述用戶終端10的頁(yè)面進(jìn)入全屏模式的方式進(jìn)行設(shè)置。具體地，所述頁(yè)面全屏設(shè)置裝置100可以包括點(diǎn)擊事件監(jiān)聽(tīng)模塊110及頁(yè)面全屏控制模塊120。

所述點(diǎn)擊事件監(jiān)聽(tīng)模塊110，用于通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)。

在本實(shí)施例中，所述點(diǎn)擊事件監(jiān)聽(tīng)模塊110可以執(zhí)行圖2中的步驟s210，具體的描述可參照上文中對(duì)步驟s210的詳細(xì)描述。

所述頁(yè)面全屏控制模塊120，用于判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式。

在本實(shí)施例中，所述頁(yè)面全屏控制模塊120可以執(zhí)行圖2中的步驟s220，具體的描述可參照上文中對(duì)步驟s220的詳細(xì)描述。

請(qǐng)參照?qǐng)D7，是本發(fā)明較佳的實(shí)施例提供的圖1中所示的頁(yè)面全屏設(shè)置裝置100的另一種方框示意圖。在本發(fā)明實(shí)施例中，所述頁(yè)面全屏設(shè)置裝置100還可以包括工作區(qū)域創(chuàng)建模塊130及按鈕對(duì)象配置模塊140。

所述工作區(qū)域創(chuàng)建模塊130，用于對(duì)頁(yè)面進(jìn)行初始化處理，并在初始化后的頁(yè)面中創(chuàng)建一個(gè)工作區(qū)域。

在本實(shí)施例中，所述工作區(qū)域創(chuàng)建模塊130可以執(zhí)行圖3中的步驟s208，具體的描述可參照上文中對(duì)步驟s208的詳細(xì)描述。

所述按鈕對(duì)象配置模塊140，用于在所述工作區(qū)域內(nèi)配置按鈕對(duì)象，并對(duì)所述按鈕對(duì)象對(duì)應(yīng)的響應(yīng)區(qū)域進(jìn)行配置。

在本實(shí)施例中，所述按鈕對(duì)象配置模塊140對(duì)所述按鈕對(duì)象對(duì)應(yīng)的響應(yīng)區(qū)域進(jìn)行配置的步驟包括：

創(chuàng)建一個(gè)矩形對(duì)象，并對(duì)所述矩形對(duì)象的幾何參數(shù)進(jìn)行配置，以形成所述矩形對(duì)象的坐標(biāo)區(qū)域；

將按鈕對(duì)象的響應(yīng)區(qū)域設(shè)置為所述矩形對(duì)象的坐標(biāo)區(qū)域。

其中，所述幾何參數(shù)包括所述矩形對(duì)象的始橫坐標(biāo)值、起始縱坐標(biāo)值、寬度值及高度值，所述起始橫坐標(biāo)值及所述起始縱坐標(biāo)值均為所述canvas對(duì)象所在的坐標(biāo)系下的坐標(biāo)數(shù)值。

在本實(shí)施例中，所述按鈕對(duì)象配置模塊140可以執(zhí)行圖3中的步驟s209及圖4中的子步驟s2091、子步驟s2092，具體的描述可參照上文中對(duì)步驟s209、子步驟s2091及子步驟s2092的詳細(xì)描述。

在本實(shí)施例中，所述頁(yè)面全屏控制模塊120判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)的步驟包括：

將全局坐標(biāo)轉(zhuǎn)換到矩形對(duì)象的坐標(biāo)區(qū)域所在的坐標(biāo)系，得到對(duì)應(yīng)的轉(zhuǎn)換坐標(biāo)；

將所述轉(zhuǎn)換坐標(biāo)與所述矩形對(duì)象的坐標(biāo)區(qū)域進(jìn)行對(duì)比，判斷所述轉(zhuǎn)換坐標(biāo)是否位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)。

其中，所述頁(yè)面全屏控制模塊120將所述轉(zhuǎn)換坐標(biāo)與所述矩形對(duì)象的坐標(biāo)區(qū)域進(jìn)行對(duì)比，判斷所述轉(zhuǎn)換坐標(biāo)是否位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)的步驟包括：

將所述轉(zhuǎn)換坐標(biāo)的橫坐標(biāo)值及縱坐標(biāo)值分別與所述坐標(biāo)區(qū)域的橫坐標(biāo)區(qū)間及縱坐標(biāo)區(qū)間進(jìn)行對(duì)比；

當(dāng)所述橫坐標(biāo)值位于所述橫坐標(biāo)區(qū)間，且所述縱坐標(biāo)值位于所述縱坐標(biāo)區(qū)間時(shí)，判定所述轉(zhuǎn)換坐標(biāo)位于所述矩形對(duì)象的坐標(biāo)區(qū)域內(nèi)。

在本實(shí)施例中，所述頁(yè)面全屏控制模塊120還可以執(zhí)行圖5中的子步驟s2201及子步驟s2202，具體的描述可參照上文中對(duì)子步驟s2201及子步驟s2202的詳細(xì)描述。

綜上所述，在本發(fā)明較佳的實(shí)施例提供的頁(yè)面全屏設(shè)置方法、裝置及用戶終端中，所述頁(yè)面全屏設(shè)置方法基于layabox引擎的根容器對(duì)象canvas開(kāi)發(fā)，能夠充分地利用canvas對(duì)象的便捷性，貼合layabox引擎的使用，控制頁(yè)面進(jìn)入全屏模式。具體地，所述方法通過(guò)canvas對(duì)象對(duì)頁(yè)面中工作區(qū)域上的點(diǎn)擊事件進(jìn)行監(jiān)聽(tīng)，并在所述點(diǎn)擊事件發(fā)生時(shí)，獲取所述點(diǎn)擊事件發(fā)生位置在所述工作區(qū)域內(nèi)的全局坐標(biāo)；所述方法通過(guò)所述點(diǎn)擊事件發(fā)生位置的全局坐標(biāo)判斷所述點(diǎn)擊事件發(fā)生位置是否位于頁(yè)面中按鈕對(duì)象的響應(yīng)區(qū)域內(nèi)，當(dāng)所述點(diǎn)擊事件發(fā)生位置位于所述響應(yīng)區(qū)域內(nèi)時(shí)，控制頁(yè)面進(jìn)入全屏模式，從而實(shí)現(xiàn)基于canvas對(duì)象的對(duì)頁(yè)面進(jìn)入全屏模式的控制。

以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來(lái)說(shuō)，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。