CN118466817A - Interactive control method, device, computer equipment and medium for application page - Google Patents

Abstract

The application relates to an interactive control method, an interactive control device, computer equipment and a medium for application pages. The method comprises the following steps: responding to a function interaction request triggered by a user in a displayed application page, and acquiring touch control data of the user in the application page; based on the touch data, verifying the validity of the function interaction request; executing interaction response logic preset for the interaction view under the condition that the verification result represents that the function interaction request is invalid; or executing interaction response logic preset for the interaction control under the condition that the verification result characterizes that the function interaction request is effective. By adopting the method, the function interaction request triggered by the user can be managed, the complexity of the system response logic is reduced, and the effectiveness of the page function use is improved.

Description

Interactive control method, device, computer equipment and medium for application page

Technical Field

The present application relates to the technical field of page interaction, and in particular to an interactive control method for an application page, an interactive control device for an application page, a computer device, a computer-readable storage medium, and a computer program product.

Background Art

In the development process of application pages, it is often necessary to use views at different levels to realize dynamic use of page control functions. In the prior art, multiple function controls are usually configured in the application page, so that the user can touch each function control on the application page to trigger the function control to execute the corresponding response logic.

In the prior art, invalid touches on functional controls often occur due to improper user operations, such as repeated touches, touch position deviations, or touch type errors, causing the system to spend more computing resources to process these invalid touch instructions, thereby increasing the complexity of the system response logic and reducing the effectiveness of the page function usage.

Summary of the invention

In view of the above problems, the present disclosure provides an interactive control method for an application page, an interactive control device for an application page, a computer device, a computer-readable storage medium, and a computer program product. The technical solution of the present disclosure is as follows:

According to a first aspect of an embodiment of the present disclosure, there is provided an interactive control method for an application page, comprising:

In response to a user triggering a function interaction request in a displayed application page, acquiring touch data of the user in the application page; wherein at least one interactive control is configured on the application page, and a preset interactive view is covered in an upper view of the interactive control;

Based on the touch data, verify the validity of the function interaction request to obtain a corresponding verification result;

When the verification result indicates that the functional interaction request is invalid, the preset interactive response logic for the interactive view is executed; or, when the verification result indicates that the functional interaction request is valid, the preset interactive response logic for the interactive control is executed.

In an exemplary embodiment, after verifying the validity of the function interaction request based on the touch data and obtaining a corresponding verification result, the method further includes:

In the application page, the interactive control is functionally shielded based on the interactive view to shield the user from touch operations on the interactive control; or,

The interactive control is functionally enabled based on the interactive view to receive a touch operation of the user on the interactive control.

In an exemplary embodiment, before responding to a user triggering a function interaction request in a displayed application page and acquiring the touch data of the user in the application page, the method further includes:

Adding an interactive view to the touch area of the application page to cover the interactive controls contained in the touch area;

Configuring the color of the interactive view to be transparent so as to hide the interactive view in the application page; and

Each of the interactive controls contained in the touch area is associated with the interactive view respectively, so that when the user performs a touch operation on the interactive view in the application page, a preset response test function for the interactive view is executed.

In an exemplary embodiment, before responding to a user triggering a function interaction request in a displayed application page and acquiring the touch data of the user in the application page, the method further includes:

Adding an interactive view to each interactive control on the application page to cover each interactive control included in the application page;

Configuring the color of each of the interactive views to be transparent so as to hide each of the interactive views in the application page; and

Obtaining view information of each of the interactive views; the view information includes the page area size of the interactive view in the application page, the interactive response logic or control type of the corresponding interactive control;

Based on the view information of each of the interactive views, each of the interactive views is classified into a corresponding plurality of view sets, and the view sets are stored in a preset storage medium, so that when the user performs a touch operation on a target interactive control, a target interactive view is extracted from the corresponding view set, and a preset response test function for the target interactive view is executed.

In an exemplary embodiment, in the application page, functionally shielding the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or functionally enabling the interactive control based on the interactive view to receive the user's touch operation on the interactive control includes:

In the case where the interactive view is a composite view composed of multiple sub-views, in the application page, the target sub-view corresponding to the target interactive control touched by the user is displayed to shield the function of the target interactive control; and the sub-view corresponding to the interactive control not touched by the user is hidden to enable the function of the interactive control.

In an exemplary embodiment, in the application page, functionally shielding the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or functionally enabling the interactive control based on the interactive view to receive the user's touch operation on the interactive control includes:

When the interactive view is a single view, in the application page, the view area corresponding to the target interactive control touched by the user is displayed to shield the function of the target interactive control; and the view area corresponding to the interactive control not touched by the user is hidden to enable the function of the interactive control.

In an exemplary embodiment, in the application page, functionally shielding the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or functionally enabling the interactive control based on the interactive view to receive the user's touch operation on the interactive control includes:

When the interaction view is the target interaction view extracted from the view set, the target interaction view is moved to the page area corresponding to the target interaction control to cover it so as to functionally shield the target interaction control; and the interaction control that is not covered by the interaction view is functionally enabled.

In an exemplary embodiment, in the application page, functionally shielding the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or functionally enabling the interactive control based on the interactive view to receive the user's touch operation on the interactive control includes:

In a case where the touch operation performed by the user on the interactive view in the application page is a multiple interactive operation, determining a parent view and a child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations;

The multiple interactive operations are removed from the member properties of the parent view to shield the functions of the interactive controls corresponding to the multiple interactive operations; or, the multiple interactive operations are added from the member properties of the parent view to enable the functions of the interactive controls corresponding to the multiple interactive operations.

In an exemplary embodiment, after determining the parent view and the child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations, the method further includes:

The member variables of the multiple interactive operations are set to be invalid to functionally shield the interactive controls corresponding to the multiple interactive operations; or the member variables of the multiple interactive operations are set to be valid to functionally enable the interactive controls corresponding to the multiple interactive operations.

In an exemplary embodiment, after determining the parent view and the child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations, the method further includes:

The preset interactive switch for the sub-view is turned off to shield the functions of the interactive controls corresponding to the multiple interactive operations; or the preset interactive switch for the sub-view is turned on to enable the functions of the interactive controls corresponding to the multiple interactive operations.

In an exemplary embodiment, in the application page, functionally shielding the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or functionally enabling the interactive control based on the interactive view to receive the user's touch operation on the interactive control includes:

In the application page, a parent view that meets a preset condition is determined, or a parent view that meets a preset condition is added to the application page; the preset condition includes that there is only one child view under the parent view, and the size and color of the parent view are the same as those of the child view, or the background color of the parent view is transparent;

Adjusting the size of the parent view to a preset size to shield the function of the interactive control corresponding to the parent view;

The size of the parent view is adjusted from the preset size back to the same size as the child view, so as to enable the function of the interactive control corresponding to the parent view.

In an exemplary embodiment, in response to a user triggering a function interaction request in a displayed application page, obtaining touch data of the user in the application page includes:

In response to the user performing a touch operation on the interactive view in the application page, obtaining a response test function executed corresponding to the interactive view;

Rewrite the response test function to obtain the touch coordinates and touch type of the user;

Based on the touch coordinates and the touch type, it is determined whether the touch operation is a repeated interaction operation or not.

In an exemplary embodiment, the performing validity verification on the function interaction request based on the touch data to obtain a corresponding verification result includes:

In a case where the touch data satisfies a preset verification condition, determining that the function interaction request is valid, and obtaining a verification result corresponding to the validity of the function interaction request; or

In the case where the touch data does not satisfy a preset verification condition, determining that the function interaction request is invalid, and obtaining a verification result corresponding to the invalidity of the function interaction request;

The verification conditions include the following three items:

Whether the touch type of the user is a preset type, whether the touch coordinates of the user are within the area of the interactive control, and whether the touch operation of the user is not a repeated interactive operation.

According to a second aspect of an embodiment of the present disclosure, there is provided an interactive control device for an application page, including:

A data acquisition module, configured to respond to a user triggering a function interaction request in a displayed application page, and acquire the touch data of the user in the application page; wherein at least one interactive control is configured on the application page, and a preset interactive view is covered in the upper view of the interactive control;

