WO2018233054A1 - Function control response method, electronic device, and computer readable storage medium - Google Patents

Function control response method, electronic device, and computer readable storage medium Download PDF

Info

Publication number
WO2018233054A1
WO2018233054A1 PCT/CN2017/100048 CN2017100048W WO2018233054A1 WO 2018233054 A1 WO2018233054 A1 WO 2018233054A1 CN 2017100048 W CN2017100048 W CN 2017100048W WO 2018233054 A1 WO2018233054 A1 WO 2018233054A1
Authority
WO
WIPO (PCT)
Prior art keywords
area
touch
control
controls
position coordinates
Prior art date
Application number
PCT/CN2017/100048
Other languages
French (fr)
Chinese (zh)
Inventor
何兵
Original Assignee
平安科技(深圳)有限公司
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 平安科技(深圳)有限公司 filed Critical 平安科技(深圳)有限公司
Publication of WO2018233054A1 publication Critical patent/WO2018233054A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Definitions

  • the present invention relates to the field of human-computer interaction technologies, and in particular, to a response method of a function control, an electronic device, and a computer-readable storage medium.
  • the invention provides a response method of a functional control, an electronic device and a computer readable storage medium, the main purpose of which is to solve the problem of accidental clicking caused by the small size of the control icon, and improve the click success rate of the control.
  • a method for responding to a functional control according to the first aspect of the present invention includes the steps of:
  • control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  • An electronic device comprising: a storage device, a processing device, and a response control system, wherein a response system of the function control is stored in the storage device, including at least one computer readable instruction, the at least one Computer readable instructions are executable by the processing device to implement the steps of:
  • control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  • a third aspect of the invention provides a computer readable storage medium having stored thereon at least one computer readable instruction executable by a processing device to:
  • control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  • the response method, the electronic device and the computer readable storage medium provided by the invention acquire the position coordinates of the click event when the click event is detected, and obtain the area adjustment parameter of the control, and adjust the parameter according to the area of the control and
  • the size of the visible area is generated, and the touch area corresponding to the control is generated, and the area of the generated touch area is larger than the area of the visible area, and whether the generated touch area has a touch area matching the position coordinate, and if yes,
  • the control corresponding to the touch area matched with the position coordinate responds to the click event, that is, performs the function corresponding to the control, and in this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately.
  • FIG. 1 is a schematic diagram of an application environment of a preferred embodiment of a response method of a function control according to the present invention
  • FIG. 2 is a schematic flow chart of an embodiment of a response method of a function control according to the present invention
  • FIG. 3 is a schematic diagram of a touch area of a control of an electronic device according to the present invention.
  • FIG. 4 is a block diagram of a program of an embodiment of a response system of a function control of the present invention.
  • FIG. 1 it is a schematic diagram of an application environment of a preferred embodiment of a method for implementing a functional control according to the present invention.
  • the application environment diagram includes an electronic device 1 and a terminal device 2.
  • the electronic device 1 can perform data interaction with the terminal device 2 through a suitable technology such as a network or a near field communication technology.
  • the terminal device 2 includes, but is not limited to, any electronic product that can interact with a user through a keyboard, a mouse, a remote controller, a touch pad, or a voice control device, for example, a personal computer, a tablet computer, a smart phone, or an individual.
  • PDA Personal Digital Assistant
  • game console Internet Protocol Television (IPTV)
  • smart wearable device etc.
  • the electronic device 1 is an apparatus capable of automatically performing numerical calculation and/or information processing in accordance with an instruction set or stored in advance.
  • the electronic device 1 may be a computer, a single network server, a server group composed of a plurality of network servers, or a cloud-based cloud composed of a large number of hosts or network servers, wherein the cloud computing is a type of distributed computing, A super virtual computer consisting of a loosely coupled set of computers.
  • the electronic device 1 includes, but is not limited to, a storage device 11, a processing device 12, and a network interface 13 that are communicably connected to each other through a system bus. It should be noted that FIG. 1 only shows the electronic device 1 having the components 11-13, but it should be understood that not all illustrated components may be implemented, and more or fewer components may be implemented instead.
  • the storage device 11 includes a memory and at least one type of readable storage medium.
  • the memory provides a cache for the operation of the electronic device 1;
  • the readable storage medium may be a non-volatile storage medium such as a flash memory, a hard disk, a multimedia card, a card type memory, or the like.
  • the readable storage medium may be an internal storage unit of the electronic device 1, such as a hard disk of the electronic device 1; in other embodiments, the non-volatile storage medium may also be external to the electronic device 1.
  • a storage device such as a plug-in hard disk equipped with an electronic device 1, a smart memory card (SMC), a Secure Digital (SD) card, a flash card, or the like.
  • SMC smart memory card
  • SD Secure Digital
  • the readable storage medium of the storage device 11 is generally used to store an operating system installed in the electronic device 1 and various types of application software, such as program code of the response system 10 of the function control in an embodiment of the present application. Further, the storage device 11 can also be used to temporarily store various types of data that have been output or are to be output.
  • Processing device 12 may, in some embodiments, include one or more microprocessors, microcontrollers, digital processors, and the like.
  • the processing device 12 is generally used to control the operation of the electronic device 1, for example, to perform control and processing related to data interaction or communication with the terminal device 2.
  • the processing device 12 is configured to execute program code or processing data stored in the storage device 11, such as a response system 10 that runs a function control or the like.
  • the network interface 13 may comprise a wireless network interface or a wired network interface, which is typically used to establish a communication connection between the electronic device 1 and other electronic devices. Real In the embodiment, the network interface 13 is mainly used to connect the electronic device 1 with one or more terminal devices 2, and establish a data transmission channel and a communication connection between the electronic device 1 and one or more terminal devices 2.
  • the response system 10 of the functional controls includes at least one computer readable instructions stored in the storage device 11, the at least one computer readable instructions being executable by the processing device 12 to implement a method of responding to the functional controls of various embodiments of the present application.
  • the at least one computer readable instruction can be classified into different logic modules depending on the functions implemented by its various parts.
  • the response system 10 of the function control when executed by the processing device 12, the following operations are performed: when the click event is detected, the position coordinate of the click event is acquired; and the area adjustment parameter of the control is obtained, according to the The area adjustment parameter and the visible area of the control generate a touch area corresponding to the control, the area of the touch area is larger than the area of the visible area; and determining whether there is a touch area matching the position coordinate If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  • FIG. 2 is a schematic flowchart diagram of an embodiment of a response method of a function control according to the present invention.
  • the response method of the function control includes the following steps:
  • Step S10 acquiring a position coordinate of the click event when a click event is detected
  • Step S20 Obtain an area adjustment parameter of the control, and generate a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
  • Step S30 determining whether there is a touch area that matches the position coordinates
  • Step S40 if any, responds to the click event based on a control corresponding to the touch area that matches the position coordinates.
  • a function control for the user to trigger various instructions is generally provided on the visual interface of the application installed and running on the electronic device 1.
  • a function control generally has a corresponding visual icon, and the size of the icon is the size of the visible area of the control.
  • the control When the control is small, the user can pre-configure the area adjustment parameters for the control and store them.
  • the electronic device 1 detects a click event, it determines the position coordinates of the touch point of the click event on the display screen and records the coordinate value. Gets the area adjustment parameter set for the control, and generates a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control. The area of the generated touch area is larger than the size of the visible area of the control.
  • the area adjustment parameter needs to be set according to the shape of the control, and the area adjustment parameter may include a set of values, wherein each value corresponds to an adjustment direction of the control.
  • the area adjustment parameter includes four values, which are the lengths of the four sides extending in the positive direction. degree. If the control is circular, there is only one adjustment direction, that is, it can be adjusted along the radius. The area adjustment parameter only needs one value, that is, the radius of the circle needs to be extended.
  • the shape of the generated touch area is a circular area with a radius of 4 mm.
  • the control may be set to other shapes as needed, and the corresponding setting area adjustment parameter.
  • the shape of the generated touch area may be different from the visible area of the control.
  • the control itself is circular, and the shape of the touch area generated after the adjustment may be a square shape.
  • FIG. 3 is a schematic diagram of a touch area of a control of an embodiment of the electronic device 1 of the present invention.
  • FIG. 3 shows a display interface of the electronic device 1, assuming that the current
  • the original size of the control on the display interface is 5mm ⁇ 5mm (area A in the figure)
  • the adjustment area parameters preset for the control are (2mm, 2mm, 2mm, 2mm), and the four values correspond to squares respectively.
  • the four adjustment directions of the control is 9 mm ⁇ 9 mm (area B in the figure).
  • the area B is the touch area corresponding to the control.
  • the touch area of the control After the touch area of the control is generated, it is determined whether there is a touch area matching the position coordinates in the touch area. For convenience of description in FIG. 3, taking a control on the display interface as an example, it is only necessary to determine whether the position coordinate of the click event is located in the touch area of the control. In actual application, there may be multiple controls on the display interface. When multiple controls are set with the area adjustment parameters on the display interface, it is necessary to calculate the touch areas of the multiple controls, and determine whether there is any When the touch area matching the position coordinates is described, it is determined based on all the controls on the current display interface to determine whether there is a touch area matching the position coordinates. For the control without the area adjustment parameter, the visible area is Touch area.
  • the control corresponding to the touched touch area responds to the click event, otherwise, the click event is invalid and no response is made.
  • step S20 includes:
  • the preset method is invoked, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinates.
  • the response of the electronic device 1 to the click event requires a certain method.
  • the method herein refers to a series of operations performed by the electronic device 1 for a single click event, including one or more functions.
  • the corresponding method needs to be set according to the operating system running on the electronic device 1. Taking the ios system as an example, the preset method for the click event is: (UIView*) hitTest: (CGPoint) point with Event: (UIEvent*) event.
  • the method needs to be performed according to the touch area generated based on the area adjustment parameter, instead of the size of the original visible area of the control, to determine whether there is A touch area that matches the position coordinates.
  • step S10 the method further includes the following steps:
  • control corresponding to the visible area matching the location area responds to the click event
  • the electronic device 1 after acquiring the position coordinates of the click event, the electronic device 1 does not enlarge the touch area of the control, but first determines whether there is a control matching the position coordinate according to the visible area of the control of the current interface. If yes, it responds directly. When there is no matching control, the touch area of the control with the area adjustment parameter is enlarged, and it is determined whether there is a touch in the enlarged touch area that matches the position coordinate of the click event. Control area.
  • the developer can adjust it in the background as needed and update it in the released new version of the application.
  • step S30 the method further includes the following steps:
  • the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  • the developer configures the area adjustment parameters for multiple controls on one interface, there may be a phenomenon in which the functional areas of two controls with similar distances are enlarged, and some areas overlap, which may cause a click event of the user.
  • the response of the multiple controls is triggered.
  • the response is not directly responded to, but according to the adjusted
  • the size of the touch area is correspondingly enlarged to display a plurality of controls for the user to re-trigger the click event based on the displayed control.
  • the visible areas of the adjacent multiple controls are increased, so that the user can select the desired control to trigger. New click event.
  • the response method of the function control proposed in this embodiment acquires the position coordinate of the click event when the click event is detected, and acquires the area adjustment parameter of the control, and generates and the size according to the area adjustment parameter of the control and the size of the visible area.
  • the touch area corresponding to the control, the area of the generated touch area is larger than the area of the visible area, and it is determined whether there is a touch area matching the position coordinate in the generated touch area, and if yes, based on the touch matching with the position coordinate
  • the corresponding control of the area responds to the above click event, that is, performs the function corresponding to the control. In this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately.
  • control When the control is small, even if the user is When clicking, there is no click to the control itself, as long as it meets the enlarged click area, it can also respond, solve the problem of incorrect click caused by the small size of the control icon, reduce the requirement for the user's click operation precision, and reduce the difficulty of the click operation. Improve user click success rate. Further, when a plurality of controls are displayed according to the size of the adjusted touch area, the controls are first enlarged according to the size of the touch area, and the overlapping areas in each control are cut off, and then displayed. Cut the processed multiple controls to avoid overlapping display of multiple controls on the display interface, further taking into account the aesthetics and practicability of the control display.
  • the invention provides a response system for a functional control.
  • FIG. 4 is a program block diagram of an embodiment of a response system 10 of the functional control of the present invention.
  • the response system 10 of the functional control can be partitioned into one or more modules, one or more modules being stored in a memory and executed by one or more processors to complete the present invention.
  • the response system 10 of the functional control can be divided into an acquisition module 101, a generation module 102, a determination module 103, and a response module 104.
  • module refers to a series of computer program instruction segments capable of performing a specific function, which is more suitable than the program for describing the execution process of the response system 10 of the function control in the electronic device, wherein:
  • the obtaining module 101 is configured to acquire a location coordinate of the click event when a click event is detected;
  • the generating module 102 is configured to acquire an area adjustment parameter of the control, and generate a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than the visible area Area
  • the determining module 103 is configured to determine whether there is a touch area that matches the position coordinates
  • the response module 104 is configured to, if present, respond to the click event based on a control corresponding to the touch area that matches the position coordinate.
  • a function control for the user to trigger various instructions is generally provided on the visual interface of the application installed and running on the electronic device 1.
  • a function control generally has a corresponding visual icon, and the size of the icon is the size of the visible area of the control.
  • the user can pre-configure the area adjustment parameters for the control.
  • Storage When the acquisition module 101 detects a click event, it determines the position coordinates of the touch point of the click event on the display screen and records the coordinate value.
  • the generating module 102 acquires an area adjustment parameter set for the control, and generates a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control. The area of the generated touch area is larger than the size of the visible area of the control.
  • the area adjustment parameter needs to be set according to the shape of the control, and the area adjustment parameter may include a set of values, wherein each value corresponds to an adjustment direction of the control. For example, if the control is a square with four adjustment directions, the area adjustment parameter includes four values, which are the lengths of the four sides extending in the positive direction. If the control is circular, there is only one adjustment direction, that is, it can be adjusted along the radius. The area adjustment parameter only needs one value, that is, the radius of the circle needs to be extended.
  • the shape of the generated touch area is a circular area with a radius of 4 mm.
  • the control may be set to other shapes as needed, and the corresponding setting area adjustment parameter.
  • the shape of the generated touch area may be different from the visible area of the control.
  • the control itself is circular, and the shape of the touch area generated after the adjustment may be a square shape.
  • FIG. 3 is a schematic diagram of a touch area of a control of an embodiment of the electronic device 1 of the present invention.
  • FIG. 3 shows a display interface of the electronic device 1, assuming that the current
  • the original size of the control on the display interface is 5mm ⁇ 5mm (area A in the figure)
  • the adjustment area parameters preset for the control are (2mm, 2mm, 2mm, 2mm), and the four values correspond to squares respectively.
  • the four adjustment directions of the control is 9 mm ⁇ 9 mm (area B in the figure).
  • the area B is the touch area corresponding to the control.
  • the touch area of the control After the touch area of the control is generated, it is determined whether there is a touch area matching the position coordinates in the touch area. For convenience of description in FIG. 3, taking a control on the display interface as an example, it is only necessary to determine whether the position coordinate of the click event is located in the touch area of the control. In actual application, there may be multiple controls on the display interface. When multiple controls are set with the area adjustment parameters on the display interface, the touch areas of the multiple controls need to be calculated, and the determination module 13 determines whether When there is a touch area matching the position coordinates, it is determined based on all the controls on the current display interface to determine whether there is a touch area that matches the position coordinates, and is visible to the control without setting the area adjustment parameter. The area is the touch area.
  • the response module 104 responds to the click event based on the control corresponding to the matched touch area. Piece, otherwise, the click event is invalid and no response is made.
  • whether the click operation is clicked on the control may be determined according to a preset method preset for the control.
  • the determining module 13 includes:
  • the sub-module is called to invoke the preset method, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinate.
  • the response of the response control system 10 of the function control to the click event requires a certain method.
  • the method herein refers to a series of operations performed by the response system 10 of the function control for a single click event, including one or more functions.
  • the corresponding method needs to be set according to the operating system running on the response system 10 of the function control. Taking the ios system as an example, the preset method for the click event is: (UIView*) hitTest: (CGPoint) point with Event: (UIEvent*) Event.
  • the method needs to be performed according to the touch area generated based on the area adjustment parameter, instead of the size of the original visible area of the control, to determine whether there is A touch area that matches the position coordinates.
  • the response system 10 of the function control further includes:
  • a processing module configured to determine, after the location event of the click event is acquired, the control unit that has a visible area matching the location area; and determine that the visible area and the location are When the area matches the control, the control corresponding to the visible area matching the location area responds to the click event; and when it is determined that there is no visible area matching the position area, the area adjustment parameter of the control is obtained, according to the The area adjustment parameter and the visible area of the control generate a touch area corresponding to the control.
  • the response system 10 of the function control does not enlarge the touch area of the control, but first determines whether it matches the position coordinate according to the visible area of the control of the current interface. The control, if any, directly responds. When there is no matching control, the touch area of the control with the area adjustment parameter is enlarged, and it is determined whether there is a position coordinate with the click event in the enlarged touch area. Matching touch area.
  • the developer can Adjust it in the background and update it in the new version of the app that was released.
  • the response system 10 of the function control further includes:
  • the amplifying module is configured to: after determining whether there is a touch area matching the position coordinates, when there are multiple touch areas matching the position coordinates, correspondingly enlarge the display area according to the size of the touch area A plurality of controls are described for the user to re-trigger a click event based on multiple controls displayed in an enlarged manner.
  • the developer configures the area adjustment parameters for multiple controls on one interface, there may be a phenomenon in which the functional areas of two controls with similar distances are enlarged, and some areas overlap, which may cause a click event of the user.
  • the response of the multiple controls is triggered.
  • the response is not directly responded to, but according to the adjusted
  • the size of the touch area is correspondingly enlarged to display a plurality of controls for the user to re-trigger the click event based on the displayed control.
  • the visible areas of the adjacent multiple controls are increased, so that the user can select the desired control to trigger. New click event.
  • the respective controls are first enlarged according to the size of the touch area, and the overlapping area in each control is cut off, and then the display is cut. After processing multiple controls to avoid overlapping display of multiple controls on the display interface, further taking into account the aesthetics and practicability of the control display.
  • the click event may be a click event triggered by a touch operation performed by the touch screen of the electronic device 1 , or a click event may be triggered by an external device, for example, by a control device such as a mouse. Click on the event.
  • the response system of the function control proposed in this embodiment acquires the position coordinate of the click event when the click event is detected, and acquires the area adjustment parameter of the control, and generates and controls according to the area adjustment parameter of the control and the size of the visible area.
  • the touch area corresponding to the control the area of the generated touch area is larger than the area of the visible area, and it is determined whether there is a touch area matching the position coordinate in the generated touch area, and if yes, based on the touch matching with the position coordinate
  • the corresponding control of the area responds to the above click event, that is, performs the function corresponding to the control. In this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately.
  • an embodiment of the present invention further provides a computer readable storage medium having stored thereon at least one computer readable instruction executable by the processing device to implement a response method of the functional control in any of the above embodiments.

