CN107329758A - 页面全屏设置方法、装置及用户终端 - Google Patents

页面全屏设置方法、装置及用户终端 Download PDF

Info

Publication number
CN107329758A
CN107329758A CN201710520491.6A CN201710520491A CN107329758A CN 107329758 A CN107329758 A CN 107329758A CN 201710520491 A CN201710520491 A CN 201710520491A CN 107329758 A CN107329758 A CN 107329758A
Authority
CN
China
Prior art keywords
page
click event
region
full frame
rectangular object
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710520491.6A
Other languages
English (en)
Inventor
施杨
张文明
陈少杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201710520491.6A priority Critical patent/CN107329758A/zh
Publication of CN107329758A publication Critical patent/CN107329758A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供一种页面全屏设置方法、装置及用户终端，所述方法包括：通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。所述页面全屏设置方法基于Layabox引擎的根容器对象canvas开发，能够充分地利用canvas对象的便捷性，贴合Layabox引擎的使用，控制页面进入全屏模式。

Description

页面全屏设置方法、装置及用户终端
技术领域
本发明涉及全屏设置技术领域，具体而言，涉及一种页面全屏设置方法、装置及用户终端。
背景技术
随着网络技术的不断发展，各种游戏引擎开发技术也得到了巨大的提升，但就游戏引擎中的Layabox引擎而言，尚且存在很多技术问题需要解决。其中，如何控制Layabox引擎的页面进入全屏模式便是一个极为重要的问题。
Layabox引擎是一款基于canvas对象的用于开发HTML5的游戏引擎，但现有技术中，Layabox引擎的页面在进入全屏模式时需要基于dom元素的点击事件被触发才能实现。这种全屏进入方法并非是基于Layabox引擎本身开发出的控制页面进入全屏的方法，无法完全贴合Layabox引擎的使用。
发明内容
为了克服现有技术中的上述不足，本发明的目的在于提供一种页面全屏设置方法、装置及用户终端。所述页面全屏设置方法基于Layabox引擎的根容器对象canvas开发，能够充分地利用canvas对象的便捷性，贴合Layabox引擎的使用，控制页面进入全屏模式。
就页面全屏设置方法而言，本发明较佳的实施例提供一种页面全屏设置方法，应用于基于Layabox引擎的用户终端。所述方法包括：
通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；
判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
就页面全屏设置装置而言，本发明较佳的实施例提供一种页面全屏设置装置，应用于基于Layabox引擎的用户终端。所述装置包括：
点击事件监听模块，用于通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；
页面全屏控制模块，用于判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
就用户终端而言，本发明较佳的实施例还提供一种用户终端，所述用户终端基于Layabox引擎实现，所述用户终端包括存储器、处理器及上述的页面全屏设置装置，所述页面全屏设置装置安装于所述存储器中，并包括一个或多个由所述处理器执行的软件功能模块。
相对于现有技术而言，本发明较佳的实施例提供的页面全屏设置方法、装置及用户终端具有以下有益效果：所述页面全屏设置方法基于Layabox引擎的根容器对象canvas开发，能够充分地利用canvas对象的便捷性，贴合Layabox引擎的使用，控制页面进入全屏模式。具体地，所述方法通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；所述方法通过所述点击事件发生位置的全局坐标判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式，从而实现基于canvas对象的对页面进入全屏模式的控制。
为使本发明的上述目的、特征和优点能更明显易懂，下文特举本发明较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对本发明权利要求保护范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本发明较佳的实施例提供的用户终端的一种方框示意图。
图2为本发明较佳的实施例提供的页面全屏设置方法的一种流程示意图。
图3为本发明较佳的实施例提供的页面全屏设置方法的另一种流程示意图。
图4为图3中步骤S209包括的子步骤的一种流程示意图。
图5为图3中步骤S220包括的子步骤的一种流程示意图。
图6为本发明较佳的实施例提供的图1中所示的页面全屏设置装置的一种方框示意图。
图7为本发明较佳的实施例提供的图1中所示的页面全屏设置装置的另一种方框示意图。
图标：10-用户终端；11-存储器；12-处理器；100-页面全屏设置装置；110-点击事件监听模块；120-页面全屏控制模块；130-工作区域创建模块；140-按钮对象配置模块。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。
因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
如何提供一种基于Layabox引擎的根容器对象canvas开发的，能够充分地利用canvas对象的便捷性，贴合Layabox引擎的使用的，用于使页面进入全屏的全屏设置方法，对本领域技术人员而言，是急需解决的技术问题。
下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
请参照图1，是本发明较佳的实施例提供的用户终端10的一种方框示意图。在本发明实施例中，所述用户终端10基于Layabox引擎实现，可以实现对HTML5的开发，也可以允许基于HTML5技术的软件功能模块或软件程序。在本实施例中，所述用户终端10可以是，但不限于，智能手机、个人电脑(personal computer，PC)、平板电脑、个人数字助理(personaldigital assistant，PDA)、移动上网设备(mobile Internet device，MID)等。其中，所述用户终端10可以包括：页面全屏设置装置100、存储器11及处理器12。所述存储器11及所述处理器12之间直接或间接地电性连接，以实现数据的传输或交互，例如，所述存储器11及所述处理器12之间可通过一条或多条通讯总线或信号线实现电性连接。
在本实施例中，所述存储器11可以是，但不限于，随机存取存储器(Random AccessMemory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(ProgrammableRead-Only Memory，PROM)，可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory，EPROM)，电可擦除可编程只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。其中，所述存储器11中可以存储有软件程序，所述处理器12在接收到执行指令后，可执行所述软件程序。
在本实施例中，所述处理器12可以是一种具有信号的处理能力的集成电路芯片。所述处理器12可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
在本实施例中，所述页面全屏设置装置100包括至少一个可以软件或固件(firmware)的形式存储于所述存储器11中或固化在所述用户终端10的操作系统(Operating System，OS)中的软件功能模块。所述处理器12可执行所述存储器11中存储的可执行模块，例如所述页面全屏设置装置100所包括的软件功能模块及计算机程序等。在本实施例中，所述用户终端10可通过所述页面全屏设置装置100对所述用户终端10的页面进入全屏模式的方式进行控制，充分利用所述用户终端10使用的Layabox引擎的根容器对象canvas的便捷性，具体的页面全屏设置方法请参照后文中的详细描述。
可以理解的是，图1所示的组成部件仅为用户终端10的一种组成部件示意图，所述用户终端10还可以包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。
请参照图2，是本发明较佳的实施例提供的页面全屏设置方法的一种流程示意图。在本发明实施例中，所述页面全屏设置方法应用于基于Layabox引擎的用户终端10，以对所述用户终端10的页面进入全屏模式的方式进行设置。下面对图2所示的页面全屏设置方法的具体流程和步骤进行详细阐述。
在本发明实施例中，所述页面全屏设置方法包括以下步骤：
步骤S210，通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标。
在本实施例中，所述用户终端10可在Layabox引擎的根容器对象canvas所在的层次对工作区域上的点击事件的发生状况进行监听，并在所述点击事件发生时，获得所述点击事件在所述工作区域上发生位置对应的全局坐标。其中，所述全局坐标为点击事件发生位置在所述工作区域所在的坐标系下对应的坐标。
在本实施例中，所述通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标的步骤包括：
在canvas对象上执行addEventListener函数以对点击事件进行监听，并在所述点击事件发生时获得对应的event对象，从所述event对象中获得所述点击事件发生位置对应的全局坐标。
在本实施例中，addEventListener函数可对点击事件的发生状况进行监听，并在点击事件发生时调用一个预先指定的处理函数canvasClickHandler。其中，所述canvasClickHandler函数可在被调用时，获取到在所述工作区域上与所述点击事件发生状况对应的event对象，而所述event对象中包括有点击事件在所述工作区域上发生位置的全局坐标，从而在所述event对象中得到所述点击事件发生位置对应的全局坐标。
在本实施例中，所述点击事件可以是，但不限于，用户在触摸屏上进行操作时产生的点击事件、用户通过鼠标在电脑提供的页面上进行点击时产生的点击事件等。在本实施例中，所述点击事件在Layabox引擎的根容器对象canvas所在层次可用mousedown进行表示。
步骤S220，判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
在本实施例中，所述用户终端10通过判断点击事件发生位置是否位于能够控制页面进入全屏模式的按钮对象的响应区域的方式，判断是否需要触发全屏模式。具体地，所述用户终端10通过将得到的点击事件发生位置的全局坐标，与所述按钮对象的响应区域对应的坐标进行对比的方式，判断所述点击事件发生位置是否位于按钮对象的响应区域内。当所述点击事件发生位置位于所述响应区域内时，表明所述点击事件可以调用所述按钮对象代表的函数，从而控制整个页面进入全屏模式；当所述点击事件发生位置不位于所述响应区域内时，表明所述点击事件无法调用所述按钮对象代表的函数。
在本实施例的一种实施方式中，当所述点击事件发生位置位于所述响应区域内时，所述用户终端10可通过调用launchFullscreen函数的方式，控制所述页面进入全屏模式。
请参照图3，是本发明较佳的实施例提供的页面全屏设置方法的另一种流程示意图。在本发明实施例中，所述页面全屏设置方法还可以包括：
步骤S208，对页面进行初始化处理，并在初始化后的页面中创建一个工作区域。
在本实施例中，所述用户终端10可通过对Layabox引擎进行初始化的方式，对页面进行初始化处理，得到一个空白的页面。所述用户终端10可通过在初始化的页面上创建一个stage的方式，在初始化的页面上形成对应的工作区域。其中，所述工作区域的尺寸大小及属性由用户对所述stage的尺寸大小及属性进行不同的设置而有所不同，所述属性包括颜色、对齐方式及缩放方式等。在本实施例中，所述stage的尺寸大小可以是，但不限于，200*200、150*420、300*200等，在本实施例的一种实施方式中，优选地采用尺寸大小为200*200的stage来形成对应的工作区域。
步骤S209，在所述工作区域内配置按钮对象，并对所述按钮对象对应的响应区域进行配置。
在本实施例中，所述用户终端10通过在根容器对象canvas所在层次创建一个button(按钮对象)，并通过调用Laya.stage.addChild函数将所述按钮对象添加到所述stage上，从而在所述工作区域内配置按钮对象。在本实施例中，所述按钮对象的形状可以是，但不限于，椭圆形、圆形、五边形、矩形等，在本实施例的一种实施方式中，所述按钮对象的形状优选为矩形。
在本实施例中，所述用户终端10可通过对所述按钮对象的响应区域进行设置的方式，对点击事件发生时控制页面进入全屏模式的事件产生概率进行调整。
具体地，请参照图4，是图3中步骤S209包括的子步骤的一种流程示意图。在本发明实施例中，所述步骤S209中对所述按钮对象对应的响应区域进行配置的步骤可以包括子步骤S2091及子步骤S2092。其中，所述子步骤S2091及子步骤S2092如下所示：
子步骤S2091，创建一个矩形对象，并对所述矩形对象的几何参数进行配置，以形成所述矩形对象的坐标区域。
在本实施例中，所述用户终端10可在canvas对象所在层次创建一个rectangle(矩形对象)，并对所述矩形对象的几何参数进行设置，以在所述canvas对象所在的坐标系下形成对应的坐标区域。其中，所述几何参数包括所述矩形对象的起始横坐标值、起始纵坐标值、宽度值及高度值，所述起始横坐标值及所述起始纵坐标值均为所述canvas对象所在的坐标系下的坐标数值。
子步骤S2092，将按钮对象的响应区域设置为所述矩形对象的坐标区域。
在本实施例中，用户终端10可在根容器对象canvas所在层次上建立所述按钮对象与所述矩形对象之间的联系，以将所述按钮对象的响应区域设置为所述矩形对象的坐标区域，从而在判断点击事件发生位置是否位于按钮对象的响应区域内时，可通过判断点击事件发生位置的全局坐标是否位于所述矩形对象的坐标区域内的方式实现上述的判断步骤。
在本实施例中，所述矩形对象的坐标区域的尺寸大小、形状及在canvas对象上的位置，可以与所述按钮对象的尺寸大小、形状及在canvas对象上的位置有所不同。但在本实施例的一种实施方式中，所述矩形对象的坐标区域优选地与所述按钮对象相互重叠，即所述矩形对象的起始横坐标值、起始纵坐标值、宽度值及高度值分别与所述按钮对象的起始横坐标值、起始纵坐标值、宽度值及高度值相同。
请参照图5，是图3中步骤S220包括的子步骤的一种流程示意图。在本发明实施例中，所述步骤S220中判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内的步骤可以包括子步骤S2201及子步骤S2202。其中，所述子步骤S2201及子步骤S2202如下所示：
子步骤S2201，将全局坐标转换到矩形对象的坐标区域所在的坐标系，得到对应的转换坐标。
在本实施例中，用户终端10得到的点击事件发生位置的全局坐标为点击位置在工作区域上的坐标，而判断所述全局坐标是否位于矩形对象的坐标区域内时，则需将所述点击事件发生位置的全局坐标转换到所述矩形对象的坐标区域所在的坐标系中，得到点击事件发生位置在所述坐标区域所在的坐标系下对应的转换坐标。在本实施例的一种实施方式中，所述用户终端10可通过globalToLocal函数将点击事件发生位置的全局坐标转换为对应的转换坐标。
子步骤S2202，将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内。
在本实施例中，所述将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内的步骤包括：
将所述转换坐标的横坐标值及纵坐标值分别与所述坐标区域的横坐标区间及纵坐标区间进行对比；
当所述横坐标值位于所述横坐标区间，且所述纵坐标值位于所述纵坐标区间时，判定所述转换坐标位于所述矩形对象的坐标区域内。
在本实施例中，所述坐标区域的横坐标区间为所述坐标区域在平行于横坐标轴上的坐标区间，所述坐标区域的纵坐标区间为所述坐标区域在平行于纵坐标轴上的坐标区间，所述横坐标区间配合所述纵坐标区间可以对所述坐标区域的尺寸大小范围进行表征。只有当所述点击事件发生位置对应的转换坐标的横坐标值及纵坐标值分别位于所述横坐标区间及所述纵坐标区间内时，方能判定所述转换坐标位于所述矩形对象的坐标区域内，即所述点击事件发生位置是否位于按钮对象的响应区域内。
请参照图6，是本发明较佳的实施例提供的图1中所示的页面全屏设置装置100的一种方框示意图。在本发明实施例中，所述页面全屏设置装置100应用于基于Layabox引擎的用户终端10，以对所述用户终端10的页面进入全屏模式的方式进行设置。具体地，所述页面全屏设置装置100可以包括点击事件监听模块110及页面全屏控制模块120。
所述点击事件监听模块110，用于通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标。
在本实施例中，所述点击事件监听模块110可以执行图2中的步骤S210，具体的描述可参照上文中对步骤S210的详细描述。
所述页面全屏控制模块120，用于判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
在本实施例中，所述页面全屏控制模块120可以执行图2中的步骤S220，具体的描述可参照上文中对步骤S220的详细描述。
请参照图7，是本发明较佳的实施例提供的图1中所示的页面全屏设置装置100的另一种方框示意图。在本发明实施例中，所述页面全屏设置装置100还可以包括工作区域创建模块130及按钮对象配置模块140。
所述工作区域创建模块130，用于对页面进行初始化处理，并在初始化后的页面中创建一个工作区域。
在本实施例中，所述工作区域创建模块130可以执行图3中的步骤S208，具体的描述可参照上文中对步骤S208的详细描述。
所述按钮对象配置模块140，用于在所述工作区域内配置按钮对象，并对所述按钮对象对应的响应区域进行配置。
在本实施例中，所述按钮对象配置模块140对所述按钮对象对应的响应区域进行配置的步骤包括：
创建一个矩形对象，并对所述矩形对象的几何参数进行配置，以形成所述矩形对象的坐标区域；
将按钮对象的响应区域设置为所述矩形对象的坐标区域。
其中，所述几何参数包括所述矩形对象的始横坐标值、起始纵坐标值、宽度值及高度值，所述起始横坐标值及所述起始纵坐标值均为所述canvas对象所在的坐标系下的坐标数值。
在本实施例中，所述按钮对象配置模块140可以执行图3中的步骤S209及图4中的子步骤S2091、子步骤S2092，具体的描述可参照上文中对步骤S209、子步骤S2091及子步骤S2092的详细描述。
在本实施例中，所述页面全屏控制模块120判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内的步骤包括：
将全局坐标转换到矩形对象的坐标区域所在的坐标系，得到对应的转换坐标；
将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内。
其中，所述页面全屏控制模块120将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内的步骤包括：
将所述转换坐标的横坐标值及纵坐标值分别与所述坐标区域的横坐标区间及纵坐标区间进行对比；
当所述横坐标值位于所述横坐标区间，且所述纵坐标值位于所述纵坐标区间时，判定所述转换坐标位于所述矩形对象的坐标区域内。
在本实施例中，所述页面全屏控制模块120还可以执行图5中的子步骤S2201及子步骤S2202，具体的描述可参照上文中对子步骤S2201及子步骤S2202的详细描述。
综上所述，在本发明较佳的实施例提供的页面全屏设置方法、装置及用户终端中，所述页面全屏设置方法基于Layabox引擎的根容器对象canvas开发，能够充分地利用canvas对象的便捷性，贴合Layabox引擎的使用，控制页面进入全屏模式。具体地，所述方法通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；所述方法通过所述点击事件发生位置的全局坐标判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式，从而实现基于canvas对象的对页面进入全屏模式的控制。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面全屏设置方法，应用于基于Layabox引擎的用户终端，其特征在于，所述方法包括：
通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；
判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
对页面进行初始化处理，并在初始化后的页面中创建一个工作区域；
在所述工作区域内配置按钮对象，并对所述按钮对象对应的响应区域进行配置。
3.根据权利要求2所述的方法，其特征在于，所述对所述按钮对象对应的响应区域进行配置的步骤包括：
创建一个矩形对象，并对所述矩形对象的几何参数进行配置，以形成所述矩形对象的坐标区域，其中，所述几何参数包括所述矩形对象的起始横坐标值、起始纵坐标值、宽度值及高度值；
将所述按钮对象的响应区域设置为所述矩形对象的坐标区域。
4.根据权利要求1所述的方法，其特征在于，所述通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标的步骤包括：
在canvas对象上执行addEventListener函数以对点击事件进行监听，并在所述点击事件发生时获得对应的event对象，从所述event对象中获得所述点击事件发生位置对应的全局坐标。
5.根据权利要求3所述的方法，其特征在于，所述判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内的步骤包括：
将所述全局坐标转换到所述矩形对象的坐标区域所在的坐标系，得到对应的转换坐标；
将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内。
6.根据权利要求5所述的方法，其特征在于，所述将所述转换坐标与所述矩形对象的坐标区域进行对比，判断所述转换坐标是否位于所述矩形对象的坐标区域内的步骤包括：
将所述转换坐标的横坐标值及纵坐标值分别与所述坐标区域的横坐标区间及纵坐标区间进行对比；
当所述横坐标值位于所述横坐标区间，且所述纵坐标值位于所述纵坐标区间时，判定所述转换坐标位于所述矩形对象的坐标区域内。
7.一种页面全屏设置装置，应用于基于Layabox引擎的用户终端，其特征在于，所述装置包括：
点击事件监听模块，用于通过canvas对象对页面中工作区域上的点击事件进行监听，并在所述点击事件发生时，获取所述点击事件发生位置在所述工作区域内的全局坐标；
页面全屏控制模块，用于判断所述点击事件发生位置是否位于页面中按钮对象的响应区域内，当所述点击事件发生位置位于所述响应区域内时，控制页面进入全屏模式。
8.根据权利要求7所述的装置，其特征在于，所述装置还包括：
工作区域创建模块，用于对页面进行初始化处理，并在初始化后的页面中创建一个工作区域；
按钮对象配置模块，用于在所述工作区域内配置按钮对象，并对所述按钮对象对应的响应区域进行配置。
9.根据权利要求8所述的装置，其特征在于，所述按钮对象配置模块对所述按钮对象对应的响应区域进行配置的方式包括：
创建一个矩形对象，并对所述矩形对象的几何参数进行配置，以形成所述矩形对象的坐标区域，其中，所述几何参数包括所述矩形对象的起始横坐标值、起始纵坐标值、宽度值及高度值；
将所述按钮对象的响应区域设置为所述矩形对象的坐标区域。
10.一种用户终端，其特征在于，基于Layabox引擎实现，所述用户终端包括存储器、处理器及权利要求7-9中任意一项所述的页面全屏设置装置，所述页面全屏设置装置安装于所述存储器中，并包括一个或多个由所述处理器执行的软件功能模块。
CN201710520491.6A 2017-06-30 2017-06-30 页面全屏设置方法、装置及用户终端 Pending CN107329758A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710520491.6A CN107329758A (zh) 2017-06-30 2017-06-30 页面全屏设置方法、装置及用户终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710520491.6A CN107329758A (zh) 2017-06-30 2017-06-30 页面全屏设置方法、装置及用户终端