A validity verification module, used to verify the validity of the functional interaction request based on the touch data to obtain a corresponding verification result;

The response logic module is used to execute the interaction response logic preset for the interaction view when the verification result indicates that the functional interaction request is invalid; or to execute the interaction response logic preset for the interaction control when the verification result indicates that the functional interaction request is valid.

According to a third aspect of an embodiment of the present disclosure, a computer device is provided, including:

A processor and a memory connected to the processor, wherein the memory stores program data, and the processor is used to call the program data stored in the memory to implement the interactive control method of the application page as described in any one of the above items.

According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, wherein the computer-readable storage medium includes program data, and when the program data is executed by a processor of a computer device, the computer device is enabled to execute the interactive control method of the application page as described in any one of the above items.

According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, wherein the computer program product includes program instructions, and when the program instructions are executed by a processor of a computer device, the computer device is enabled to execute the interactive control method of the application page as described in any one of the above items.

The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

On the one hand, this solution first obtains the user's touch data by responding to the function interaction request triggered by the user, and then verifies the validity of the function interaction request, so that when the function interaction request is invalid, the preset interaction response logic for the interaction view is executed; or when the function interaction request is valid, the preset interaction response logic for the interaction control is executed, thereby optimizing the interaction control process of the page, effectively improving the efficiency of page function use, and reducing the consumption of computing resources; on the other hand, this solution determines whether the function interaction request triggered by the user is valid through the user's touch data in the application page, so as to execute the preset interaction response logic for the interaction view or the preset interaction response logic for the interaction control, so as to effectively manage the function interaction request triggered by the user and implement the corresponding interaction response logic, thereby reducing the complexity of the system response logic and increasing the effectiveness of page function use.

It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.

BRIEF DESCRIPTION OF THE DRAWINGS

In order to more clearly illustrate the technical solutions in the embodiments of the present application or the related technologies, the drawings required for use in the embodiments of the present application or the related technical descriptions will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

Fig. 1 is an application environment diagram showing an interactive control method for an application page according to an exemplary embodiment.

Fig. 2 is a flow chart showing a method for interactive control of an application page according to an exemplary embodiment.

Fig. 3 is a flow chart showing a first method of interactively controlling an application page according to an exemplary embodiment.

Fig. 4 is a flow chart showing a second method of interactively controlling an application page according to an exemplary embodiment.

Fig. 5 is a flowchart showing a third method of interactively controlling an application page according to an exemplary embodiment.

Fig. 6 is a page diagram showing a first method of adding an interactive view according to an exemplary embodiment.

Fig. 7 is a page diagram showing a second method of adding an interactive view according to an exemplary embodiment.

Fig. 8 is a structural diagram showing a customized management module according to an exemplary embodiment.

Fig. 9 is a flow chart showing a method of storing and managing interactive views according to an exemplary embodiment.

Fig. 10 is a page diagram showing interactive control of an application page according to an exemplary embodiment.

Fig. 11 is a page diagram showing related views of a multiple interactive operation according to an exemplary embodiment.

Fig. 12 is a page diagram showing a method of adjusting a view size according to an exemplary embodiment.

Fig. 13 is a structural block diagram of an interactive control device for an application page according to an exemplary embodiment.

Fig. 14 is a block diagram showing a computer device for interactive control of application pages according to an exemplary embodiment.

DETAILED DESCRIPTION

In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

The term "and/or" in the embodiments of the present application refers to any and all possible combinations of one or more of the associated enumerated items. It should also be noted that when used in this specification, "include/comprise" specifies the existence of the stated features, integers, steps, operations, elements and/or components, but does not exclude the existence or addition of one or more other features, integers, steps, operations, elements and/or components and/or their groups.

The terms "first", "second", etc. in this application are used to distinguish different objects, rather than to describe a specific order. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally includes other steps or units inherent to these processes, methods, products or devices.

In addition, although the terms "first", "second", etc. are used many times in this application to describe various operations (or various elements or various applications or various instructions or various data), etc., these operations (or elements or applications or instructions or data) should not be limited by these terms. These terms are only used to distinguish one operation (or element or application or instruction or data) from another operation (or element or application or instruction or data).

The interactive control method of the application page provided in the embodiment of the present application can be applied to the application environment shown in Figure 1. Among them, the terminal 102 communicates with the server 104 through a communication network. The data storage system can store data that the server 104 needs to process. The data storage system can be integrated on the server 104, or it can be placed on the cloud or other network servers.

In some embodiments, referring to FIG1 , the server 104 responds to a user triggering a function interaction request in a displayed application page, and obtains the touch data of the user in the application page; wherein, at least one interaction control is configured on the application page, and a preset interaction view is covered in the upper view of the interaction control; based on the touch data, the validity of the function interaction request is verified to obtain a corresponding verification result; when the verification result indicates that the function interaction request is invalid, the interaction response logic preset for the interaction view is executed; or, when the verification result indicates that the function interaction request is valid, the interaction response logic preset for the interaction control is executed.

In some embodiments, the terminal 102 (such as a mobile terminal, a fixed terminal) can be implemented in various forms. The terminal 102 can be a mobile terminal including a mobile phone, a smart phone, a laptop, a portable handheld device, a personal digital assistant (PDA), a tablet computer (PAD), etc. The terminal 102 can also be a fixed terminal such as an automated teller machine (ATM), an automatic all-in-one machine, a digital TV, a desktop computer, a fixed computer, etc.

In the following, it is assumed that the terminal 102 is a fixed terminal. However, it will be understood by those skilled in the art that the configuration according to the embodiments disclosed in this application can also be applied to a mobile type terminal 102 if there are operations or elements specifically for mobile purposes.

In some embodiments, the data processing component running on the server 104 may load any of a variety of additional server applications and/or middle-tier applications being executed, such as HTTP (Hypertext Transfer Protocol), FTP (File Transfer Protocol), CGI (Common Gateway Interface), RDBMS (Relational Database Management System), etc.

In some embodiments, the server 104 may be implemented as an independent server or a server cluster consisting of multiple servers. The server 104 may be suitable for running one or more application services or software components that provide the terminal 102 described in the above disclosure.

In some embodiments, the operating system running the application service or software component may include various versions of Microsoft Apple and/or Linux operating system, various commercial or similar Operating systems (including but not limited to various GNU/Linux operating systems, Google OS, etc.) and/or mobile operating systems such as Phone, OS, OS, OS operating system, and other online operating systems or offline operating systems are not specifically limited here.

In some embodiments, as shown in FIG. 2 , FIG. 2 is a flow chart of an embodiment of an interactive control method for an application page in the present application, and the method is applied to the server 104 or the mobile terminal system in FIG. 1 as an example for explanation. The method includes the following steps:

Step S11: responding to a user triggering a function interaction request in a displayed application page, and acquiring the user's touch data in the application page.

Among them, at least one interactive control is configured on the application page, and a preset interactive view is covered in the upper view of the interactive control.

Specifically, when browsing an application page, the user can click on the interactive control displayed in the application page to touch the corresponding interactive view, thereby responding to the functional interaction request initiated by the user through the interactive view. Among them, the functional interaction request can be to obtain new content, update existing content, or perform other operations to meet the needs of the user and provide a better user experience. For example, the user clicks on the interactive view overlaid on the "Tire Pressure" control on the "Vehicle Status" page in the in-vehicle media application to trigger the functional interaction request of the "Vehicle Status" page, so that the server obtains the user's touch data in the interactive view.

In some embodiments, in response to a user triggering a function interaction request in a displayed application page, obtaining the user's touch data in the application page may include the following steps:

Step 1: In response to the user performing a touch operation on the interactive view in the application page, obtain a response test function executed corresponding to the interactive view.

Specifically, whenever a user performs a touch operation on an interactive view, the interactive view will execute its preset response test function to complete the corresponding function logic, so that the server can obtain the response test function executed by the interactive view.