Landscapes

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

Abstract

Provided are a function control response method, an electronic device, and a storage medium. The method comprises: acquiring the position coordinates of a click event when the click event is detected (S10); acquiring a region adjustment parameter of a control, and generating, according to the region adjustment parameter and a visible region of the control, a touch region corresponding to the control, wherein the area of the touch region is greater than that of the visible region (S20); determining whether there is a touch region matching the position coordinates (S30); and if so, responding to the click event on the basis of the control corresponding to the touch region matching the position coordinates (S40). The method resolves the issue of incorrect clicks caused by a small control icon.

Description

功能控件的响应方法、电子装置及计算机可读存储介质Functional control response method, electronic device and computer readable storage medium
本申请基于巴黎公约申明享有2017年6月24日递交的申请号为CN201710489755.6、名称为“功能控件的响应终端、方法及计算机可读存储介质”中国专利申请的优先权,该中国专利申请的整体内容以参考的方式结合在本申请中。The present application is based on the priority of the Chinese Patent Application entitled "Responsive Terminals, Methods and Computer-Readable Storage Media for Functional Controls", filed on June 24, 2017, with the application number CN201710489755.6, which is filed on Jun. 24, 2017. The overall content is incorporated herein by reference.
技术领域Technical field
本发明涉及人机交互技术领域,尤其涉及一种功能控件的响应方法、电子装置及计算机可读存储介质。The present invention relates to the field of human-computer interaction technologies, and in particular, to a response method of a function control, an electronic device, and a computer-readable storage medium.
背景技术Background technique
现有的终端,由于屏幕尺寸大小的限制,为了显示更多的信息和内容,或者为了视觉上的统一,在进行UI(User Interface,用户界面)开发时,设计师会避免将控件做的过大,而是将控件或者可以点击的图片设计的较小,这种设计方式虽然满足了美观的要求,并节省了控件占用的控件,但是,对于用户来说,在进行点击操作时,增大了点击操作的难度,降低了点击的成功率,导致可能会误点击到附近的控件图标,这时需要退出或者关闭因为误点击而进入的界面,再次点击目标对象,或者需要反复几次才能准确点击到目标对象,从而进入相应的界面或执行相应的功能,给用户带来极大的不便。In the existing terminal, due to the limitation of the screen size, in order to display more information and content, or for visual unification, the designer will avoid having to do the control when performing UI (User Interface) development. Large, but the control or the image that can be clicked is designed to be smaller. This design method satisfies the aesthetic requirements and saves the controls occupied by the control. However, for the user, when the click operation is performed, the increase is large. The difficulty of clicking operation reduces the success rate of clicks, which may result in accidental clicks to nearby control icons. In this case, you need to quit or close the interface that entered because of a wrong click, click the target object again, or you need to repeat it several times to be accurate. Clicking on the target object to enter the corresponding interface or perform the corresponding function brings great inconvenience to the user.
发明内容Summary of the invention
本发明提供一种功能控件的响应方法、电子装置及计算机可读存储介质,其主要目的在于解决因为控件图标尺寸小造成误点击的问题,提高对控件的点击成功率。The invention provides a response method of a functional control, an electronic device and a computer readable storage medium, the main purpose of which is to solve the problem of accidental clicking caused by the small size of the control icon, and improve the click success rate of the control.
本发明第一方面提出的功能控件的响应方法,包括步骤:A method for responding to a functional control according to the first aspect of the present invention includes the steps of:
在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
判断是否有与所述位置坐标匹配的触控区域;Determining whether there is a touch area that matches the position coordinates;
若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
本发明第二方面提出的电子装置,该电子装置包括存储设备、处理设备及功能控件的响应系统,该功能控件的响应系统存储于该存储设备中,包括至少一个计算机可读指令,该至少一个计算机可读指令可被所述处理设备执行,以实现如下步骤: An electronic device according to a second aspect of the present invention, comprising: a storage device, a processing device, and a response control system, wherein a response system of the function control is stored in the storage device, including at least one computer readable instruction, the at least one Computer readable instructions are executable by the processing device to implement the steps of:
在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
判断是否有与所述位置坐标匹配的触控区域;Determining whether there is a touch area that matches the position coordinates;
若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
本发明第三方面提出一种计算机可读存储介质,其上存储有至少一个可被处理设备执行以实现以下操作的计算机可读指令:A third aspect of the invention provides a computer readable storage medium having stored thereon at least one computer readable instruction executable by a processing device to:
在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
判断是否有与所述位置坐标匹配的触控区域;Determining whether there is a touch area that matches the position coordinates;
若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
本发明提出的功能控件的响应方法、电子装置及计算机可读存储介质,在侦测到点击事件时,获取该点击事件的位置坐标,并获取控件的区域调整参数,根据控件的区域调整参数以及可见区域的大小,生成与该控件对应的触控区域,生成的触控区域的面积大于可见区域的面积,判断生成的触控区域中是否有与位置坐标匹配的触控区域,若有,则基于与位置坐标匹配的触控区域对应的控件响应上述点击事件,即执行该控件对应的功能,通过这样的方式,对于控件的实际可点击区域进行了放大,不需要用户准确的点击目标控件,当控件较小时,即使用户在点击时没有点击到控件本身,只要符合放大后的点击区域,也能够进行响应,解决因为控件图标尺寸小造成误点击的问题,降低了对用户的点击操作精度的要求,降低了点击操作的难度,提高用户点击成功率。The response method, the electronic device and the computer readable storage medium provided by the invention acquire the position coordinates of the click event when the click event is detected, and obtain the area adjustment parameter of the control, and adjust the parameter according to the area of the control and The size of the visible area is generated, and the touch area corresponding to the control is generated, and the area of the generated touch area is larger than the area of the visible area, and whether the generated touch area has a touch area matching the position coordinate, and if yes, The control corresponding to the touch area matched with the position coordinate responds to the click event, that is, performs the function corresponding to the control, and in this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately. When the control is small, even if the user does not click on the control itself when clicking, as long as the zoomed click area is met, the user can respond, solving the problem of the wrong click caused by the small size of the control icon, and reducing the accuracy of the click operation of the user. Requires to reduce the difficulty of click operations and increase user clicks Power.
附图说明DRAWINGS
图1为本发明功能控件的响应方法较佳实施例的应用环境示意图;1 is a schematic diagram of an application environment of a preferred embodiment of a response method of a function control according to the present invention;
图2为本发明功能控件的响应方法一实施例的流程示意图;2 is a schematic flow chart of an embodiment of a response method of a function control according to the present invention;
图3为本发明电子装置的控件的触控区域示意图;3 is a schematic diagram of a touch area of a control of an electronic device according to the present invention;
图4为本发明功能控件的响应系统一实施例的程序模块图。4 is a block diagram of a program of an embodiment of a response system of a function control of the present invention.
具体实施方式Detailed ways
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不 用于限定本发明。It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not It is used to define the invention.
参阅图1所示,是本发明实现功能控件的响应方法的较佳实施例的应用环境示意图。该应用环境示意图包括电子装置1及终端设备2。电子装置1可以通过网络、近场通信技术等适合的技术与终端设备2进行数据交互。Referring to FIG. 1 , it is a schematic diagram of an application environment of a preferred embodiment of a method for implementing a functional control according to the present invention. The application environment diagram includes an electronic device 1 and a terminal device 2. The electronic device 1 can perform data interaction with the terminal device 2 through a suitable technology such as a network or a near field communication technology.
终端设备2包括,但不限于,任何一种可与用户通过键盘、鼠标、遥控器、触摸板或者声控设备等方式进行人机交互的电子产品,例如,个人计算机、平板电脑、智能手机、个人数字助理(Personal Digital Assistant,PDA),游戏机、交互式网络电视(Internet Protocol Television,IPTV)、智能式穿戴设备等。The terminal device 2 includes, but is not limited to, any electronic product that can interact with a user through a keyboard, a mouse, a remote controller, a touch pad, or a voice control device, for example, a personal computer, a tablet computer, a smart phone, or an individual. Personal Digital Assistant (PDA), game console, Internet Protocol Television (IPTV), smart wearable device, etc.
电子装置1是一种能够按照事先设定或者存储的指令,自动进行数值计算和/或信息处理的设备。电子装置1可以是计算机、也可以是单个网络服务器、多个网络服务器组成的服务器组或者基于云计算的由大量主机或者网络服务器构成的云,其中云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。The electronic device 1 is an apparatus capable of automatically performing numerical calculation and/or information processing in accordance with an instruction set or stored in advance. The electronic device 1 may be a computer, a single network server, a server group composed of a plurality of network servers, or a cloud-based cloud composed of a large number of hosts or network servers, wherein the cloud computing is a type of distributed computing, A super virtual computer consisting of a loosely coupled set of computers.
在本实施例中,电子装置1包括,但不仅限于,可通过系统总线相互通信连接的存储设备11、处理设备12、及网络接口13。需要指出的是,图1仅示出了具有组件11-13的电子装置1,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。In the present embodiment, the electronic device 1 includes, but is not limited to, a storage device 11, a processing device 12, and a network interface 13 that are communicably connected to each other through a system bus. It should be noted that FIG. 1 only shows the electronic device 1 having the components 11-13, but it should be understood that not all illustrated components may be implemented, and more or fewer components may be implemented instead.
其中,存储设备11包括内存及至少一种类型的可读存储介质。内存为电子装置1的运行提供缓存;可读存储介质可为如闪存、硬盘、多媒体卡、卡型存储器等的非易失性存储介质。在一些实施例中,可读存储介质可以是电子装置1的内部存储单元,例如该电子装置1的硬盘;在另一些实施例中,该非易失性存储介质也可以是电子装置1的外部存储设备,例如电子装置1上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。本实施例中,存储设备11的可读存储介质通常用于存储安装于电子装置1的操作系统和各类应用软件,例如本申请一实施例中的功能控件的响应系统10的程序代码等。此外,存储设备11还可以用于暂时地存储已经输出或者将要输出的各类数据。The storage device 11 includes a memory and at least one type of readable storage medium. The memory provides a cache for the operation of the electronic device 1; the readable storage medium may be a non-volatile storage medium such as a flash memory, a hard disk, a multimedia card, a card type memory, or the like. In some embodiments, the readable storage medium may be an internal storage unit of the electronic device 1, such as a hard disk of the electronic device 1; in other embodiments, the non-volatile storage medium may also be external to the electronic device 1. A storage device, such as a plug-in hard disk equipped with an electronic device 1, a smart memory card (SMC), a Secure Digital (SD) card, a flash card, or the like. In this embodiment, the readable storage medium of the storage device 11 is generally used to store an operating system installed in the electronic device 1 and various types of application software, such as program code of the response system 10 of the function control in an embodiment of the present application. Further, the storage device 11 can also be used to temporarily store various types of data that have been output or are to be output.
处理设备12在一些实施例中可以包括一个或者多个微处理器、微控制器、数字处理器等。该处理设备12通常用于控制电子装置1的运行,例如执行与终端设备2进行数据交互或者通信相关的控制和处理等。在本实施例中,处理设备12用于运行存储设备11中存储的程序代码或者处理数据,例如运行功能控件的响应系统10等。 Processing device 12 may, in some embodiments, include one or more microprocessors, microcontrollers, digital processors, and the like. The processing device 12 is generally used to control the operation of the electronic device 1, for example, to perform control and processing related to data interaction or communication with the terminal device 2. In the present embodiment, the processing device 12 is configured to execute program code or processing data stored in the storage device 11, such as a response system 10 that runs a function control or the like.
网络接口13可包括无线网络接口或有线网络接口,该网络接口13通常用于在电子装置1与其他电子设备之间建立通信连接。本实 施例中,网络接口13主要用于将电子装置1与一个或多个终端设备2相连,在电子装置1与一个或多个终端设备2之间建立数据传输通道和通信连接。The network interface 13 may comprise a wireless network interface or a wired network interface, which is typically used to establish a communication connection between the electronic device 1 and other electronic devices. Real In the embodiment, the network interface 13 is mainly used to connect the electronic device 1 with one or more terminal devices 2, and establish a data transmission channel and a communication connection between the electronic device 1 and one or more terminal devices 2.
功能控件的响应系统10包括至少一个存储在存储设备11中的计算机可读指令,该至少一个计算机可读指令可被处理设备12执行,以实现本申请各实施例的功能控件的响应方法。如后续所述,该至少一个计算机可读指令依据其各部分所实现的功能不同,可被划为不同的逻辑模块。The response system 10 of the functional controls includes at least one computer readable instructions stored in the storage device 11, the at least one computer readable instructions being executable by the processing device 12 to implement a method of responding to the functional controls of various embodiments of the present application. As described later, the at least one computer readable instruction can be classified into different logic modules depending on the functions implemented by its various parts.
在一实施例中,功能控件的响应系统10被处理设备12执行时,实现以下操作:在侦测到点击事件时,获取所述点击事件的位置坐标;获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;判断是否有与所述位置坐标匹配的触控区域;若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。In an embodiment, when the response system 10 of the function control is executed by the processing device 12, the following operations are performed: when the click event is detected, the position coordinate of the click event is acquired; and the area adjustment parameter of the control is obtained, according to the The area adjustment parameter and the visible area of the control generate a touch area corresponding to the control, the area of the touch area is larger than the area of the visible area; and determining whether there is a touch area matching the position coordinate If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
如图2所示,图2为本发明功能控件的响应方法一实施例的流程示意图。本实施例中,该功能控件的响应方法包括以下步骤:As shown in FIG. 2, FIG. 2 is a schematic flowchart diagram of an embodiment of a response method of a function control according to the present invention. In this embodiment, the response method of the function control includes the following steps:
步骤S10,在侦测到点击事件时,获取所述点击事件的位置坐标;Step S10, acquiring a position coordinate of the click event when a click event is detected;
步骤S20,获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Step S20: Obtain an area adjustment parameter of the control, and generate a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
步骤S30,判断是否有与所述位置坐标匹配的触控区域;Step S30, determining whether there is a touch area that matches the position coordinates;
步骤S40,若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。Step S40, if any, responds to the click event based on a control corresponding to the touch area that matches the position coordinates.
在该实施例中,电子装置1上安装并运行的应用的可视界面上,一般设置有用于用户触发各种指令的功能控件。功能控件一般有对应可视化图标,该图标的大小即为控件的可见区域的大小。In this embodiment, on the visual interface of the application installed and running on the electronic device 1, a function control for the user to trigger various instructions is generally provided. A function control generally has a corresponding visual icon, and the size of the icon is the size of the visible area of the control.
当控件较小时,用户可以预先为该控件配置区域调整参数并存储。当电子装置1侦测到点击事件时,确定该点击事件的触控点在显示屏上的位置坐标并记录该坐标值。获取为控件设置的区域调整参数,根据区域调整参数以及控件的可见区域生成与该控件对应的触控区域。其中,生成的触控区域的面积大于控件的可见区域的大小。When the control is small, the user can pre-configure the area adjustment parameters for the control and store them. When the electronic device 1 detects a click event, it determines the position coordinates of the touch point of the click event on the display screen and records the coordinate value. Gets the area adjustment parameter set for the control, and generates a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control. The area of the generated touch area is larger than the size of the visible area of the control.
可以理解的是,在获取区域调整参数时,只需要获取当前界面上显示的控件的区域调整参数即可。It can be understood that, when acquiring the area adjustment parameter, only the area adjustment parameter of the control displayed on the current interface needs to be acquired.
需要说明的是,该实施例中,区域调整参数需要根据控件的形状来设置,区域调整参数可以包括一组数值,其中,每一个数值对应于控件的一个调整方向。例如,控件为正方形,其具有四个调整方向,则区域调整参数包括四个数值,分别为正方向的四个边向外延伸的长 度。若控件为圆形,则只有一个调整方向,即沿半径调整即可,则区域调整参数只需要一个数值即可,即该圆形的半径需要延伸的长度。例如,控件的可见区域为圆形,其半径为2mm,区域调整参数为2mm,则生成的触控区域的形状即为半径为4mm的圆形区域。可以理解的是,上述控件的形状以及区域调整参数的设置只为举例说明,在其他实施例中,可以根据需要将控件设置为其他形状,并且相应的设置区域调整参数。并且生成的触控区域的形状可以与控件的可见区域的不同,例如,控件本身为圆形,调整后生成的触控区域的形状可以为方形。It should be noted that, in this embodiment, the area adjustment parameter needs to be set according to the shape of the control, and the area adjustment parameter may include a set of values, wherein each value corresponds to an adjustment direction of the control. For example, if the control is a square with four adjustment directions, the area adjustment parameter includes four values, which are the lengths of the four sides extending in the positive direction. degree. If the control is circular, there is only one adjustment direction, that is, it can be adjusted along the radius. The area adjustment parameter only needs one value, that is, the radius of the circle needs to be extended. For example, if the visible area of the control is a circle with a radius of 2 mm and the area adjustment parameter is 2 mm, the shape of the generated touch area is a circular area with a radius of 4 mm. It can be understood that the shape of the above control and the setting of the area adjustment parameter are only for illustration. In other embodiments, the control may be set to other shapes as needed, and the corresponding setting area adjustment parameter. The shape of the generated touch area may be different from the visible area of the control. For example, the control itself is circular, and the shape of the touch area generated after the adjustment may be a square shape.
具体地,以控件的形状为正方形为例,参照图3所示,为本发明电子装置1一实施例的控件的触控区域示意图,该图3中展示了电子装置1的显示界面,假设当前的显示界面上的控件的原始大小为5mm×5mm(如图中的区域A),为该控件预设的调整区域参数为(2mm,2mm,2mm,2mm),这四个数值分别对应于正方形控件的四个调整方向。则根据该区域调整参数以及控件原始的可见区域大小生成的控件的触控区域的大小为9mm×9mm(如图中的区域B)。则上述区域B即为该控件对应的触控区域。在生成控件的触控区域后,判断触控区域中是否有与位置坐标匹配的触控区域。图3中为了便于说明,以在显示界面上有一个控件为例,则只要判断点击事件的位置坐标是否位于该控件的触控区域内即可。在实际应用时,显示界面上可能会有多个控件,当在显示界面上,有多个控件都设置有区域调整参数时,需要计算这多个控件的触控区域,在判断是否有与所述位置坐标匹配的触控区域时,基于当前的显示界面上的所有控件进行判断,确定是否有与位置坐标匹配的触控区域,对于没有设置区域调整参数的控件来说,其可见区域即为触控区域。Specifically, taking the shape of the control as a square as an example, referring to FIG. 3, is a schematic diagram of a touch area of a control of an embodiment of the electronic device 1 of the present invention. FIG. 3 shows a display interface of the electronic device 1, assuming that the current The original size of the control on the display interface is 5mm×5mm (area A in the figure), and the adjustment area parameters preset for the control are (2mm, 2mm, 2mm, 2mm), and the four values correspond to squares respectively. The four adjustment directions of the control. Then, the size of the touch area of the control generated according to the area adjustment parameter and the original visible area size of the control is 9 mm×9 mm (area B in the figure). The area B is the touch area corresponding to the control. After the touch area of the control is generated, it is determined whether there is a touch area matching the position coordinates in the touch area. For convenience of description in FIG. 3, taking a control on the display interface as an example, it is only necessary to determine whether the position coordinate of the click event is located in the touch area of the control. In actual application, there may be multiple controls on the display interface. When multiple controls are set with the area adjustment parameters on the display interface, it is necessary to calculate the touch areas of the multiple controls, and determine whether there is any When the touch area matching the position coordinates is described, it is determined based on all the controls on the current display interface to determine whether there is a touch area matching the position coordinates. For the control without the area adjustment parameter, the visible area is Touch area.
当判定有与点击事件的位置坐标匹配的触控区域时,基于匹配的触控区域对应的控件响应上述点击事件,否则,该点击事件无效,不做任何响应。When it is determined that there is a touch area matching the position coordinates of the click event, the control corresponding to the touched touch area responds to the click event, otherwise, the click event is invalid and no response is made.
参照图3所示,当用户点击控件时,即使没有点击在区域A,而是点击在扩大的区域上(如图3中的灰色区域),也认为点击到了控件,进而对其响应,若点击事件的位置坐标超出了扩大后的区域(图3中的区域B),则认为本次点击事件无效,不做任何响应。通过这种方式,没有增大控件的图标,只是增大了其可触控的区域,对于用户来说,控件的可见区域的大小并未发生改变,这样不仅兼顾了控件显示的美观性与实用性,而且提高了用户点击操作的成功率。Referring to FIG. 3, when the user clicks on the control, even if there is no click in the area A, but clicks on the enlarged area (such as the gray area in FIG. 3), it is considered that the control is clicked, and then the response is clicked. If the position coordinate of the event exceeds the expanded area (area B in Figure 3), the click event is considered invalid and no response is made. In this way, the icon of the control is not increased, but the touchable area is increased. For the user, the size of the visible area of the control has not changed, which not only takes into account the aesthetics and practicality of the display of the control. Sex, and increase the success rate of user click operations.
可选地,在一实施例中,可以根据为控件预先设置的预设方法来判断点击操作是否点击到了控件。具体地,步骤S20包括: Optionally, in an embodiment, whether the click operation is clicked on the control may be determined according to a preset method preset for the control. Specifically, step S20 includes:
调用预设方法,并基于控件的触控区域执行所述预设方法,以判断是否有与所述位置坐标匹配的触控区域。The preset method is invoked, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinates.
电子装置1对于点击事件的响应需要一定的方法,此处的方法是指电子装置1对于一次点击事件所进行的一系列操作,包括有一个或者多个函数来实现。需要根据电子装置1上运行的操作系统来设置对应的方法,以ios系统为例,对于点击事件的预设方法为:(UIView*)hitTest:(CGPoint)point withEvent:(UIEvent*)event。在使用该方法判断是否有与位置坐标匹配的触控区域时,需要按照上述基于区域调整参数生成的触控区域来执行该方法,而非该控件的原始的可见区域的大小,以判断是否有与位置坐标匹配的触控区域。The response of the electronic device 1 to the click event requires a certain method. The method herein refers to a series of operations performed by the electronic device 1 for a single click event, including one or more functions. The corresponding method needs to be set according to the operating system running on the electronic device 1. Taking the ios system as an example, the preset method for the click event is: (UIView*) hitTest: (CGPoint) point with Event: (UIEvent*) event. When using the method to determine whether there is a touch area matching the position coordinates, the method needs to be performed according to the touch area generated based on the area adjustment parameter, instead of the size of the original visible area of the control, to determine whether there is A touch area that matches the position coordinates.
可选地,在一实施例中,步骤S10之后,该方法还包括以下步骤:Optionally, in an embodiment, after step S10, the method further includes the following steps:
判断是否有可见区域与所述位置区域匹配的控件;Determining whether there is a control that the visible area matches the location area;
若有,则基于与所述位置区域匹配的可见区域对应的控件响应所述点击事件;If yes, the control corresponding to the visible area matching the location area responds to the click event;
若否,则执行获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域的步骤。If not, performing the step of acquiring the area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control.
在该实施例中,电子装置1在获取到点击事件的位置坐标后,不对控件的触控区域进行放大,而是先根据当前界面的控件的可见区域来判断是否有与位置坐标匹配的控件,若有,则直接响应,当没有匹配的控件时,再对设置有区域调整参数的控件的触控区域进行放大,并判断放大后的触控区域中是否有与点击事件的位置坐标匹配的触控区域。In this embodiment, after acquiring the position coordinates of the click event, the electronic device 1 does not enlarge the touch area of the control, but first determines whether there is a control matching the position coordinate according to the visible area of the control of the current interface. If yes, it responds directly. When there is no matching control, the touch area of the control with the area adjustment parameter is enlarged, and it is determined whether there is a touch in the enlarged touch area that matches the position coordinate of the click event. Control area.
此外,关于本实施例中的区域调整参数,开发人员可以根据需要在后台对其进行调整,并在发布的新版本的应用中进行更新。In addition, regarding the area adjustment parameters in this embodiment, the developer can adjust it in the background as needed and update it in the released new version of the application.
可选地,在他实施例中,步骤S30之后,该方法还包括以下步骤:Optionally, in another embodiment, after step S30, the method further includes the following steps:
当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
如果开发人员为一个界面上的多个控件均配置有区域调整参数,有可能出现距离相近的两个控件的功能区域进行放大后,有部分区域重叠的现象,这有可能导致用户的一次点击事件会触发多个控件的响应,在该实施例中,为了避免这种情况,当检测到与位置坐标匹配的触控区域有多个时,不直接对点击事件进行响应,而是按照调整后的触控区域的大小对应的放大显示多个控件,以供用户基于放大显示的控件重新触发点击事件,此时,相邻的多个控件的可见区域都增大了,便于用户选择需要的控件触发新的点击事件。 If the developer configures the area adjustment parameters for multiple controls on one interface, there may be a phenomenon in which the functional areas of two controls with similar distances are enlarged, and some areas overlap, which may cause a click event of the user. The response of the multiple controls is triggered. In this embodiment, in order to avoid this situation, when it is detected that there are multiple touch regions matching the position coordinates, the response is not directly responded to, but according to the adjusted The size of the touch area is correspondingly enlarged to display a plurality of controls for the user to re-trigger the click event based on the displayed control. At this time, the visible areas of the adjacent multiple controls are increased, so that the user can select the desired control to trigger. New click event.
本实施例提出的功能控件的响应方法,在侦测到点击事件时,获取该点击事件的位置坐标,并获取控件的区域调整参数,根据控件的区域调整参数以及可见区域的大小,生成与该控件对应的触控区域,生成的触控区域的面积大于可见区域的面积,判断生成的触控区域中是否有与位置坐标匹配的触控区域,若有,则基于与位置坐标匹配的触控区域对应的控件响应上述点击事件,即执行该控件对应的功能,通过这样的方式,对于控件的实际可点击区域进行了放大,不需要用户准确的点击目标控件,当控件较小时,即使用户在点击时没有点击到控件本身,只要符合放大后的点击区域,也能够进行响应,解决因为控件图标尺寸小造成误点击的问题,降低了对用户的点击操作精度的要求,降低了点击操作的难度,提高用户点击成功率。进一步地,在按照调整后的触控区域的大小对应的放大显示多个控件时,先按照所述触控区域的大小放大各个控件,并剪切掉每个控件中的重叠区域,再显示经过剪切处理后的多个控件,以避免多个控件在显示界面上重叠显示,进一步地兼顾了控件显示的美观性与实用性。The response method of the function control proposed in this embodiment acquires the position coordinate of the click event when the click event is detected, and acquires the area adjustment parameter of the control, and generates and the size according to the area adjustment parameter of the control and the size of the visible area. The touch area corresponding to the control, the area of the generated touch area is larger than the area of the visible area, and it is determined whether there is a touch area matching the position coordinate in the generated touch area, and if yes, based on the touch matching with the position coordinate The corresponding control of the area responds to the above click event, that is, performs the function corresponding to the control. In this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately. When the control is small, even if the user is When clicking, there is no click to the control itself, as long as it meets the enlarged click area, it can also respond, solve the problem of incorrect click caused by the small size of the control icon, reduce the requirement for the user's click operation precision, and reduce the difficulty of the click operation. Improve user click success rate. Further, when a plurality of controls are displayed according to the size of the adjusted touch area, the controls are first enlarged according to the size of the touch area, and the overlapping areas in each control are cut off, and then displayed. Cut the processed multiple controls to avoid overlapping display of multiple controls on the display interface, further taking into account the aesthetics and practicability of the control display.
本发明提供一种功能控件的响应系统。The invention provides a response system for a functional control.
请参阅图4,是本发明功能控件的响应系统10一实施例的程序模块图。在本实施例中,功能控件的响应系统10可以被分割成一个或多个模块,一个或者多个模块被存储于存储器中,并由一个或多个处理器所执行,以完成本发明。例如,在图4中,功能控件的响应系统10可以被分割成获取模块101、生成模块102、判断模块103及响应模块104。本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段,比程序更适合于描述功能控件的响应系统10在电子装置中的执行过程,其中:Please refer to FIG. 4, which is a program block diagram of an embodiment of a response system 10 of the functional control of the present invention. In the present embodiment, the response system 10 of the functional control can be partitioned into one or more modules, one or more modules being stored in a memory and executed by one or more processors to complete the present invention. For example, in FIG. 4, the response system 10 of the functional control can be divided into an acquisition module 101, a generation module 102, a determination module 103, and a response module 104. The term "module" as used in the present invention refers to a series of computer program instruction segments capable of performing a specific function, which is more suitable than the program for describing the execution process of the response system 10 of the function control in the electronic device, wherein:
获取模块101,用于在侦测到点击事件时,获取所述点击事件的位置坐标;The obtaining module 101 is configured to acquire a location coordinate of the click event when a click event is detected;
生成模块102,用于获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;The generating module 102 is configured to acquire an area adjustment parameter of the control, and generate a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than the visible area Area
判断模块103,用于判断是否有与所述位置坐标匹配的触控区域;The determining module 103 is configured to determine whether there is a touch area that matches the position coordinates;
响应模块104,用于若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。The response module 104 is configured to, if present, respond to the click event based on a control corresponding to the touch area that matches the position coordinate.
在该实施例中,电子装置1上安装并运行的应用的可视界面上,一般设置有用于用户触发各种指令的功能控件。功能控件一般有对应可视化图标,该图标的大小即为控件的可见区域的大小。In this embodiment, on the visual interface of the application installed and running on the electronic device 1, a function control for the user to trigger various instructions is generally provided. A function control generally has a corresponding visual icon, and the size of the icon is the size of the visible area of the control.
当控件较小时,用户可以预先为该控件配置区域调整参数并存 储。当获取模块101侦测到点击事件时,确定该点击事件的触控点在显示屏上的位置坐标并记录该坐标值。生成模块102获取为控件设置的区域调整参数,根据区域调整参数以及控件的可见区域生成与该控件对应的触控区域。其中,生成的触控区域的面积大于控件的可见区域的大小。When the control is small, the user can pre-configure the area adjustment parameters for the control. Storage. When the acquisition module 101 detects a click event, it determines the position coordinates of the touch point of the click event on the display screen and records the coordinate value. The generating module 102 acquires an area adjustment parameter set for the control, and generates a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control. The area of the generated touch area is larger than the size of the visible area of the control.
可以理解的是,在获取区域调整参数时,只需要获取当前界面上显示的控件的区域调整参数即可。It can be understood that, when acquiring the area adjustment parameter, only the area adjustment parameter of the control displayed on the current interface needs to be acquired.
需要说明的是,该实施例中,区域调整参数需要根据控件的形状来设置,区域调整参数可以包括一组数值,其中,每一个数值对应于控件的一个调整方向。例如,控件为正方形,其具有四个调整方向,则区域调整参数包括四个数值,分别为正方向的四个边向外延伸的长度。若控件为圆形,则只有一个调整方向,即沿半径调整即可,则区域调整参数只需要一个数值即可,即该圆形的半径需要延伸的长度。例如,控件的可见区域为圆形,其半径为2mm,区域调整参数为2mm,则生成的触控区域的形状即为半径为4mm的圆形区域。可以理解的是,上述控件的形状以及区域调整参数的设置只为举例说明,在其他实施例中,可以根据需要将控件设置为其他形状,并且相应的设置区域调整参数。并且生成的触控区域的形状可以与控件的可见区域的不同,例如,控件本身为圆形,调整后生成的触控区域的形状可以为方形。It should be noted that, in this embodiment, the area adjustment parameter needs to be set according to the shape of the control, and the area adjustment parameter may include a set of values, wherein each value corresponds to an adjustment direction of the control. For example, if the control is a square with four adjustment directions, the area adjustment parameter includes four values, which are the lengths of the four sides extending in the positive direction. If the control is circular, there is only one adjustment direction, that is, it can be adjusted along the radius. The area adjustment parameter only needs one value, that is, the radius of the circle needs to be extended. For example, if the visible area of the control is a circle with a radius of 2 mm and the area adjustment parameter is 2 mm, the shape of the generated touch area is a circular area with a radius of 4 mm. It can be understood that the shape of the above control and the setting of the area adjustment parameter are only for illustration. In other embodiments, the control may be set to other shapes as needed, and the corresponding setting area adjustment parameter. The shape of the generated touch area may be different from the visible area of the control. For example, the control itself is circular, and the shape of the touch area generated after the adjustment may be a square shape.
具体地,以控件的形状为正方形为例,参照图3所示,为本发明电子装置1一实施例的控件的触控区域示意图,该图3中展示了电子装置1的显示界面,假设当前的显示界面上的控件的原始大小为5mm×5mm(如图中的区域A),为该控件预设的调整区域参数为(2mm,2mm,2mm,2mm),这四个数值分别对应于正方形控件的四个调整方向。则根据该区域调整参数以及控件原始的可见区域大小生成的控件的触控区域的大小为9mm×9mm(如图中的区域B)。则上述区域B即为该控件对应的触控区域。在生成控件的触控区域后,判断触控区域中是否有与位置坐标匹配的触控区域。图3中为了便于说明,以在显示界面上有一个控件为例,则只要判断点击事件的位置坐标是否位于该控件的触控区域内即可。在实际应用时,显示界面上可能会有多个控件,当在显示界面上,有多个控件都设置有区域调整参数时,需要计算这多个控件的触控区域,判断模块13在判断是否有与所述位置坐标匹配的触控区域时,基于当前的显示界面上的所有控件进行判断,确定是否有与位置坐标匹配的触控区域,对于没有设置区域调整参数的控件来说,其可见区域即为触控区域。Specifically, taking the shape of the control as a square as an example, referring to FIG. 3, is a schematic diagram of a touch area of a control of an embodiment of the electronic device 1 of the present invention. FIG. 3 shows a display interface of the electronic device 1, assuming that the current The original size of the control on the display interface is 5mm×5mm (area A in the figure), and the adjustment area parameters preset for the control are (2mm, 2mm, 2mm, 2mm), and the four values correspond to squares respectively. The four adjustment directions of the control. Then, the size of the touch area of the control generated according to the area adjustment parameter and the original visible area size of the control is 9 mm×9 mm (area B in the figure). The area B is the touch area corresponding to the control. After the touch area of the control is generated, it is determined whether there is a touch area matching the position coordinates in the touch area. For convenience of description in FIG. 3, taking a control on the display interface as an example, it is only necessary to determine whether the position coordinate of the click event is located in the touch area of the control. In actual application, there may be multiple controls on the display interface. When multiple controls are set with the area adjustment parameters on the display interface, the touch areas of the multiple controls need to be calculated, and the determination module 13 determines whether When there is a touch area matching the position coordinates, it is determined based on all the controls on the current display interface to determine whether there is a touch area that matches the position coordinates, and is visible to the control without setting the area adjustment parameter. The area is the touch area.
当判断模块103判定有与点击事件的位置坐标匹配的触控区域时,响应模块104基于匹配的触控区域对应的控件响应上述点击事 件,否则,该点击事件无效,不做任何响应。When the determining module 103 determines that there is a touch area that matches the position coordinates of the click event, the response module 104 responds to the click event based on the control corresponding to the matched touch area. Piece, otherwise, the click event is invalid and no response is made.
参照图3所示,当用户点击控件时,即使没有点击在区域A,而是点击在扩大的区域上(如图3中的灰色区域),也认为点击到了控件,进而对其响应,若点击事件的位置坐标超出了扩大后的区域(图3中的区域B),则认为本次点击事件无效,不做任何响应。通过这种方式,没有增大控件的图标,只是增大了其可触控的区域,对于用户来说,控件的可见区域的大小并未发生改变,这样不仅兼顾了控件显示的美观性与实用性,而且提高了用户点击操作的成功率。Referring to FIG. 3, when the user clicks on the control, even if there is no click in the area A, but clicks on the enlarged area (such as the gray area in FIG. 3), it is considered that the control is clicked, and then the response is clicked. If the position coordinate of the event exceeds the expanded area (area B in Figure 3), the click event is considered invalid and no response is made. In this way, the icon of the control is not increased, but the touchable area is increased. For the user, the size of the visible area of the control has not changed, which not only takes into account the aesthetics and practicality of the display of the control. Sex, and increase the success rate of user click operations.
可选地,在一实施例中,可以根据为控件预先设置的预设方法来判断点击操作是否点击到了控件。具体地,判断模块13包括:Optionally, in an embodiment, whether the click operation is clicked on the control may be determined according to a preset method preset for the control. Specifically, the determining module 13 includes:
调用子模块,用于调用预设方法,并基于控件的触控区域执行所述预设方法,以判断是否有与所述位置坐标匹配的触控区域。The sub-module is called to invoke the preset method, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinate.
功能控件的响应系统10对于点击事件的响应需要一定的方法,此处的方法是指功能控件的响应系统10对于一次点击事件所进行的一系列操作,包括有一个或者多个函数来实现。需要根据功能控件的响应系统10上运行的操作系统来设置对应的方法,以ios系统为例,对于点击事件的预设方法为:(UIView*)hitTest:(CGPoint)point withEvent:(UIEvent*)event。在使用该方法判断是否有与位置坐标匹配的触控区域时,需要按照上述基于区域调整参数生成的触控区域来执行该方法,而非该控件的原始的可见区域的大小,以判断是否有与位置坐标匹配的触控区域。The response of the response control system 10 of the function control to the click event requires a certain method. The method herein refers to a series of operations performed by the response system 10 of the function control for a single click event, including one or more functions. The corresponding method needs to be set according to the operating system running on the response system 10 of the function control. Taking the ios system as an example, the preset method for the click event is: (UIView*) hitTest: (CGPoint) point with Event: (UIEvent*) Event. When using the method to determine whether there is a touch area matching the position coordinates, the method needs to be performed according to the touch area generated based on the area adjustment parameter, instead of the size of the original visible area of the control, to determine whether there is A touch area that matches the position coordinates.
进一步地,本实施例中,该功能控件的响应系统10还包括:Further, in this embodiment, the response system 10 of the function control further includes:
处理模块,用于在所述在侦测到点击事件时,获取所述点击事件的位置坐标之后,判断是否有可见区域与所述位置区域匹配的控件;并在判断有可见区域与所述位置区域匹配的控件时,基于与所述位置区域匹配的可见区域对应的控件响应所述点击事件;以及在判断没有可见区域与所述位置区域匹配的控件时,获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域。a processing module, configured to determine, after the location event of the click event is acquired, the control unit that has a visible area matching the location area; and determine that the visible area and the location are When the area matches the control, the control corresponding to the visible area matching the location area responds to the click event; and when it is determined that there is no visible area matching the position area, the area adjustment parameter of the control is obtained, according to the The area adjustment parameter and the visible area of the control generate a touch area corresponding to the control.
在该实施例中,功能控件的响应系统10在获取到点击事件的位置坐标后,不对控件的触控区域进行放大,而是先根据当前界面的控件的可见区域来判断是否有与位置坐标匹配的控件,若有,则直接响应,当没有匹配的控件时,再对设置有区域调整参数的控件的触控区域进行放大,并判断放大后的触控区域中是否有与点击事件的位置坐标匹配的触控区域。In this embodiment, after the position coordinate of the click event is acquired, the response system 10 of the function control does not enlarge the touch area of the control, but first determines whether it matches the position coordinate according to the visible area of the control of the current interface. The control, if any, directly responds. When there is no matching control, the touch area of the control with the area adjustment parameter is enlarged, and it is determined whether there is a position coordinate with the click event in the enlarged touch area. Matching touch area.
此外,关于本实施例中的区域调整参数,开发人员可以根据需要 在后台对其进行调整,并在发布的新版本的应用中进行更新。In addition, regarding the area adjustment parameters in this embodiment, the developer can Adjust it in the background and update it in the new version of the app that was released.
进一步地,本实施例中,该功能控件的响应系统10还包括:Further, in this embodiment, the response system 10 of the function control further includes:
放大模块,用于在判断是否有与所述位置坐标匹配的触控区域之后,当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。The amplifying module is configured to: after determining whether there is a touch area matching the position coordinates, when there are multiple touch areas matching the position coordinates, correspondingly enlarge the display area according to the size of the touch area A plurality of controls are described for the user to re-trigger a click event based on multiple controls displayed in an enlarged manner.
如果开发人员为一个界面上的多个控件均配置有区域调整参数,有可能出现距离相近的两个控件的功能区域进行放大后,有部分区域重叠的现象,这有可能导致用户的一次点击事件会触发多个控件的响应,在该实施例中,为了避免这种情况,当检测到与位置坐标匹配的触控区域有多个时,不直接对点击事件进行响应,而是按照调整后的触控区域的大小对应的放大显示多个控件,以供用户基于放大显示的控件重新触发点击事件,此时,相邻的多个控件的可见区域都增大了,便于用户选择需要的控件触发新的点击事件。If the developer configures the area adjustment parameters for multiple controls on one interface, there may be a phenomenon in which the functional areas of two controls with similar distances are enlarged, and some areas overlap, which may cause a click event of the user. The response of the multiple controls is triggered. In this embodiment, in order to avoid this situation, when it is detected that there are multiple touch regions matching the position coordinates, the response is not directly responded to, but according to the adjusted The size of the touch area is correspondingly enlarged to display a plurality of controls for the user to re-trigger the click event based on the displayed control. At this time, the visible areas of the adjacent multiple controls are increased, so that the user can select the desired control to trigger. New click event.
进一步地,在按照调整后的触控区域的大小对应的放大显示多个控件时,先按照触控区域的大小放大各个控件,并剪切掉每个控件中的重叠区域,再显示经过剪切处理后的多个控件,以避免多个控件在显示界面上重叠显示,进一步地兼顾了控件显示的美观性与实用性。Further, when a plurality of controls are displayed according to the size of the adjusted touch area, the respective controls are first enlarged according to the size of the touch area, and the overlapping area in each control is cut off, and then the display is cut. After processing multiple controls to avoid overlapping display of multiple controls on the display interface, further taking into account the aesthetics and practicability of the control display.
此外,需要说明的是,本实施例中,上述点击事件可以是基于电子装置1的触控屏进行的触摸操作触发的点击事件,也可以通过外接设备触发点击事件,例如通过鼠标等控制装置触发点击事件。In addition, it should be noted that, in this embodiment, the click event may be a click event triggered by a touch operation performed by the touch screen of the electronic device 1 , or a click event may be triggered by an external device, for example, by a control device such as a mouse. Click on the event.
本实施例提出的功能控件的响应系统,在侦测到点击事件时,获取该点击事件的位置坐标,并获取控件的区域调整参数,根据控件的区域调整参数以及可见区域的大小,生成与该控件对应的触控区域,生成的触控区域的面积大于可见区域的面积,判断生成的触控区域中是否有与位置坐标匹配的触控区域,若有,则基于与位置坐标匹配的触控区域对应的控件响应上述点击事件,即执行该控件对应的功能,通过这样的方式,对于控件的实际可点击区域进行了放大,不需要用户准确的点击目标控件,当控件较小时,即使用户在点击时没有点击到控件本身,只要符合放大后的点击区域,也能够进行响应,解决因为控件图标尺寸小造成误点击的问题,降低了对用户的点击操作精度的要求,降低了点击操作的难度,提高用户点击成功率。The response system of the function control proposed in this embodiment acquires the position coordinate of the click event when the click event is detected, and acquires the area adjustment parameter of the control, and generates and controls according to the area adjustment parameter of the control and the size of the visible area. The touch area corresponding to the control, the area of the generated touch area is larger than the area of the visible area, and it is determined whether there is a touch area matching the position coordinate in the generated touch area, and if yes, based on the touch matching with the position coordinate The corresponding control of the area responds to the above click event, that is, performs the function corresponding to the control. In this way, the actual clickable area of the control is enlarged, and the user does not need to click the target control accurately. When the control is small, even if the user is When clicking, there is no click to the control itself, as long as it meets the enlarged click area, it can also respond, solve the problem of incorrect click caused by the small size of the control icon, reduce the requirement for the user's click operation precision, and reduce the difficulty of the click operation. Improve user click success rate.
此外,本发明实施例还提出一种计算机可读存储介质,其上存储有至少一个可被处理设备执行的计算机可读指令,以实现上述任一实施例中的功能控件的响应方法。 In addition, an embodiment of the present invention further provides a computer readable storage medium having stored thereon at least one computer readable instruction executable by the processing device to implement a response method of the functional control in any of the above embodiments.
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、终端、物品或者方法不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、终端、物品或者方法所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、终端、物品或者方法中还存在另外的相同要素。It is to be understood that the term "comprises", "comprising", or any other variants thereof, is intended to encompass a non-exclusive inclusion, such that a process, terminal, article, or method that comprises a plurality of elements includes not only those elements. It also includes other elements that are not explicitly listed, or elements that are inherent to such a process, terminal, item, or method. An element defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, the terminal, the item or the method including the element, without further limitation.
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。The serial numbers of the embodiments of the present invention are merely for the description, and do not represent the advantages and disadvantages of the embodiments. Through the description of the above embodiments, those skilled in the art can clearly understand that the foregoing embodiment method can be implemented by means of software plus a necessary general hardware platform, and of course, can also be through hardware, but in many cases, the former is better. Implementation. Based on such understanding, portions of the technical solution of the present invention that contribute substantially or to the prior art may be embodied in the form of a software product stored in a storage medium (such as a ROM/RAM as described above). , a disk, an optical disk, including a number of instructions for causing a terminal device (which may be a mobile phone, a computer, a server, or a network device, etc.) to perform the methods described in various embodiments of the present invention.
本领域技术人员不脱离本发明的范围和实质,可以有多种变型方案实现本发明,比如作为一个实施例的特征可用于另一实施例而得到又一实施例。凡在运用本发明的技术构思之内所作的任何修改、等同替换和改进,均应在本发明的权利范围之内。 A person skilled in the art can implement the invention in various variants without departing from the scope and spirit of the invention. For example, the features of one embodiment can be used in another embodiment to obtain a further embodiment. Any modifications, equivalent substitutions and improvements made within the technical concept of the invention are intended to be included within the scope of the invention.