Publications (1)

Publication Number Publication Date
CN107329758A true CN107329758A (zh) 2017-11-07

Family

ID=60197983

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710520491.6A Pending CN107329758A (zh) 2017-06-30 2017-06-30 页面全屏设置方法、装置及用户终端

Country Status (1)

Country Link
CN (1) CN107329758A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108733559A (zh) * 2018-04-09 2018-11-02 平安普惠企业管理有限公司 页面事件的触发方法、终端设备及介质
CN110109663A (zh) * 2019-03-28 2019-08-09 武汉斗鱼鱼乐网络科技有限公司 一种设置全屏的方法及相关装置
CN112799759A (zh) * 2021-01-21 2021-05-14 惠州Tcl移动通信有限公司 一种参数调节方法、智能终端及计算机可读存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102221873A (zh) * 2010-07-29 2011-10-19 宇龙计算机通信科技(深圳)有限公司 一种背光控制方法、系统及移动终端
US20150253974A1 (en) * 2014-03-07 2015-09-10 Sony Corporation Control of large screen display using wireless portable computer interfacing with display controller
CN105094763A (zh) * 2014-04-30 2015-11-25 广州市动景计算机科技有限公司 扩展视频功能的方法及系统
CN105893602A (zh) * 2016-04-21 2016-08-24 北京京东尚科信息技术有限公司 用于终端浏览器的网页中图表的全屏显示方法及系统
CN106326299A (zh) * 2015-07-02 2017-01-11 天脉聚源（北京）科技有限公司 一种智能终端显示特别效果的方法和系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102221873A (zh) * 2010-07-29 2011-10-19 宇龙计算机通信科技(深圳)有限公司 一种背光控制方法、系统及移动终端
US20150253974A1 (en) * 2014-03-07 2015-09-10 Sony Corporation Control of large screen display using wireless portable computer interfacing with display controller
CN105094763A (zh) * 2014-04-30 2015-11-25 广州市动景计算机科技有限公司 扩展视频功能的方法及系统
CN106326299A (zh) * 2015-07-02 2017-01-11 天脉聚源（北京）科技有限公司 一种智能终端显示特别效果的方法和系统
CN105893602A (zh) * 2016-04-21 2016-08-24 北京京东尚科信息技术有限公司 用于终端浏览器的网页中图表的全屏显示方法及系统

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
炫意HTML5: ""HTML5 Canvas的事件处理"", 《URL：HTTPS://WWW.XYHTML5.COM/HTML5-CANVAS-EVENT-HANDLER.HTML》 *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108733559A (zh) * 2018-04-09 2018-11-02 平安普惠企业管理有限公司 页面事件的触发方法、终端设备及介质
CN108733559B (zh) * 2018-04-09 2023-03-28 平安普惠企业管理有限公司 页面事件的触发方法、终端设备及介质
CN110109663A (zh) * 2019-03-28 2019-08-09 武汉斗鱼鱼乐网络科技有限公司 一种设置全屏的方法及相关装置
CN110109663B (zh) * 2019-03-28 2024-03-29 武汉斗鱼鱼乐网络科技有限公司 一种设置全屏的方法及相关装置
CN112799759A (zh) * 2021-01-21 2021-05-14 惠州Tcl移动通信有限公司 一种参数调节方法、智能终端及计算机可读存储介质
CN112799759B (zh) * 2021-01-21 2024-05-24 惠州Tcl移动通信有限公司 一种参数调节方法、智能终端及计算机可读存储介质