Among them, the response test function is a test function used to test the interaction and response functions of the view elements (such as various interactive controls) in the application page. These test functions usually simulate the interaction between the user and the view elements, such as clicking buttons, entering text, selecting drop-down menus, etc., and verify whether the view elements respond to these operations correctly. Through the response test function of the interactive view, developers can ensure that the interactive functions of the application page are working properly and improve the quality and stability of the application.

Step 2: Rewrite the response test function to obtain the user's touch coordinates and touch type.

Step 3: Based on the touch coordinates and the touch type, determine whether the touch operation is a repeated interaction operation or not.

Specifically, the server first rewrites the response test function of the interactive view to obtain the parameters of the specific interaction of the function, and extracts the coordinate point where the interaction occurs (x, y coordinates), and then converts this coordinate point to the coordinate system of the interactive view through the system function to obtain the touch coordinates; and the server extracts the user's touch type on the interactive view from the parameters of the specific interaction of the function, such as whether the user clicks on the view, double-clicks the view, or long presses the view; finally, the server determines whether the user's touch operation is a repeated interaction operation or not based on the user's touch coordinates and touch type.

Step S12: Based on the touch data, the validity of the function interaction request is verified to obtain a corresponding verification result.

In some embodiments, the server verifies the validity of the function interaction request based on the touch data and obtains a corresponding verification result, which may include: when the touch data meets the preset verification conditions, determining that the function interaction request is valid, and obtaining a verification result corresponding to the validity of the function interaction request; or, when the touch data does not meet the preset verification conditions, determining that the function interaction request is invalid, and obtaining a verification result corresponding to the invalidity of the function interaction request.

The verification conditions include the following three items: whether the user's touch type is a preset type, whether the user's touch coordinates are within the area of the interactive control, and whether the user's touch operation is not a repeated interactive operation.

Specifically, the server judges the user's touch coordinates, touch type and touch operation in combination with the requirements of specific business needs. If the touch type belongs to the preset type, the touch coordinates are within the area of the interactive control, and the user's touch operation is not a repeated interactive operation, it is determined that the user's touch data meets the preset verification conditions, so that the function interaction request initiated by the user is valid, and a corresponding verification result representing the validity of the function interaction request is obtained; or, if at least one of the above three conditions is not met (that is, the touch type does not belong to the preset type, the touch coordinates are not within the area of the interactive control, or the user's touch operation is a repeated interactive operation), it is determined that the user's touch data does not meet the preset verification conditions, so that the function interaction request initiated by the user is invalid, and a corresponding verification result representing the invalidity of the function interaction request is obtained.

Step S13: When the verification result indicates that the functional interaction request is invalid, the preset interactive response logic for the interactive view is executed; or, when the verification result indicates that the functional interaction request is valid, the preset interactive response logic for the interactive control is executed.

Among them, the interactive response logic is the interactive response function, which refers to the function used to handle user operations or events in the application page. These functions are usually associated with specific view elements (such as buttons, input boxes, drop-down menus, etc.). When the user interacts with these view elements, the corresponding interactive response function will be triggered and the corresponding operation or logic will be executed. For example, a button click event may trigger an interactive response function, which can perform some specific operations, such as saving form data, jumping to another page, displaying prompt information, etc. The design and implementation of interactive response functions can help developers realize the interactive functions of the user interface and improve the user experience.

In one embodiment, if the verification result corresponding to the functional interaction request is invalid, the server executes the interaction response logic preset for the interaction view. The interaction response logic may be to execute a null value through the interaction response function of the interaction view, that is, the interaction view will not produce any response to the user's touch operation; or, the interaction response logic may be to execute the functional logic of a prompt window through the interaction response function, for example, the functional logic of the prompt window may be to pop up a dialog box in the application page and display the copy "Do not click repeatedly" to prompt the user.

In one embodiment, if the verification result corresponding to the functional interaction request is valid, the server executes the interactive response logic preset for the interactive control. The interactive response logic is used to execute the functional application corresponding to the interactive control. For example, the interactive response logic preset for the "tire pressure" control may be to display the tire pressure data of each tire of the vehicle on the application page.

In a specific embodiment, as shown in FIG3, FIG3 is a flow chart of an embodiment of interactive control of an application page in the present application. The interactive control of an application page may specifically include the following steps:

Step 1: When user interaction occurs, the mobile system automatically calls the response test function of the interactive view.

Step 2: Rewrite the response test function of the interactive view to obtain the interaction parameters of the response test function.

Step 3: Extract the interaction coordinates and interaction type from the interaction parameters.

Step 4: Determine whether the interaction type is the type required by the business needs; and determine whether the interaction coordinate point is within the area of the interaction control.

If the interaction type is not the type required by the business needs, the response test function that controls the interaction view returns a null value to the interaction response function, or returns the reference data of the interaction view itself.

Among them, the interaction response function can execute the functional logic of a prompt window according to the reference data of the interaction view itself. For example, the logical data of the prompt window can pop up a dialog box in the application page and display the copy "Don't click repeatedly" to prompt the user.

If the interaction coordinate point is not within the area of the interaction control, the response test function controlling the interaction view returns a null value to the interaction response function, or returns the reference data of the interaction view itself.

Step 5: When the interaction type is the type required by the business needs and the interaction coordinate point is within the area of the interaction control, determine whether the interaction view is a repeated interaction view.

If so, the response test function controlling the interactive view returns the reference data of the interactive view itself to the interactive response function.

If not, the response test function that controls the interactive view returns the reference data of the interactive control itself to the interactive response function to execute the functional logic corresponding to the interactive control. For example, the interactive response logic preset for the "tire pressure" control can be to display the tire pressure data of each tire of the vehicle on the application page.

In a specific embodiment, as shown in FIG4, FIG4 is a flow chart of another embodiment of interactive control of application pages in the present application. The server may specifically perform the following steps to interactively control the application page:

Step 1: When user interaction occurs, the response test function of the interactive view is automatically called.

Step 2: Rewrite the response test function of the interactive view to obtain the interaction parameters of the response test function.

Step 3: Extract the interaction coordinates and interaction type from the interaction parameters.

Step 4: Determine whether the interaction type is the type required by the business needs; and determine whether the interaction coordinate point is within the area of the interaction control.

If the interaction type is not the type required by the business requirement, the response test function that controls the interaction view returns a null value to the interaction response function.

If the interactive coordinate point is not within the area of the interactive control, the response test function controlling the interactive view returns a null value to the interactive response function, or returns the preset interactive logic of fork 2. The interactive logic of fork 2 is used to execute the original functional application of the interactive control. For example, the preset interactive response logic for the "tire pressure" control can be to display the tire pressure data of each tire of the vehicle on the application page.

Step 5: When the interaction type is the type required by the business needs and the interaction coordinate point is within the area of the interaction control, determine whether the interaction view is a repeated interaction view.

If so, the response test function of the control interactive view returns the preset interaction logic of fork 1 to the interaction response function. The interaction logic of fork 1 is used to execute the functional logic of a prompt window about the interactive view. For example, the logic data of the prompt window can be to pop up a dialog box in the application page and display the text "Do not click repeatedly" to prompt the user.

If not, the control returns to the preset interaction logic of fork 2.

In one embodiment, after the validity of the functional interaction request is verified based on the touch data and the corresponding verification result is obtained, the following steps can also be performed: in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control.

Specifically, in the application page, the control opens the interactive view to shield the interactive control function, thereby shielding the user's subsequent repeated touch operations on the interactive control; or, the control closes the interactive view to open the interactive control function, thereby receiving the user's subsequent touch operations on the interactive control.

In a specific embodiment, as shown in FIG5 , FIG5 is a flow chart of another embodiment of interactive control of application pages in the present application. The interactive control of application pages may specifically include the following steps:

Step 1: When user interaction occurs, the response test function of the interactive view is automatically called.

Step 2: Rewrite the response test function of the interactive view to obtain the interaction parameters of the response test function.

Step 3: Extract the interaction coordinates and interaction type from the interaction parameters.

Step 4: Determine whether the interaction type is the type required by the business needs; and determine whether the interaction coordinate point is within the area of the interaction control.

If the interaction type is not the type required by the business requirement, the response test function that controls the interaction view returns a null value to the interaction response function.