Claims (20)

  1. 一种功能控件的响应方法,其特征在于,所述功能控件的响应方法包括:A response method of a function control, wherein the response method of the function control comprises:
    在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
    获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
    判断是否有与所述位置坐标匹配的触控区域;Determining whether there is a touch area that matches the position coordinates;
    若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  2. 根据权利要求1所述的功能控件的响应方法,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述方法还包括:The method of claim 1, wherein the method further comprises: after the step of determining whether there is a touch area that matches the position coordinates, the method further comprises:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  3. 根据权利要求2所述的功能控件的响应方法,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The method of responding to the function control according to claim 2, wherein when there are a plurality of touch areas matching the position coordinates, the plurality of touch areas are correspondingly enlarged and displayed according to the size of the touch area. The steps of the controls include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  4. 根据权利要求1所述的功能控件的响应方法,其特征在于,所述在侦测到点击事件时,获取所述点击事件的位置坐标的步骤之后,所述方法还包括:The method of responding to the function control according to claim 1, wherein after the step of acquiring the location coordinates of the click event when the click event is detected, the method further includes:
    判断是否有可见区域与所述位置区域匹配的控件;Determining whether there is a control that the visible area matches the location area;
    若有,则基于与所述位置区域匹配的可见区域对应的控件响应所述点击事件;If yes, the control corresponding to the visible area matching the location area responds to the click event;
    若否,则执行获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域的步骤。If not, performing the step of acquiring the area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control.
  5. 根据权利要求4所述的功能控件的响应方法,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述方 法还包括:The method for responding to a function control according to claim 4, wherein said step of determining whether there is a touch area matching said position coordinates The law also includes:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  6. 根据权利要求5所述的功能控件的响应方法,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The method of responding to the function control according to claim 5, wherein when there are a plurality of touch areas matching the position coordinates, the plurality of touch areas are correspondingly enlarged and displayed according to the size of the touch area. The steps of the controls include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  7. 根据权利要求1所述的功能控件的响应方法,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤包括:The method of responding to a function control according to claim 1, wherein the step of determining whether there is a touch area matching the position coordinates comprises:
    调用预设方法,并基于控件的触控区域执行所述预设方法,以判断是否有与所述位置坐标匹配的触控区域。The preset method is invoked, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinates.
  8. 根据权利要求7所述的功能控件的响应方法,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述方法还包括:The method of claim 7, wherein the method further comprises: after the step of determining whether there is a touch area that matches the position coordinates, the method further comprises:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  9. 根据权利要求8所述的功能控件的响应方法,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The method of responding to the function control according to claim 8, wherein when there are a plurality of touch areas matching the position coordinates, the plurality of touch areas are correspondingly enlarged and displayed according to the size of the touch area. The steps of the controls include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  10. 一种电子装置,其特征在于,该电子装置包括存储设备、处理设备及功能控件的响应系统,该功能控件的响应系统存储于该存储设备中,包括至少一个计算机可读指令,该至少一个计算机可读指令可被所述处理设备执行,以实现如下步骤: An electronic device, comprising: a response device of a storage device, a processing device, and a function control, wherein a response system of the function control is stored in the storage device, including at least one computer readable instruction, the at least one computer The readable instructions are executable by the processing device to implement the following steps:
    在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
    获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
    判断是否有与所述位置坐标匹配的触控区域;Determining whether there is a touch area that matches the position coordinates;
    若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  11. 根据权利要求10所述的电子装置,其特征在于,在判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述处理设备还可执行所述至少一个计算机可读指令,以实现以下步骤:The electronic device according to claim 10, wherein after the step of determining whether there is a touch area matching the position coordinates, the processing device is further executable to execute the at least one computer readable instruction The following steps:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  12. 根据权利要求11所述的电子装置,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The electronic device according to claim 11, wherein when there are a plurality of touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch regions. The steps include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  13. 根据权利要求10所述的电子装置,其特征在于,在所述在侦测到点击事件时,获取所述点击事件的位置坐标的步骤之后,所述处理设备还可执行所述至少一个计算机可读指令,以实现以下步骤:The electronic device according to claim 10, wherein after the step of acquiring the location coordinates of the click event when the click event is detected, the processing device may further execute the at least one computer Read the instructions to implement the following steps:
    判断是否有可见区域与所述位置区域匹配的控件;Determining whether there is a control that the visible area matches the location area;
    若有,则基于与所述位置区域匹配的可见区域对应的控件响应所述点击事件;If yes, the control corresponding to the visible area matching the location area responds to the click event;
    若否,则执行获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域的步骤。If not, performing the step of acquiring the area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control.
  14. 根据权利要求13所述的电子装置,其特征在于,在判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述处理设备还可执行所述至少一个计算机可读指令,以实现以下步骤:The electronic device according to claim 13, wherein after the step of determining whether there is a touch area matching the position coordinates, the processing device can further execute the at least one computer readable instruction to implement The following steps:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个 控件重新触发点击事件。When there are multiple touch areas matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch area, so as to be displayed by the user based on the enlarged display. The control re-triggers the click event.
  15. 根据权利要求14所述的电子装置,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The electronic device according to claim 14, wherein when there are a plurality of touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch regions. The steps include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  16. 根据权利要求10所述的电子装置,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤包括:The electronic device according to claim 10, wherein the step of determining whether there is a touch area matching the position coordinates comprises:
    调用预设方法,并基于控件的触控区域执行所述预设方法,以判断是否有与所述位置坐标匹配的触控区域。The preset method is invoked, and the preset method is executed based on the touch area of the control to determine whether there is a touch area that matches the position coordinates.
  17. 根据权利要求16所述的电子装置,其特征在于,在判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述处理设备还可执行所述至少一个计算机可读指令,以实现以下步骤:The electronic device according to claim 16, wherein after the step of determining whether there is a touch area matching the position coordinates, the processing device can further execute the at least one computer readable instruction to implement The following steps:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
  18. 根据权利要求17所述的电子装置,其特征在于,所述当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件的步骤包括:The electronic device according to claim 17, wherein when there are a plurality of touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch regions. The steps include:
    当与所述位置坐标匹配的触控区域有多个时,确定所述多个触控区域之间的重叠区域;Determining an overlapping area between the plurality of touch areas when there are multiple touch areas matching the position coordinates;
    按照所述触控区域的大小放大所述多个控件,并剪切掉所述多个控件中的所述重叠区域;Enlarging the plurality of controls according to the size of the touch area, and cutting off the overlapping area of the plurality of controls;
    显示经过剪切处理后的所述多个控件。The plurality of controls after the clipping process are displayed.
  19. 一种计算机可读存储介质,其特征在于,其上存储有至少一个可被处理设备执行以实现以下操作的计算机可读指令:A computer readable storage medium having stored thereon at least one computer readable instruction executable by a processing device to::
    在侦测到点击事件时,获取所述点击事件的位置坐标;Obtaining a position coordinate of the click event when a click event is detected;
    获取控件的区域调整参数,根据所述区域调整参数以及所述控件的可见区域,生成与所述控件对应的触控区域,所述触控区域的面积大于所述可见区域的面积;Obtaining an area adjustment parameter of the control, and generating a touch area corresponding to the control according to the area adjustment parameter and the visible area of the control, where an area of the touch area is larger than an area of the visible area;
    判断是否有与所述位置坐标匹配的触控区域; Determining whether there is a touch area that matches the position coordinates;
    若有,则基于与所述位置坐标匹配的触控区域对应的控件响应所述点击事件。If so, the control corresponding to the touch area that matches the position coordinates is responsive to the click event.
  20. 如权利要求19所述的计算机可读存储介质,其特征在于,所述判断是否有与所述位置坐标匹配的触控区域的步骤之后,所述方法还包括:The computer readable storage medium according to claim 19, wherein after the step of determining whether there is a touch area matching the position coordinates, the method further comprises:
    当与所述位置坐标匹配的触控区域有多个时,按照所述触控区域的大小对应地放大显示所述多个控件,以供用户基于放大显示的多个控件重新触发点击事件。 When there are multiple touch regions matching the position coordinates, the plurality of controls are correspondingly enlarged according to the size of the touch region, so that the user re-triggers the click event based on the plurality of controls displayed by the zoom.