Similar Documents

Publication Publication Date Title
KR102167879B1 (ko) 테스트 방법, 시스템, 기기 및 판독 가능 저장매체
US10592102B2 (en) Method for implementing dialing keypad of touch screen and smart watch
CN102664983B (zh) 一键拨号的实现方法及装置
CN108628656A (zh) Ios设备上界面适配方法、装置、计算机设备及存储介质
CN107422915B (zh) 触摸屏的响应控制方法、装置、存储介质及终端
CN107748686A (zh) 应用程序的启动优化方法、装置、存储介质及智能终端
CN108376094B (zh) 通知消息显示方法、装置、计算机设备和存储介质
CN106919427B (zh) 一种设置方法、设置装置及电子设备
CN106502689A (zh) 一种状态栏的显示方法以及装置
CN107329758A (zh) 页面全屏设置方法、装置及用户终端
CN105094508A (zh) 一种移动终端应用程序进行窗口控制的方法和装置
CN106919318A (zh) 一种图片处理的方法及终端
WO2018233054A1 (zh) 功能控件的响应方法、电子装置及计算机可读存储介质
CN107678667B (zh) 一种虚拟键盘显示方法及移动终端
CN105827832A (zh) 用户管理方法、用户管理系统和用户终端
CN105549829B (zh) 一种设置项目处理方法及其装置
CN104636158A (zh) 基于Android操作系统的鼠标指针控制方法和装置
CN106775668A (zh) 跨操作系统的移动应用程序开发框架及实现方法
CN107193434A (zh) 状态栏显示方法及终端
CN107911388B (zh) 监管移动终端应用的方法及系统
JP6751778B2 (ja) 業務システムとマルチアセンブリーとのやりとりを実現する方法、電子装置及び記憶媒体
CN107092412A (zh) 一种快速启动app的方法及移动终端
CN102073973B (zh) 一种获取、编辑自定义图形的方法和字幕图形制作系统
CN106201393B (zh) 信息处理方法及电子设备
CN106791012A (zh) 提醒方式的调整方法及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20171107

RJ01 Rejection of invention patent application after publication