If the interaction coordinate point is not within the area of the interactive control, the response test function controlling the interactive view returns a null value to the interactive response function.

Step 5: When the interaction type is the type required by the business needs and the interaction coordinate point is within the area of the interaction control, determine whether the interaction view is a repeated interaction view.

Among them, if so, the response test function that controls the interactive view returns the reference data of the interactive view itself to the interactive response function; and, in the interactive view, a local area about the interactive control is displayed, thereby shielding the function of the local area, hiding other local areas in the interactive view, thereby enabling the function of the local area.

The specific implementation method of hiding the view here is, for example, setting the isHidden property of some views of the interactive view to true, or setting the alpha property of some views of the interactive view to 0.0, or setting the opacity property of the layer property of some views of the interactive view to 0.0, etc. The specific implementation method of showing the view is, for example, setting the isHidden property of some views of the interactive view to false, or setting the alpha property of some views of the interactive view to 1.0, or setting the opacity property of the layer property of some views of the interactive view to 1.0, etc.

If not, the response test function that controls the interactive view returns the reference data of the interactive control itself to the interactive response function to execute the functional logic corresponding to the interactive control; and then judges condition 1: whether the local area corresponding to the interactive control has been displayed in the interactive view, and condition 2: whether other local areas in the interactive view have been hidden in the interactive view.

Among them, if the above conditions 1 and condition 2 are met, the process ends; if at least one of the above conditions 1 and condition 2 is not met, the local area of the interactive control is displayed in the interactive view, so that the function of the local area is shielded, and other local areas in the interactive view are hidden, so that the function of the local area is enabled.

In the process of interactive control of the above-mentioned application page, on the one hand, this scheme first obtains the user's touch data by responding to the function interaction request triggered by the user, and then verifies the validity of the function interaction request, so that when the function interaction request is invalid, the preset interactive response logic for the interactive view is executed; or when the function interaction request is valid, the preset interactive response logic for the interactive control is executed, thereby optimizing the interactive control process of the page, effectively improving the efficiency of the use of page functions, and reducing the consumption of computing resources; on the other hand, this scheme determines whether the function interaction request triggered by the user is valid through the touch data of the user in the application page, thereby executing the preset interactive response logic for the interactive view or executing the preset interactive response logic for the interactive control, so as to be able to effectively manage the function interaction request triggered by the user and implement the corresponding interactive response logic, thereby reducing the complexity of the system response logic and increasing the effectiveness of the use of page functions.

Those skilled in the art can understand that in the above method of the specific implementation, the disclosed method can be implemented in a more specific manner. For example, the above described server shields the interactive control based on the interactive view to shield the user's touch operation on the interactive control; or, based on the interactive view, the interactive control is functionally enabled to receive the user's touch operation on the interactive control. The implementation is only illustrative.

In an exemplary embodiment, as shown in FIG. 6 , which is a schematic diagram of a page in an embodiment of adding an interactive view in the present application, before the server responds to a user triggering a function interaction request in a displayed application page and obtains the user's touch data in the application page, the server may further include the following steps:

Step 1: Add an interactive view to the touch area of the application page to cover the interactive controls contained in the touch area.

Specifically, an interactive view is added to the area where the interactive controls are set in the application page. As shown in FIG6 , the application page is a vehicle status page displayed in the vehicle application. The title bar of the vehicle status page is pre-configured with a "trip" control, a "tire" control, and a "reminder" control. The user can click on the three controls to display the corresponding vehicle trip information, tire information, and vehicle reminder information in the vehicle status page.

An interactive view X is added at the position of the title bar, and the interactive view X covers the top layer of the view hierarchy, and its size is the same as the title bar. There is no relationship restriction between the interactive view X and any view on the existing view hierarchy in the vehicle status page, that is, the interactive view X can be a sibling view, parent view, child view, ancestor view, etc. of the view where the title bar is located, so that when the user touches the title bar area in the application page, the interactive view X will first receive the touch signal to execute its response test function.

Step 2: Configure the color of the interactive view to be transparent to hide the interactive view in the application page; and associate each interactive control contained in the touch area with the interactive view respectively, so that when the user performs a touch operation on the interactive view in the application page, a preset response test function for the interactive view is executed.

Specifically, as shown in FIG. 6 , on one hand, the color of the interactive view X is set to transparent, so that the interactive view X is invisible to the user, but it actually exists in the view level and can respond to the user's touch operation. On the other hand, the server stores the "trip" control, "tire" control, and "reminder" control in the title bar area as three member attributes of the interactive view X (for example, the "trip" control, "tire" control, and "reminder" control are recorded as member attributes of the interactive view X: n, m, k), respectively, to associate the "trip" control, "tire" control, and "reminder" control with the interactive view X, respectively, so that when the user performs a touch operation on the interactive view X in the application page, the server can execute a preset response test function for the interactive view X according to the touch signal.

In an exemplary embodiment, as shown in FIG. 7 , which is a schematic diagram of a page in another embodiment of adding an interactive view in the present application, before responding to a user triggering a function interaction request in a displayed application page and obtaining the user's touch data in the application page, the following steps may be specifically included:

Step 1: Add an interactive view to each interactive control on the application page to cover each interactive control included in the application page.

Among them, in the above embodiment, a touch area is managed by an interactive view x, and this area includes multiple interactive controls and their control views. However, if an interactive view x is continued to be used for unified management in an area with a particularly large number of user interactive response events, it is not efficient. Therefore, a separate interactive view can be used to manage each interactive control.

Specifically, an interactive view is added to the touch area corresponding to each interactive control in the application page. As shown in FIG7 , the application page is a vehicle status page displayed in the vehicle application. The title bar of the vehicle status page is pre-configured with a "trip" control, a "tire" control, and a "reminder" control. The user can click on the three controls to display the corresponding vehicle trip information, tire information, and vehicle reminder information in the vehicle status page.

Among them, an interactive view single-A is added to the "trip" control, an interactive view single-B is added to the "tire" control, and an interactive view single-C is added to the "reminder" control. The positions of these three interactive views single are all covered at the top layer of each view hierarchy of the application page, and their sizes are the same as the corresponding controls. Among them, these three interactive views single have no relationship restrictions with any views on the existing view hierarchy in the vehicle status page, that is, the view single can be a brother view, parent view, child view, ancestor view, etc. of the control view to which each interactive control belongs, so that when the user touches the touch area in the application page, the three interactive views single will first receive the touch signal to execute its response test function.

Step 2: Configure the color of each interactive view to be transparent to hide each interactive view in the application page; and obtain the view information of each interactive view; the view information includes the page area of the interactive view in the application page, the interactive response logic or control type of the corresponding interactive control.

Specifically, as shown in Figure 7, on the one hand, the color of each interactive view single is set to transparent, so that the interactive view single is invisible to the user, but it actually exists in the view hierarchy and can respond to the user's touch operation. On the other hand, the view information of each interactive view single needs to be obtained.

In one embodiment, the view information of the interactive view single includes but is not limited to: the coordinate position of the view single (expressed as: x, y, width, height), the source area corresponding to the view single (that is, the page area covered by the interactive view single), whether the view single is currently in a displayed state or a hidden state, the control type of the interactive control corresponding to the view single, the interactive response logic corresponding to the view single, and the address where the view single is actually stored in the memory.

Step three: Based on the view information of each interactive view, classify each interactive view into corresponding multiple view sets, and store the view sets in a preset storage medium, so that when the user performs a touch operation on the target interactive control, the target interactive view is extracted from the corresponding view set, and the preset response test function for the target interactive view is executed.

Specifically, the common points between the interactive views single can be determined based on the view information of each interactive view single, and then the interactive views single can be classified into corresponding multiple view sets based on the common points. For example, according to the page area size of the interactive view single in the application page, the interactive views single corresponding to the same page area size can be divided into a type of view set single-X, or, according to the interactive response logic of the interactive control corresponding to the interactive view single, the interactive views single corresponding to the same interactive response logic can be divided into a type of view set single-Y, or, the server can divide the interactive views single corresponding to the same control type into a type of view set single-Z according to the control type of the interactive control corresponding to the interactive view single, and so on.