PCT/CN2017/100048 2017-06-24 2017-08-31 Function control response method, electronic device, and computer readable storage medium WO2018233054A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710489755.6 2017-06-24
CN201710489755.6A CN107704147A (en) 2017-06-24 2017-06-24 Response terminal, method and the computer-readable recording medium of functionality controls

Publications (1)

Publication Number Publication Date
WO2018233054A1 true WO2018233054A1 (en) 2018-12-27

Family

ID=61170453

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/100048 WO2018233054A1 (en) 2017-06-24 2017-08-31 Function control response method, electronic device, and computer readable storage medium

Country Status (2)

Country Link
CN (1) CN107704147A (en)
WO (1) WO2018233054A1 (en)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108379839B (en) 2018-03-23 2019-12-10 网易(杭州)网络有限公司 Control response method and device and terminal
CN109568962A (en) * 2018-12-05 2019-04-05 苏州蜗牛数字科技股份有限公司 A kind of game mobile phone press keys setup method
CN113726948B (en) * 2020-05-12 2022-08-23 北京字节跳动网络技术有限公司 Picture display method and device
CN112363669B (en) * 2020-11-19 2021-07-27 北京元心科技有限公司 Operation behavior determination method and device, electronic equipment and computer-readable storage medium
CN112915525B (en) * 2021-03-26 2023-06-16 平安科技(深圳)有限公司 Game music generation method, device, equipment and storage medium
CN113157164A (en) * 2021-05-11 2021-07-23 北京字跳网络技术有限公司 Display control method and device and electronic equipment
CN113918071A (en) * 2021-10-09 2022-01-11 北京字节跳动网络技术有限公司 Interaction method and device and electronic equipment
CN116560958B (en) * 2023-04-24 2024-03-01 重庆赛力斯凤凰智创科技有限公司 Implementation method, device, terminal and storage medium for judging event occurrence position

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080172618A1 (en) * 2007-01-11 2008-07-17 Samsung Electronics Co., Ltd Navigation system of web browser and method thereof
CN102830936A (en) * 2012-09-02 2012-12-19 广州市渡明信息技术有限公司 Browsing method of mobile equipment and mobile equipment
CN102855066A (en) * 2012-09-26 2013-01-02 东莞宇龙通信科技有限公司 Terminal and terminal control method
CN103135932A (en) * 2013-02-17 2013-06-05 东莞宇龙通信科技有限公司 Method for amplification processing of touch object and communication terminal

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101630224A (en) * 2009-08-14 2010-01-20 宇龙计算机通信科技(深圳)有限公司 Method and system for processing control icons on interface and touch terminal
CN103617002A (en) * 2013-12-16 2014-03-05 深圳市理邦精密仪器股份有限公司 Method and device for achieving touch interface
CN105224215A (en) * 2015-08-28 2016-01-06 小米科技有限责任公司 Terminal control method and device
CN105242825B (en) * 2015-09-09 2018-11-20 北京新美互通科技有限公司 terminal control method and device
KR102488461B1 (en) * 2015-11-24 2023-01-13 엘지전자 주식회사 Flexible display device and operating method thereof
CN106445359A (en) * 2016-10-28 2017-02-22 合网络技术(北京)有限公司 Control controlling method and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080172618A1 (en) * 2007-01-11 2008-07-17 Samsung Electronics Co., Ltd Navigation system of web browser and method thereof
CN102830936A (en) * 2012-09-02 2012-12-19 广州市渡明信息技术有限公司 Browsing method of mobile equipment and mobile equipment
CN102855066A (en) * 2012-09-26 2013-01-02 东莞宇龙通信科技有限公司 Terminal and terminal control method
CN103135932A (en) * 2013-02-17 2013-06-05 东莞宇龙通信科技有限公司 Method for amplification processing of touch object and communication terminal