In an exemplary embodiment, as shown in FIG8 , FIG8 is a schematic diagram of the structure of an embodiment of a custom management module in the present application, wherein the classified multiple view sets can be further handed over to the custom management module for unified management. For example: the interactive view single-A is the overlay view of page A, and the interactive view single-B and the interactive view single-C are the overlay views of page B. Whenever such an interactive view is needed, it can be added to the management module.

Among them, as shown in a of Figure 8, the management module can store the view information of each interactive view single in the view set separately as a member variable; as shown in b of Figure 8, the management module can also open a linked list or dictionary type member variable and add the view information of each interactive view single in the view set to it; as shown in c of Figure 8, the management module can also store the view information of each interactive view single in the view set into the database, so that the management module can query the view information from multiple dimensions (for example: query all interactive views single used by page A; query all interactive views single whose business logic is empty).

In one embodiment, it is necessary to actually generate multiple interactive view single objects, and then aggregate each interactive view single, but this may take up some memory. In order to further optimize its storage, a universal and reusable interactive view single can be generated and stored according to the view information of the interactive view single to be generated (for example, the interactive response logic), and it can be used as a member of the view collection, so that when the interactive view single with such view information is needed, it can be extracted and used.

In an exemplary embodiment, as shown in FIG9 , FIG9 is a flow chart of an embodiment of storage management of interactive views in the present application, wherein the business logic of page A requires an overlay view single-A, and the business logic of page B requires overlay views single-B and single-C, and the interactive response logic corresponding to these views single is the same (for example, it may do nothing or pop up a corresponding prompt box), then here it is only necessary to declare a view set single-X in the view pool maintained by the management module, and then point the actual storage addresses of single-A, single-B, and single-C in the memory to single-X. Thus, only one view single-X can be actually generated, and the view single with the same view information can be referenced between different pages.

In an exemplary embodiment, in an application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, which may specifically include: when the interactive view is a composite view composed of multiple sub-views, in the application page, the target sub-view corresponding to the target interactive control touched by the user is displayed to functionally shield the target interactive control; and, the sub-view corresponding to the interactive control not touched by the user is hidden to functionally enable the interactive control.

Specifically, a view X can be composed of subviews x1, x2, x3, etc., where x1, x2, x3 are the same size as the page areas corresponding to the "trip" control, "tire" control, and "reminder" control, respectively, and x4 is the area other than the "trip" control, "tire" control, and "reminder" control, such as the gap area or edge area between the "trip" control, "tire" control, and "reminder" control. Each subview is managed separately, including freely realizing the display/hiding of some views according to business needs, thereby controlling the shielding or opening of the corresponding interactive controls.

Taking the embodiment described in FIG. 6 as an example, when view X is a composite view composed of multiple sub-views, the server can display the target sub-view corresponding to the target interactive control touched by the user in the application page, that is, display a partial view of the same size and position as the target interactive control in view X to functionally shield the target interactive control, so that view X can no longer receive the user's touch signal for the target interactive control; and hide the sub-view corresponding to the interactive control not touched by the user, that is, hide the partial view of the same size and position as the interactive control not touched by the user in view X to enable the function of this part of the interactive control not touched, so that view X can start receiving the user's touch signal for this part of the interactive control not touched.

In an exemplary embodiment, in an application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, which may specifically include: when the interactive view is a single view, in the application page, the view area corresponding to the target interactive control touched by the user is displayed to functionally shield the target interactive control; and, the view area corresponding to the interactive control not touched by the user is hidden to functionally enable the interactive control.

Specifically, a view single can be composed of a separate view, wherein its response test function can be modified to selectively block or enable the user's interactive operations, thereby blocking or enabling the functions of the target interactive controls covered in the view single.

Among them, the return value of the response test function determines which part of the view single responds to the user's interaction, and by rewriting the response test function of the view single, the coordinate point and interaction type when the user interaction occurs are determined, thereby returning the return value for the local area in the view single to control the target interactive control covered by the corresponding local area to perform function shielding or function activation.

For example: if the coordinate point is within the range of the target interactive control, and the user's interactive operation on it is a repeated operation, the server control response test function returns the reference data (keywords or special variables) of the interactive view itself to the interactive response function, so as to execute the functional logic of the interactive view itself through the interactive response function. If the user's interactive operation on the target interactive control is not a repeated operation, the control response test function returns the reference data (keywords or special variables) of the interactive control itself to the interactive response function, so as to execute the functional logic of the interactive control itself through the interactive response function.

In an exemplary embodiment, in an application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, which may specifically include: when the interactive view is a target interactive view extracted from a view set, moving the target interactive view to the page area corresponding to the target interactive control to cover it, so as to functionally shield the target interactive control; and, enabling the function of the interactive control that is not covered by the interactive view.

In one embodiment, before performing functional control on an interactive control, it is necessary to pre-count the area information in the status page to determine the interactive controls having the same view information; then, the interactive controls are classified according to the view information, and an interactive view single is created for each type of interactive control; finally, each interactive view single and its view information are classified to obtain a corresponding view set, and uploaded to a custom management module for unified management.

In an exemplary embodiment, as shown in FIG10, FIG10 is a page schematic diagram of an embodiment of interactive control of an application page in the present application. The application page is a vehicle status page displayed in a vehicle-mounted application, and a "trip" control, a "tire" control, and a "reminder" control are pre-configured in the title bar position of the vehicle status page, and the view information corresponding to the three controls is the same, that is, the three controls can use the same interactive view in the view set single-X; and a "tire pressure" control for four tires is pre-configured in the vehicle position of the vehicle status page, and the interactive information corresponding to the four controls is the same, that is, the four controls can use the same interactive view in the view set single-Y.

Furthermore, when the user interacts with a certain area in the application page, such as the page area corresponding to the "itinerary" control, the server uses the "itinerary" control as an input parameter to query the view set single-X corresponding to the "itinerary" control from the management module to obtain the target interactive view single; then, the server triggers the original interactive response function of the "itinerary" control; and moves the target interactive view single to the page area corresponding to the "itinerary" control to cover it, so as to shield the function of the "itinerary" control; and does not cover the page area corresponding to other interactive controls, so as to enable the functions of the interactive controls that are not covered by the interactive view. Among them, the server's method of moving the view includes: animation movement, modifying coordinates, and using the translate series of functions provided by the system.

In an exemplary embodiment, the server shields the interactive control based on the interactive view in the application page to shield the user's touch operation on the interactive control; or enables the interactive control based on the interactive view to receive the user's touch operation on the interactive control, which may specifically include the following steps:

Step 1: When the touch operation performed by the user on the interactive view in the application page is a multiple interactive operation, the parent view and the child view involved in the multiple interactive operations in the application page are determined based on the interactive gestures of the multiple interactive operations.

In one embodiment, when the business requirement is to block multiple interactive operations of the user in a touch area, all views in the touch area can be traversed first; then the member properties of each view are called to obtain the gesture array mounted on the view; finally, each gesture array is checked to check for existing interactive gestures related to multiple interactive operations, so as to obtain the parent view and child view corresponding to the multiple interactive operations.

In an exemplary embodiment, as shown in FIG11 , FIG11 is a page schematic diagram of an embodiment of a related view of multiple interactive operations in the present application. Among them, in the application page, the touch gesture corresponding to the multiple interactive operations is mounted on the parent view, so that the multiple interactive operations involve the user's multiple fingers to move multiple subviews of the parent view. For example, a user's multiple interactive operations are a pinch gesture, which is mounted on the parent view. When the user's two fingers move on its subview 1 and subview 2, it can move the two subviews, thereby pinching them closer or farther.

Step 2: Process the parent view and the child view to shield the function of the interactive control or enable the function of the interactive control.

In one embodiment, multiple interactive operations can be removed from the member properties of the parent view to shield the functions of the interactive controls corresponding to the multiple interactive operations; or, multiple interactive operations can be added from the member properties of the parent view to enable the functions of the interactive controls corresponding to the multiple interactive operations.

Specifically, the user's multiple interactive operations can be deleted from the member attribute gesture Recognizers of the parent view to shield the functions of the interactive controls corresponding to the multiple interactive operations; or, the multiple interactive operations can be added from the member attribute gesture Recognizers of the parent view to enable the functions of the interactive controls corresponding to the multiple interactive operations.

The member property gesture Recognizers of the parent view is an array used to store gesture recognizer objects associated with the view. The gesture recognizer object is used to recognize gesture operations performed by the user on the view, such as clicking, dragging, and scaling. By adding gesture recognizer objects to the gesture Recognizers array, the view can respond to user gesture operations and perform corresponding operations.

In another embodiment, the member variables of multiple interactive operations can be set to invalid to shield the functions of the interactive controls corresponding to the multiple interactive operations; or, the member variables of multiple interactive operations can be set to valid to enable the functions of the interactive controls corresponding to the multiple interactive operations.

Specifically, the member variable isEnable of multiple interactive operations can be set to invalid to shield the functions of the interactive controls corresponding to the multiple interactive operations; or the member variable isEnable of multiple interactive operations can be set to valid to enable the functions of the interactive controls corresponding to the multiple interactive operations.

Specifically, when a certain multiple interactive operation of the user occurs, the subviews related to the multiple interactive operations can be traversed; if the member variable isExclusiveTouch of the multiple interactive operations is set to true, the interactive controls corresponding to the multiple interactive operations are functionally shielded; if the member variable isExclusiveTouch of the multiple interactive operations is set to false, the interactive controls corresponding to the multiple interactive operations are functionally enabled.

Among them, the member variable isExclusiveTouch is usually used to indicate whether the view enables multiple interactions. When isExclusiveTouch is true, only one gesture operation in the multiple interaction operation can be responded to, and other gestures will be ignored, thus destroying the multiple interaction operation and causing the multiple interaction gesture to fail to be recognized successfully. When isExclusiveTouch is false, multiple gesture operations in the multiple interaction operation can be responded to at the same time, such as dragging and zooming at the same time.

In another embodiment, the interaction switch preset for the sub-view can be turned off to shield the functions of the interaction controls corresponding to the multiple interaction operations; or, the interaction switch preset for the sub-view can be turned on to enable the functions of the interaction controls corresponding to the multiple interaction operations.

Specifically, when a certain multiple interactive operation of the user occurs, the various sub-views related to the multiple interactive operations can be traversed; if their interactive switches are set to be turned off, the interactive controls corresponding to the multiple interactive operations will be functionally shielded; if their interactive switches are set to be turned on, the interactive controls corresponding to the multiple interactive operations will be functionally enabled.

A function switch can be set for each or several views X (or view single), and can be used and deleted at any time according to business needs to control the effect of the switch function. The value of this switch can be stored in the server (management module) to facilitate sending to the client at any time. By changing this value, the purpose of turning on/off the function can be achieved. The storage, assignment and application of the switch can be placed in the aforementioned management module or elsewhere.

In an exemplary embodiment, in an application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, which may specifically include the following steps:

Step 1: In the application page, determine a parent view that meets the preset conditions, or add a parent view that meets the preset conditions in the application page.

Specifically, in the application page, the view hierarchy of each view in the touch area determined by business requirements is queried to determine whether there is a parent view that meets preset conditions in the touch area.

Among them, the preset conditions include: there is only one child view under the parent view, and the size and color of the parent view are the same as those of the child view, or the background color of the parent view is transparent. It can be understood that the query standard is: check whether the background color of the parent view with only one child view is transparent. If it is transparent, it is a parent view that meets the preset conditions; or, even if the background color of the parent view is opaque, but it is the same color as the child view, it is also a parent view that meets the preset conditions; or, even if the background color of the parent view is opaque and its color is different from that of the child view, but its size is the same as that of the child view, then the parent view is also a parent view that meets the preset conditions.

In some embodiments, if no parent view that meets the preset condition is found in the application page, the server can add a parent view that meets the preset condition to the application page, wherein the standard for adding the parent view is that the size and color of the parent view and its corresponding child view are the same.

Step 2: Adjust the size of the parent view to a preset size to shield the functions of the interactive controls corresponding to the parent view.

Step 3: Adjust the size of the parent view from the preset size back to the same size as the child view to enable the interactive controls corresponding to the parent view.

In one embodiment, in an application page, if the size of a subview is larger than that of a parent view, the page area corresponding to the subview that exceeds the parent view cannot respond to any user's touch interaction operation. Therefore, when it is necessary to block the user's touch operation on a certain interactive control, the size of the parent view corresponding to the interactive control can be adjusted to a preset size (for example, 0, or close to 0), so that the function of the interactive control can be blocked; and when it is necessary to restore the user's touch operation on a certain interactive control, the size of the parent view corresponding to the interactive control can be adjusted back to the same size as its subview, so that the function of the interactive control can be enabled.

In an exemplary embodiment, as shown in FIG12, FIG12 is a page schematic diagram of an embodiment of adjusting the view size in the present application. Among them, when the interaction occurs on the subview n, on the one hand, the interactive response function of the subview n itself is executed; on the other hand, the size of the parent view corresponding to the subview n is modified to a preset size (for example, the width is adjusted to 0 or close to 0, and the height is adjusted to 0 or close to 0), so that the user cannot click on the subview, thereby achieving the subsequent function shielding effect of the interactive control corresponding to the subview; on the other hand, the size of other parent views (not shown) can also be restored to the same as the corresponding subviews, so that the interactive controls of the subviews corresponding to other parent views can be touched and interacted.

In this way, on the one hand, this solution first obtains the user's touch data by responding to the function interaction request triggered by the user, and then verifies the validity of the function interaction request, so that when the function interaction request is invalid, the interaction response logic preset for the interaction view is executed; or when the function interaction request is valid, the interaction response logic preset for the interaction control is executed, thereby optimizing the interaction control process of the page, effectively improving the efficiency of page function use, and reducing the consumption of computing resources; on the other hand, this solution uses the user's touch data in the application page to determine whether the function interaction request triggered by the user is valid, thereby executing the interaction response logic preset for the interaction view or executing the interaction response logic preset for the interaction control, so as to be able to effectively manage the function interaction request triggered by the user and implement the corresponding interaction response logic, thereby reducing the complexity of the system response logic and increasing the effectiveness of page function use.

It should be understood that, although the various steps in the accompanying drawings of Fig. 2-Fig. 12 are shown in sequence according to the indication of the arrows, these steps are not necessarily performed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be performed in other orders. Moreover, at least a portion of the steps in Fig. 2-Fig. 12 may include a plurality of steps or a plurality of stages, and these steps or stages are not necessarily performed at the same time, but can be performed at different times, and the execution order of these steps or stages is not necessarily performed in sequence, but can be performed in turn or alternately with other steps or at least a portion of the steps or stages in other steps.

It can be understood that the same/similar parts between the various embodiments of the above method in this specification can refer to each other, and each embodiment focuses on the differences from other embodiments. For related points, please refer to the description of other method embodiments.

Fig. 13 is a structural block diagram of an interactive control device for an application page provided in an embodiment of the present application. Referring to Fig. 13 , the interactive control device 10 for an application page includes: a data acquisition module 11 , a valid verification module 12 , a response logic module 13 and a control opening and closing module 14 .

The data acquisition module 11 is used to respond to a user triggering a function interaction request in a displayed application page, and acquire the touch data of the user in the application page; wherein at least one interactive control is configured on the application page, and a preset interactive view is covered in the upper view of the interactive control;

The validity verification module 12 is used to verify the validity of the functional interaction request based on the touch data to obtain a corresponding verification result;

Among them, the response logic module 13 is used to execute the interaction response logic preset for the interactive view when the verification result indicates that the functional interaction request is invalid; or to execute the interaction response logic preset for the interactive control when the verification result indicates that the functional interaction request is valid.

In one embodiment, after the validity of the functional interaction request is verified based on the touch data and a corresponding verification result is obtained, the interactive control device 10 of the application page is further used to execute:

In the application page, the interactive control is functionally shielded based on the interactive view to shield the user from touch operations on the interactive control; or,

The interactive control is functionally enabled based on the interactive view to receive a touch operation of the user on the interactive control.