Also Published As

Publication number Publication date
CN107704147A (en) 2018-02-16

Similar Documents

Publication Publication Date Title
WO2018233054A1 (en) Function control response method, electronic device, and computer readable storage medium
US11262895B2 (en) Screen capturing method and apparatus
US11301126B2 (en) Icon control method and terminal
US9965039B2 (en) Device and method for displaying user interface of virtual input device based on motion recognition
US20140285456A1 (en) Screen control method and the apparatus
WO2022111047A1 (en) Voice broadcasting method, computing device and computer storage medium
US9262012B2 (en) Hover angle
US9697184B2 (en) Adjusting layout size of hyperlink
US10943372B2 (en) GUI display method and apparatus, and terminal device
US10073586B2 (en) Method and system for mouse pointer to automatically follow cursor
US10073612B1 (en) Fixed cursor input interface for a computer aided design application executing on a touch screen device
JP6287861B2 (en) Information processing apparatus, information processing method, and program storage medium
EP3699731A1 (en) Method and device for calling input method, and server and terminal
WO2019095578A1 (en) Input content verification method, device and apparatus, and computer readable storage medium
WO2017096797A1 (en) Operating assembly control method and system based on motion sensing
JP2016110604A (en) Page turning system and method
CN106155614B (en) Operation information transmission method and electronic equipment
US20170090744A1 (en) Virtual reality headset device with front touch screen
KR102335433B1 (en) Planar figure creating system which automatically creates planar figure based on 3d drawings of three-dimensional structure
US10261979B2 (en) Method and apparatus for rendering a screen-representation of an electronic document
US11567655B2 (en) Secure signature creation on a secondary device
US9787731B2 (en) Dynamically determining workspace bounds during a collaboration session
TW201514832A (en) System and method for adjusting image display
KR101491056B1 (en) Touch screen terminal apparatus and method for supporting mouse user interface in server based computing system of terminal environment
WO2020132863A1 (en) Continuous writing method and display terminal

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17915027

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 29/05/2020)

122 Ep: pct application non-entry in european phase

Ref document number: 17915027

Country of ref document: EP

Kind code of ref document: A1