In one embodiment, before responding to the user triggering a function interaction request in the displayed application page and obtaining the touch data of the user in the application page, the application page interaction control device 10 is further used to perform:

Adding an interactive view to the touch area of the application page to cover the interactive controls contained in the touch area;

Configuring the color of the interactive view to be transparent so as to hide the interactive view in the application page; and

Each of the interactive controls contained in the touch area is associated with the interactive view respectively, so that when the user performs a touch operation on the interactive view in the application page, a preset response test function for the interactive view is executed.

In one embodiment, before responding to the user triggering a function interaction request in the displayed application page and obtaining the touch data of the user in the application page, the application page interaction control device 10 is further used to perform:

Adding an interactive view to each interactive control on the application page to cover each interactive control included in the application page;

Configuring the color of each of the interactive views to be transparent so as to hide each of the interactive views in the application page; and

Obtaining view information of each of the interactive views; the view information includes the page area size of the interactive view in the application page, the interactive response logic or control type of the corresponding interactive control;

Based on the view information of each of the interactive views, each of the interactive views is classified into a corresponding plurality of view sets, and the view sets are stored in a preset storage medium, so that when the user performs a touch operation on a target interactive control, a target interactive view is extracted from the corresponding view set, and a preset response test function for the target interactive view is executed.

In one embodiment, in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, and the interactive control device 10 of the application page is further used to perform:

In the case where the interactive view is a composite view composed of multiple sub-views, in the application page, the target sub-view corresponding to the target interactive control touched by the user is displayed to shield the function of the target interactive control; and the sub-view corresponding to the interactive control not touched by the user is hidden to enable the function of the interactive control.

In one embodiment, in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, and the interactive control device 10 of the application page is further used to perform:

When the interactive view is a single view, in the application page, the view area corresponding to the target interactive control touched by the user is displayed to shield the function of the target interactive control; and the view area corresponding to the interactive control not touched by the user is hidden to enable the function of the interactive control.

In one embodiment, in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, and the interactive control device 10 of the application page is further used to perform:

When the interaction view is the target interaction view extracted from the view set, the target interaction view is moved to the page area corresponding to the target interaction control to cover it so as to functionally shield the target interaction control; and the interaction control that is not covered by the interaction view is functionally enabled.

In one embodiment, in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, and the interactive control device 10 of the application page is further used to perform:

In a case where the touch operation performed by the user on the interactive view in the application page is a multiple interactive operation, determining a parent view and a child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations;

The multiple interactive operations are removed from the member properties of the parent view to shield the functions of the interactive controls corresponding to the multiple interactive operations; or, the multiple interactive operations are added from the member properties of the parent view to enable the functions of the interactive controls corresponding to the multiple interactive operations.

In one embodiment, after determining the parent view and the child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations, the interactive control device 10 of the application page is further used to perform:

The member variables of the multiple interactive operations are set to be invalid to functionally shield the interactive controls corresponding to the multiple interactive operations; or the member variables of the multiple interactive operations are set to be valid to functionally enable the interactive controls corresponding to the multiple interactive operations.

In one embodiment, after determining the parent view and the child view involved in the multiple interactive operations in the application page based on the interactive gestures of the multiple interactive operations, the interactive control device 10 of the application page is further used to perform:

The preset interactive switch for the sub-view is turned off to shield the functions of the interactive controls corresponding to the multiple interactive operations; or the preset interactive switch for the sub-view is turned on to enable the functions of the interactive controls corresponding to the multiple interactive operations.

In one embodiment, in the application page, the interactive control is functionally shielded based on the interactive view to shield the user's touch operation on the interactive control; or, the interactive control is functionally enabled based on the interactive view to receive the user's touch operation on the interactive control, and the interactive control device 10 of the application page is further used to perform:

In the application page, a parent view that meets a preset condition is determined, or a parent view that meets a preset condition is added to the application page; the preset condition includes that there is only one child view under the parent view, and the size and color of the parent view are the same as those of the child view, or the background color of the parent view is transparent;

Adjusting the size of the parent view to a preset size to shield the function of the interactive control corresponding to the parent view;

The size of the parent view is adjusted from the preset size back to the same size as the child view, so as to enable the function of the interactive control corresponding to the parent view.

In one embodiment, in response to the user triggering a function interaction request in the displayed application page and acquiring the touch data of the user in the application page, the application page interaction control device 10 is further configured to execute:

In response to the user performing a touch operation on the interactive view in the application page, obtaining a response test function executed corresponding to the interactive view;

Rewrite the response test function to obtain the touch coordinates and touch type of the user;

Based on the touch coordinates and the touch type, it is determined whether the touch operation is a repeated interaction operation or not.

In one embodiment, in the aspect of performing validity verification on the functional interaction request based on the touch data to obtain a corresponding verification result, the interactive control device 10 of the application page is further used to execute:

In a case where the touch data satisfies a preset verification condition, determining that the function interaction request is valid, and obtaining a verification result corresponding to the validity of the function interaction request; or

In the case where the touch data does not satisfy a preset verification condition, determining that the function interaction request is invalid, and obtaining a verification result corresponding to the invalidity of the function interaction request;

The verification conditions include the following three items:

Whether the touch type of the user is a preset type, whether the touch coordinates of the user are within the area of the interactive control, and whether the touch operation of the user is not a repeated interactive operation.

FIG14 is a block diagram of a computer device provided in an embodiment of the present application. Referring to FIG14 , the computer device includes a processor, a memory, an input/output interface (Input/Output, referred to as I/O) and a communication interface. Among them, the processor, the memory and the input/output interface are connected through a system bus, and the communication interface is connected to the system bus through the input/output interface. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of the computer device is used to store mileage maintenance data of the computer device. The input/output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, the interactive control method of the application page as described above is implemented.

In some embodiments, the computer device is an electronic device in which a computing system can run one or more operating systems, including any of the operating systems discussed above and any commercial server operating systems. The computer device can also run any of a variety of additional server applications and/or middle-tier applications, including HTTP (Hypertext Transfer Protocol) servers, FTP (File Transfer Protocol) servers, CGI (Common Gateway Interface) servers, super servers, database servers, etc. Exemplary database servers include, but are not limited to, database servers commercially available from (International Business Machines) and the like.

In some embodiments, the processor generally controls the overall operation of the computer device, such as operations associated with display, data processing, data communication, and recording operations. The processor may include one or more processor components to execute a computer program to complete all or part of the steps of the above method. In addition, the processor component may include one or more modules to facilitate the interaction between the processor component and other components. For example, the processor component may include a multimedia module to facilitate the use of the multimedia component to control the interaction between the user's computer device and the processor.

An embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the method for interactively controlling an application page as described above is implemented.

If the integrated units of the functional units in the various embodiments of the present application are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer-readable storage medium includes a number of instructions in a computer program to enable a computer device (which can be a personal computer, a system server, or a network device, etc.), an electronic device (such as MP3, MP4, etc., or a smart terminal such as a mobile phone, a tablet computer, a wearable device, or a desktop computer, etc.) or a processor to execute all or part of the steps of the various implementation methods of the present application.

An embodiment of the present application provides a computer program product, which includes program instructions, which can be executed by a processor of a computer device to implement the above-mentioned interactive control method of an application page.

Those skilled in the art should understand that the embodiments of the present application may provide an interactive control method for an application page, an interactive control device for an application page, a computer device, a computer-readable storage medium, or a computer program product. Therefore, the present application may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present application may take the form of a computer program product implemented on one or more computer program instructions (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

The present application is described with reference to the flowchart and/or block diagram of the interactive control method of the application page, the interactive control device of the application page, the computer device, the computer-readable storage medium or the computer program product according to the embodiment of the present application. It should be understood that each process and/or box in the flowchart and/or block diagram, and the combination of the process and/or box in the flowchart and/or block diagram can be implemented by a computer program product. These computer program products can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable data processing device to produce a machine, so that the program instructions executed by the processor of the computer or other programmable data processing device generate a device for implementing the function specified in one process or multiple processes in the flowchart and/or one box or multiple boxes in the block diagram.

These computer program products may also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to operate in a specific manner, so that the program instructions stored in the computer program product produce a manufactured product including an instruction device that implements the functions specified in one or more processes in the flowchart and/or one or more boxes in the block diagram.

These program instructions may also be loaded onto a computer or other programmable data processing device so that a series of operational steps are executed on the computer or other programmable device to produce a computer-implemented process, whereby the program instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more processes in the flowchart and/or one or more boxes in the block diagram.

It should be noted that the above-mentioned various methods, devices, electronic devices, computer-readable storage media, computer program products, etc. may also include other implementation methods according to the description of the method embodiments. The specific implementation methods can refer to the description of the relevant method embodiments, and will not be described one by one here.

Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the claims.

It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims (16)

1. An interactive control method for an application page, the method comprising:

Responding to a function interaction request triggered by a user in a displayed application page, and acquiring touch control data of the user in the application page; at least one interaction control is configured on the application page, and a preset interaction view is covered in an upper-layer view of the interaction control;

Based on the touch data, verifying the validity of the function interaction request to obtain a corresponding verification result;

Executing interaction response logic preset for the interaction view under the condition that the verification result indicates that the function interaction request is invalid; or executing interaction response logic preset for the interaction control under the condition that the verification result represents that the function interaction request is effective.

2. The method according to claim 1, wherein after the validity verification is performed on the function interaction request based on the touch data, the method further comprises:

in the application page, performing functional shielding on the interaction control based on the interaction view so as to shield touch operation of the user on the interaction control; or alternatively

And opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control.

3. The method of claim 2, wherein before the responding to the user triggering the function interaction request in the displayed application page to obtain the touch data of the user in the application page, further comprising:

Adding an interactive view on a touch area of the application page so as to cover each interactive control contained in the touch area;

Configuring the color of the interactive view to be transparent so as to hide the interactive view in the application page; and

And respectively associating each interactive control contained in the touch area with the interactive view so as to execute a response test function preset for the interactive view when the user performs touch operation on the interactive view in the application page.

4. The method of claim 2, wherein before the responding to the user triggering the function interaction request in the displayed application page to obtain the touch data of the user in the application page, further comprising:

Adding an interactive view to each interactive control of the application page so as to cover each interactive control contained in the application page;

configuring the color of each interactive view to be transparent so as to hide each interactive view in the application page; and

Acquiring view information of each interactive view; the view information comprises the page area size of the interactive view in the application page, and the corresponding interactive response logic or control type of the interactive control;

Based on view information of each interactive view, classifying each interactive view into a plurality of corresponding view sets, and storing the view sets in a preset storage medium, so that when the user performs touch operation on a target interactive control, a target interactive view is extracted from the corresponding view set, and a response test function preset for the target interactive view is executed.

5. The method of claim 4, wherein the functional masking of the interactive control based on the interactive view is performed in the application page to mask the touch operation of the interactive control by the user; or opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control, including:

Displaying a target sub-view corresponding to the target interaction control touched by the user in the application page under the condition that the interaction view is a composite view formed by compositing a plurality of sub-views, so as to perform functional shielding on the target interaction control; and hiding the sub-view corresponding to the interaction control which is not touched by the user, so as to perform function opening on the interaction control.

6. The method of claim 5, wherein the functional masking of the interactive control based on the interactive view is performed in the application page to mask the touch operation of the interactive control by the user; or opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control, including:

Displaying a view area corresponding to the target interaction control touched by the user in the application page under the condition that the interaction view is a single view so as to functionally shield the target interaction control; and hiding the view area corresponding to the interaction control which is not touched by the user, so as to perform function opening on the interaction control.

7. The method of claim 5, wherein the functional masking of the interactive control based on the interactive view is performed in the application page to mask the touch operation of the interactive control by the user; or opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control, including:

Under the condition that the interactive view is a target interactive view extracted from the view set, moving the target interactive view to a page area corresponding to the target interactive control to cover so as to perform functional shielding on the target interactive control; and opening the function of the interactive control which is not covered with the interactive view.

8. The method of claim 2, wherein the functional masking of the interactive control based on the interactive view is performed in the application page to mask the touch operation of the interactive control by the user; or opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control, including:

Determining a parent view and a child view related to the multi-interaction operation in the application page based on the interaction gesture of the multi-interaction operation under the condition that the touch operation of the user on the interaction view in the application page is the multi-interaction operation;

Removing the multiple interactive operations from the member attributes of the father view to perform functional shielding on the interactive control corresponding to the multiple interactive operations; or adding the multiple interactive operations from the member attributes of the father view to perform function opening on the interactive control corresponding to the multiple interactive operations.

9. The method of claim 8, wherein after the determining the parent view and the child view of the multi-interaction operation involved in the application page based on the interaction gesture of the multi-interaction operation, further comprising:

setting the member variable of the multiple interactive operation as invalid so as to perform functional shielding on the interactive control corresponding to the multiple interactive operation; or setting the member variable of the multiple interactive operation to be effective so as to perform function opening on the interactive control corresponding to the multiple interactive operation.

10. The method of claim 9, wherein after the determining the parent view and the child view of the multi-interaction operation involved in the application page based on the interaction gesture of the multi-interaction operation, further comprising:

Closing an interaction switch preset for the sub-view to functionally shield the interaction control corresponding to the multiple interaction operations; or turning on an interaction switch preset for the sub-view to perform function turning on of the interaction control corresponding to the multiple interaction operations.

11. The method of claim 2, wherein the functional masking of the interactive control based on the interactive view is performed in the application page to mask the touch operation of the interactive control by the user; or opening the function of the interaction control based on the interaction view to receive the touch operation of the user on the interaction control, including:

Determining a parent view meeting preset conditions in the application page, or adding a parent view meeting preset conditions in the application page; the preset condition comprises that only one child view exists under the father view, the size and the color of the father view are the same as those of the child view, or the background color of the father view is transparent;

The size of the parent view is adjusted to be a preset size, so that the interaction control corresponding to the parent view is subjected to functional shielding;

And adjusting the size of the parent view from the preset size to be the same as that of the child view so as to perform function opening on the interaction control corresponding to the parent view.

12. The method of claim 1, wherein the responding to the user triggering the function interaction request in the displayed application page to obtain the touch data of the user in the application page comprises:

Responding to the touch operation of the user on the interactive view in the application page, and acquiring a response test function correspondingly executed by the interactive view;

Rewriting the response test function to obtain touch coordinates and touch types of the user;

and determining whether the touch operation is repeated interaction operation or not based on the touch coordinate and the touch type.

13. The method of claim 12, wherein the verifying the validity of the function interaction request based on the touch data to obtain a corresponding verification result includes:

Under the condition that the touch data meets a preset verification condition, determining that the function interaction request is effective, and obtaining a verification result which correspondingly characterizes that the function interaction request is effective; or alternatively

Under the condition that the touch data does not meet a preset verification condition, determining that the function interaction request is invalid, and obtaining a verification result which indicates that the function interaction request is invalid correspondingly;

Wherein, the verification condition comprises the following three items:

Whether the touch type of the user is a preset type, whether the touch coordinate of the user is in the area range of the interaction control, and whether the touch operation of the user is not repeated interaction operation.

14. An interactive control device for application pages, the device comprising:

The data acquisition module is used for responding to a function interaction request triggered by a user in a displayed application page and acquiring touch control data of the user in the application page; at least one interaction control is configured on the application page, and a preset interaction view is covered in an upper-layer view of the interaction control;

the effective verification module is used for verifying the validity of the function interaction request based on the touch data to obtain a corresponding verification result;

The response logic module is used for executing interaction response logic preset for the interaction view under the condition that the verification result indicates that the function interaction request is invalid; or executing interaction response logic preset for the interaction control under the condition that the verification result represents that the function interaction request is effective.

15. A computer device comprising a processor and a memory coupled to the processor, wherein the memory has program data stored therein, the processor being configured to retrieve the program data stored in the memory to perform the method of any of claims 1-13.

16. A computer readable storage medium having stored therein program instructions, which when executed by a processor, implement the method of any of claims 1-13.