Display control method and device, equipment and storage medium

Abstract

The invention provides a display control method and device, equipment and a storage medium, and the display control method comprises the steps: responding to a first touch operation for an application interface, and determining to start a target interaction mode; in the target interaction mode, displaying an amplification control area corresponding to the function control area on the graphical user interface; and in the target interaction mode, in response to a second touch operation for the function control displayed in the amplified control area, determining to trigger the function control displayed in the function control area, and executing a control operation corresponding to the function control. Therefore, according to the method and the device, the magnified control area corresponding to the function control area in the application interface is displayed on the graphical user interface, so that the touch operation of a user for the function control in the magnified control area can be mapped to the same function control in the function control area; therefore, the probability of mistakenly touching the function controls in the function control area by the user can be effectively reduced.

Description

Technical Field

[0001] The present application relates to the field of terminal interaction technology, and in particular to a display control method, device, equipment and storage medium. Background Art

[0002] At present, on a mobile terminal device with a touch screen (such as a tablet computer), you can install and use applications that display in the same way as on a PC (Personal Computer), and you can also display the PC desktop on the touch screen of the mobile terminal device by remotely controlling the PC. However, since the screen size of the touch screen is smaller than the screen size of the PC display, the display size of the same application interface on the mobile terminal device will be smaller than that on the PC, and the user's finger is much larger than the cursor displayed on the PC desktop, so it is very easy for the user to accidentally touch the small-sized function control displayed in the application interface on the mobile terminal side, which increases the probability of the user accidentally touching the function control in the application interface. Summary of the invention

[0003] In view of this, the present application provides a display control method, apparatus, device and storage medium, which can map the user's touch operations on the function controls in the enlarged control area to the same function controls in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function controls in the function control area.

[0004] In order to make the above-mentioned objects, features and advantages of the present application more obvious and easy to understand, preferred embodiments are specifically cited below and described in detail with reference to the attached drawings.

[0005] In a first aspect, an embodiment of the present application provides a display control method, the display control method comprising:

[0006] In response to a first touch operation on an application interface, determining to start a target interaction mode; wherein the application interface includes a screen display area and a function control area;

[0007] In the target interaction mode, an enlarged control area corresponding to the function control area is displayed on the graphical user interface; wherein the function controls included in the function control area are displayed in the enlarged control area;

[0008] In the target interaction mode, in response to a second touch operation on a function control displayed in the amplified manipulation area, it is determined to trigger the function control displayed in the function control area, and to execute a control operation corresponding to the function control.

[0009] In a second aspect, an embodiment of the present application provides a display control device, the display control device comprising:

[0010] A startup module, configured to determine to start a target interaction mode in response to a first touch operation on an application interface; wherein the application interface includes a screen display area and a function control area;

[0011] A local magnification module, used for displaying an enlarged control area corresponding to the function control area on a graphical user interface in the target interaction mode; wherein the function controls included in the function control area are displayed in the enlarged control area;

[0012] The control module is used to determine, in the target interaction mode, in response to a second touch operation on the function control displayed in the amplified control area, to trigger the function control displayed in the function control area and execute a control operation corresponding to the function control.

[0013] In a third aspect, an embodiment of the present application provides a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the above-mentioned display control method when executing the computer program.

[0014] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the above-mentioned display control method are executed.

[0015] The technical solution provided by the embodiments of the present application may have the following beneficial effects:

[0016] The embodiment of the present application provides a display control method, device, equipment and storage medium, which determines to start a target interaction mode in response to a first touch operation on an application interface; in the target interaction mode, displays an enlarged control area corresponding to a function control area on a graphical user interface; in the target interaction mode, in response to a second touch operation on a function control displayed in the enlarged control area, determines to trigger the function control displayed in the function control area, and executes the control operation corresponding to the function control. In this way, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments will be briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

[0018] Figure 1 A flow chart of a display control method provided in an embodiment of the present application is shown;

[0019] Figure 2a A schematic diagram of an interface interaction for starting a target interaction mode provided in an embodiment of the present application is shown;

[0020] Figure 2b A schematic diagram of an interface interaction for controlling a functional control by enlarging a control area provided in an embodiment of the present application is shown;

[0021] Figure 3a An interactive schematic diagram of enlarging an application interface in a target interaction mode provided by an embodiment of the present application is shown;

[0022] Figure 3b An interactive schematic diagram of reducing an application interface in a target interaction mode provided by an embodiment of the present application is shown;

[0023] Figure 4a An interactive schematic diagram of enlarging a local interface area in an application interface provided by an embodiment of the present application is shown;

[0024] Figure 4b An interactive schematic diagram of enlarging a local interface area in an application interface provided by an embodiment of the present application is shown;

[0025] Figure 5 A schematic diagram of the structure of a display control device provided in an embodiment of the present application is shown;

[0026] Figure 6 A schematic diagram of the structure of an electronic device 600 provided in an embodiment of the present application. DETAILED DESCRIPTION

[0027] To make the purpose, technical scheme and advantages of the embodiments of the present application clearer, the technical scheme in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the drawings in the present application only serve the purpose of explanation and description and are not used to limit the scope of protection of the present application. In addition, it should be understood that the schematic drawings are not drawn in real proportion. The flowchart used in this application shows the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowchart can be implemented out of sequence, and the steps without logical context can be reversed in order or implemented simultaneously. In addition, those skilled in the art can add one or more other operations to the flowchart under the guidance of the content of the present application, or remove one or more operations from the flowchart.

[0028] In addition, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. The components of the embodiments of the present application described and shown in the drawings here can be arranged and designed in various configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the application claimed for protection, but merely represents the selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.

[0029] It should be noted that the term "comprising" will be used in the embodiments of the present application to indicate the existence of the features declared thereafter, but does not exclude the addition of other features.

[0030] At present, applications with the same display mode as those on the PC can be installed and used on mobile terminal devices with touch screens, and the PC desktop can also be displayed on the touch screen of the mobile terminal device by remotely controlling the PC. However, since the screen size of the touch screen is smaller than that of the PC display, the display size of the same application interface on the mobile terminal device will be smaller than that on the PC, and the user's finger is much larger than the cursor displayed on the PC desktop. Therefore, it is very easy for the user to accidentally touch the small-sized function control displayed in the application interface on the mobile terminal device side, which increases the probability of the user accidentally touching the function control in the application interface.

[0031] Based on this, the embodiments of the present application provide a display control method, device, equipment and storage medium, which determines to start the target interaction mode in response to the first touch operation on the application interface; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, the function control displayed in the function control area is determined to be triggered, and the control operation corresponding to the function control is executed. In this way, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0032] A display control method in one embodiment of the present application can be run on a terminal device or a server. The terminal device can be a local terminal device or a mobile terminal device. When the display control method is run on a server, the display control method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device (i.e., a terminal device).

[0033] To facilitate understanding of the embodiments of the present application, a display control method, device, equipment and storage medium provided in the embodiments of the present application are described in detail below.

[0034] Reference Figure 1 As shown, Figure 1 A flow chart of a display control method provided in an embodiment of the present application is shown, wherein the display control method comprises steps S101-S103; specifically:

[0035] S101, in response to a first touch operation on an application interface, determining to start a target interaction mode.

[0036] S102, in the target interaction mode, displaying an enlarged control area corresponding to the function control area on a graphical user interface.

[0037] S103, in the target interaction mode, in response to a second touch operation on the function control displayed in the enlarged manipulation area, determining to trigger the function control displayed in the function control area, and executing a control operation corresponding to the function control.

[0038] The above-mentioned display control method provided by the embodiment of the present application determines to start the target interaction mode in response to the first touch operation on the application interface; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, the function control displayed in the function control area is triggered, and the control operation corresponding to the function control is executed. In this way, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0039] The following is an exemplary description of each step in the above display control method provided in the embodiment of the present application:

[0040] S101, in response to a first touch operation on an application interface, determining to start a target interaction mode.

[0041] Here, on the side of the application device running the display control method provided by the embodiment of the present application, a graphical user interface is provided by the application device, wherein before executing step S101, the target application is displayed on the graphical user interface, and the application device responds to the start operation of the target application and displays the application interface of the target application (i.e., the application interface in step S101) on the graphical user interface.

[0042] Here, considering that the screen size of the touch display is smaller than the screen size of the PC monitor, compared with the control operation of controlling the cursor on the PC desktop by controlling the mouse, the user is more likely to accidentally touch the function control when controlling the touch display by finger touch. Therefore, in the embodiment of the present application, as an optional embodiment, the above-mentioned application device can be a mobile terminal device with a touch display.

[0043] It should be noted that the display control method provided in the embodiment of the present application is not limited to application on mobile terminal devices with a touch screen. It is just that since the user on the PC side can accurately click on the function controls on the computer desktop by controlling the cursor movement with a mouse, it is more conducive to highlighting the application value of the display control method provided in the embodiment of the present application on the mobile terminal side with a touch screen. The embodiment of the present application does not impose any mandatory limitation on the specific application device corresponding to the display control method provided in the embodiment of the present application.

[0044] Specifically, as an optional embodiment, the above-mentioned target application can be an application software installed on the application device (such as office software such as wps software and engineering drawing, leisure and entertainment software such as game software and video playback software), or it can be a browser that can be accessed through the network on the application device. The embodiment of this application does not impose any limitation on the specific application type of the above-mentioned target application.

[0045] Specifically, as another optional embodiment, the above-mentioned application device can also represent the remote control end in remote control. At this time, the desktop content of the remote controlled end can be displayed on the graphical user interface of the application device, and the target application can be the application software displayed on the desktop of the remote controlled end, or a browser on the remote controlled end that can be accessed through the network (equivalent to that on the application device side, the user can display the target application on the remote controlled end on the graphical user interface of the application device by remotely controlling the above-mentioned remote controlled end).

[0046] It should be noted that the user only needs to install the same remote control application in two terminal devices and use the same user account to log in on the two terminal devices with the above remote control application installed, so that a remote control connection can be established between the above two terminal devices, so that the user can select any terminal device as the remote control end (that is, the above application device) and select another logged-in terminal device on the remote control end as the remote controlled end. At this time, the desktop content of the remote controlled end can be displayed on the remote control end, and the user can realize remote control of the remote controlled end by operating the desktop content displayed on the remote control end.

[0047] Here, the application interface of the target application can be divided into a screen display area and a function control area (that is, the application interface includes a screen display area and a function control area); wherein, the function control area is used to represent the concentrated distribution area of ​​the function controls in the application interface (for example, when the target application belongs to a browser, the function control area can be the navigation bar area located at the top of the browser interface; when the target application belongs to office software such as WPS software, the function control area can be the toolbar area located at the top of the WPS interface, etc.), and the screen display area can represent the main interface display area of ​​the application interface other than the above-mentioned function control area (for example, when the target application belongs to a browser, the screen display area can be the page display area located below the navigation bar in the browser interface; when the target application belongs to office software such as WPS software, the screen display area can be the text editing area located below the toolbar in the WPS interface, etc.).

[0048] It should be noted that, in combination with the above specific example that the application interface can be a WPS interface or a browser interface, it can be known that in an embodiment of the present application, as an optional embodiment, the relative size relationship between the above-mentioned screen display area and the above-mentioned function control area can be: the area length of the screen display area is the same as the area length of the function control area (for example, the length of the page display area and the navigation bar in the browser interface are the same, and both are consistent with the window length of the display window where the browser interface is located), the area width of the screen display area is greater than the area width of the function control area (for example, the width of the navigation bar in the browser interface will be much smaller than the width of the page display area below), and the area area of ​​the screen display area is greater than the area area of ​​the function control area (for example, the area area of ​​the navigation bar in the browser interface is also much smaller than the area area of ​​the page display area below).

[0049] Here, as an optional embodiment, the first touch operation in the above step S101 can be a specific touch operation on any area in the application interface (for example, the user can double-click the application interface with a finger to start the target interaction mode; the user can also long press the application interface to start the target interaction mode, etc.); in addition, as another optional embodiment, in order to reduce the probability of accidental touching of the function control in the function control area by the user, the above first touch operation can also be a touch operation on the above function control area displayed in the application interface (for example, it can be a touch operation on the function control area); the embodiment of the present application does not impose any limitation on the specific operation type of the above first touch operation.

[0050] Specifically, when the above-mentioned first touch operation is a touch operation on the above-mentioned function control area, as an optional embodiment, the above-mentioned first touch operation may be a touch operation on the blank area in the above-mentioned function control area. At this time, when executing the above-mentioned step S101, the application device may respond to the touch operation on the blank area in the function control area to determine to start the above-mentioned target interaction mode.

[0051] Specifically, when the above-mentioned first touch operation is a touch operation on the above-mentioned function control area, as another optional embodiment, the above-mentioned first touch operation can also be a touch operation on any one function control in the above-mentioned function control area. At this time, when executing the above-mentioned step S101, the application device can respond to the touch operation on the function control in the function control area, determine to turn on the target interaction mode and do not execute the control operation corresponding to the function control; that is, unlike the prior art, in which the application device responds to the touch operation on the function control in the function control area and directly executes the control operation corresponding to the function control, in the embodiment of the present application, when the user touches the function control in the function control area, only the target interaction mode can be turned on, and the function originally corresponding to the function control is not implemented.

[0052] S102, in the target interaction mode, displaying an enlarged control area corresponding to the function control area on a graphical user interface.

[0053] Here, the application device responds to the above-mentioned first touch operation, and while determining to turn on the target interaction mode, can display an enlarged control area corresponding to the function control area on the graphical user interface; wherein the function controls included in the function control area are displayed in the above-mentioned enlarged control area; that is, the above-mentioned enlarged control area is equivalent to an enlarged version of the above-mentioned function control area displayed on the graphical user interface in the target interaction mode.

[0054] It should be noted that, based on the fact that the above-mentioned enlarged control area is equivalent to an enlarged version of the above-mentioned function control area, in the embodiment of the present application, it is only necessary to ensure that the area of ​​the above-mentioned enlarged control area is larger than the area of ​​the above-mentioned function control area, wherein the area length of the above-mentioned enlarged control area is larger than the area length of the above-mentioned function control area; the area width of the above-mentioned enlarged control area is larger than the area width of the above-mentioned function control area; the embodiment of the present application does not impose any limitation on the specific values ​​of the area length and area width of the above-mentioned enlarged control area.

[0055] Specifically, taking the above application interface as a browser interface as an example, Figure 2a A schematic diagram of an interface interaction for opening a target interaction mode provided in an embodiment of the present application is shown. Figure 2a As shown, a browser interface 210 (i.e., an application interface) is displayed on the graphical user interface 200 of the application device, and a navigation bar area 211 in the browser interface 210 displays: an access window of a page a that has been browsed (the user has browsed page a but has not completely closed page a), an access window of the page b that is currently being browsed, and multiple functional controls such as a keyboard call-out control 201, a volume adjustment control 202, a page return control 203, an interface window minimize control 204, an interface window maximize control 205, and a browser interface close control 206. In addition to the above-mentioned navigation bar area 211, the browser interface 210 also includes a page display area 212, wherein the page display area 212 displays the specific page content of the page b that the user is currently browsing.

[0056] Exemplary descriptions, such as Figure 2aAs shown, when the above-mentioned application interface is a browser interface 210, the above-mentioned function control area can be a navigation bar area 211 in the browser interface 210 displaying multiple function controls, and the above-mentioned screen display area can be a page display area 212 in the browser interface 210, wherein, taking the volume adjustment control 202 in the navigation bar area 211 as an example, in the prior art, the application device will directly display a volume adjustment progress bar in the page display area 212 in response to the user's touch operation on the volume adjustment control 202, and the user can control the volume of the playback screen in the page display area 212 to increase or decrease by sliding the adjustment button on the volume adjustment progress bar; and in the embodiment of the present application, the application device can determine to start the target interaction mode in response to the user's touch operation on the volume adjustment control 202 (i.e., the first touch operation), and display the enlarged control area 220 corresponding to the navigation bar area 211 (i.e., the function control area) on the graphical user interface 200, instead of displaying the volume adjustment progress bar in the page display area 212 as in the above-mentioned prior art.

[0057] S103, in the target interaction mode, in response to a second touch operation on the function control displayed in the enlarged manipulation area, determining to trigger the function control displayed in the function control area, and executing a control operation corresponding to the function control.

[0058] Here, the above-mentioned enlarged control area is equivalent to an enlarged version of the above-mentioned function control area, and all function controls with the same layout as those in the function control area are displayed in the above-mentioned enlarged control area. Therefore, in the target interaction mode, the application device responds to the second touch operation on the function control displayed in the enlarged control area, and can determine to trigger the function control displayed in the function control area, and execute the control operation corresponding to the function control; that is, in the target interaction mode, the embodiment of the present application can map the user's touch operation on the function control in the enlarged control area (that is, the above-mentioned second touch operation) to the same function control in the function control area, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0059] It should be noted that the above-mentioned second touch operation can be a click operation, a long press operation, etc. on the function control displayed in the enlarged control area; among them, the embodiment of the present application does not impose any limitation on the specific operation type of the above-mentioned second touch operation.

[0060] An exemplary description is given with Figure 2a Take the enlarged control area 220 corresponding to the navigation bar area 211 (i.e., the function control area) as an example. Figure 2a On the basis of Figure 2b A schematic diagram of an interface interaction for controlling a function control by enlarging a control area provided in an embodiment of the present application is shown, such as Figure 2b As shown, a magnification control area 220 corresponding to a navigation bar area 211 (i.e., a function control area) is displayed on a graphical user interface 200 of an application device, wherein, in a target interaction mode, the application device responds to a touch operation (i.e., a second touch operation) on a volume adjustment control 202 displayed in the magnification control area 220, and displays a volume adjustment progress bar 213 in a page display area 212 (determining to trigger the volume adjustment control 202 and executing a control operation corresponding to the volume adjustment control 202), and a user can control the volume of the playback screen in the page display area 212 to increase or decrease by sliding an adjustment button 214 on the volume adjustment progress bar.

[0061] It should be noted that in order to reduce the probability of users accidentally touching the function controls in the function control area, as an optional embodiment, in the target interaction mode, the above-mentioned enlarged control area can also be configured as an effective operation area for the function controls. That is, in the target interaction mode, the application device may not respond to the user's touch operation on the function controls in the function control area (equivalent to that in the target interaction mode, even if the user accidentally touches the function controls in the function control area, it will not have any impact on the picture content played in the picture display area).

[0062] In an embodiment of the present application, the user can exit the above-mentioned target interaction mode (i.e., cancel the display of the above-mentioned enlarged control area on the graphical user interface) in different ways; wherein, as an optional embodiment, the application device can determine to exit the target interaction mode in response to the end of the above-mentioned first touch operation, and cancel the display of the enlarged control area on the graphical user interface.

[0063] As an exemplary explanation, taking the above-mentioned first touch operation as an example, which is a touch operation on the above-mentioned function control area, if the user touches the above-mentioned function control area with the right hand to control the application device to start the target interaction mode, the user can control the application device to continue to maintain the target interaction mode by continuously touching the above-mentioned function control area with the right hand. When the user wants to exit the target interaction mode, he only needs to end touching the above-mentioned function control area with the right hand to control the application device to exit the target interaction mode.

[0064] In the embodiment of the present disclosure, as another optional embodiment, the application device may display a mode exit control corresponding to the target interaction mode on the graphical user interface while determining to start the target interaction mode, so that the user can exit the target interaction mode through the above-mentioned mode exit control. That is, at this time in the target interaction mode, the application device responds to the touch operation (such as a click operation or a long press operation, etc.) on the above-mentioned mode exit control, determines to exit the target interaction mode, and cancels the display of the above-mentioned enlarged control area on the graphical user interface.

[0065] For example, if the user touches the function control area with the right hand to control the application device to start the target interaction mode, and the application device displays the mode exit control corresponding to the target interaction mode on the graphical user interface while starting the target interaction mode, after the mode exit control is displayed, even if the user ends touching the function control area with the right hand, the application device still maintains the target interaction mode. When the user wants to exit the target interaction mode, he can click the mode exit control to control the application device to exit the target interaction mode.

[0066] The specific implementation process of each of the above steps in the embodiment of the present application is described in detail below:

[0067] With respect to the display control method shown in the above steps S101-S103, in order to facilitate the user to scale the application interface as a whole, in an embodiment of the present application, as an optional embodiment, in the target interaction mode, the application device can adjust the display size of the application interface in response to a two-finger touch operation on the application interface; that is, in the target interaction mode, the user can use a two-finger touch operation to adjust the display size of the application interface as a whole on the graphical user interface.

[0068] Specifically, when the two-finger touch operation is a first two-finger touch operation in which the user's two fingers gradually move away from each other, in the target interaction mode, the application device can enlarge the display size of the application interface in response to the first two-finger touch operation on the application interface.

[0069] For example, Figure 2a Take the enlarged control area 220 corresponding to the navigation bar area 211 (i.e., the function control area) as an example. Figure 3a An interactive schematic diagram of enlarging an application interface in a target interaction mode provided by an embodiment of the present application is shown, such as Figure 3a As shown, in the target interaction mode, the application device can enlarge the overall display size of the application interface 210 on the graphical user interface 200 in response to the user's first two-finger touch operation on the application interface 210 (i.e., the first two-finger touch operation in which the user's two fingers gradually move away).

[0070] Specifically, when the two-finger touch operation is a second two-finger touch operation in which the user's two fingers gradually approach each other, in the target interaction mode, the application device can reduce the display size of the application interface in response to the second two-finger touch operation on the application interface.

[0071] For example, Figure 2a Take the enlarged control area 220 corresponding to the navigation bar area 211 (i.e., the function control area) as an example. Figure 3bAn interactive schematic diagram of reducing the application interface in a target interactive mode provided by an embodiment of the present application is shown, such as Figure 3b As shown, in the target interaction mode, the application device can reduce the overall display size of the application interface 210 on the graphical user interface 200 in response to the user's second two-finger touch operation on the application interface 210 (i.e., the second two-finger touch operation in which the user's two fingers gradually approach each other).

[0072] With respect to the display control method shown in the above steps S101-S103, when the application device responds to the first touch operation on the application interface and determines to start the target interaction mode, as an optional embodiment, the display style of the application interface on the graphical user interface may not be changed, but only a magnified control area corresponding to the above function control area may be newly displayed on the graphical user interface (refer to Figure 2a As shown); as another optional embodiment, the application device can also highlight the above application interface on the graphical user interface according to a preset display style while determining to turn on the target interaction mode, so as to prompt the user through the highlighted application interface that the current two-finger touch operation on the application interface is a zoom control of the application interface as a whole (that is, what is adjusted at this time is the display size of the application interface as a whole).

[0073] It should be noted that the above-mentioned preset display style can be to highlight the border of the application interface, or to cover and display a translucent shadow effect on the application interface (the display of the shadow effect does not affect the screen playback in the screen display area of ​​the application interface); the embodiment of the present application does not impose any limitation on the specific style configuration of the above-mentioned preset display style.

[0074] In the embodiment of the present application, unlike the above-mentioned target interaction mode, in which the user's two-finger touch operation on the application interface is used to adjust the display size of the entire application interface on the graphical user interface, before starting the above-mentioned target interaction mode or after exiting the above-mentioned target interaction mode, the application device will adjust the display size of the local interface area in the application interface in response to the two-finger touch operation on the application interface, rather than adjusting the display size of the entire application interface on the graphical user interface.

[0075] It should be noted that the above-mentioned local interface area is determined according to the operation position corresponding to the above-mentioned two-finger touch operation in the application interface. For example, the above-mentioned local interface area can be: a local interface area with the touch point corresponding to the two-finger touch operation on the application interface as the center, and the distance between the center and the center is within the preset distance threshold range; the specific value of the above-mentioned preset distance threshold is not limited in any way in the embodiments of the present application.

[0076] Specifically, when the two-finger touch operation is the first two-finger touch operation in which the user's two fingers gradually move away, before starting the above-mentioned target interaction mode or after exiting the above-mentioned target interaction mode, the application device responds to the first two-finger touch operation on the application interface and can enlarge the display size of the above-mentioned local interface area in the application interface.

[0077] Exemplary description, with the above Figure 3a Correspondingly, Figure 4a An interactive schematic diagram of amplifying a local interface area in an application interface provided by an embodiment of the present application is shown, such as Figure 4a As shown, before starting the target interaction mode or after exiting the target interaction mode (i.e., the magnification control area 220 corresponding to the navigation bar area 211 is not displayed on the graphical user interface 200 at this time), the application device responds to the user's first two-finger touch operation on the application interface 210 (i.e., the first two-finger touch operation in which the user's two fingers gradually move away from each other), and can determine the local interface area 301 corresponding to the touch point on the application interface 210 based on the touch point corresponding to the first two-finger touch operation on the application interface 210, and enlarge the display size of the local interface area 301 in the application interface 210 without changing the overall display size of the application interface 210 on the graphical user interface 200.

[0078] Specifically, when the two-finger touch operation is a second two-finger touch operation in which the user's two fingers gradually approach each other, before starting the above-mentioned target interaction mode or after exiting the above-mentioned target interaction mode, the application device responds to the second two-finger touch operation on the application interface and can reduce the display size of the above-mentioned local interface area in the application interface.

[0079] Exemplary description, with the above Figure 3b Correspondingly, Figure 4b An interactive schematic diagram of amplifying a local interface area in an application interface provided by an embodiment of the present application is shown, such as Figure 4b As shown, before starting the target interaction mode or after exiting the target interaction mode (i.e., the magnification control area 220 corresponding to the navigation bar area 211 is not displayed on the graphical user interface 200 at this time), the application device responds to the user's second two-finger touch operation on the application interface 210 (i.e., the second two-finger touch operation in which the user's two fingers gradually approach each other), and can determine the local interface area 301 corresponding to the touch point on the application interface 210 based on the touch point corresponding to the second two-finger touch operation on the application interface 210, and reduce the display size of the local interface area 301 in the application interface 210 without changing the overall display size of the application interface 210 on the graphical user interface 200.

[0080] Based on the above display control method provided by the embodiment of the present application, in response to the first touch operation on the application interface, it is determined to start the target interaction mode; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, it is determined to trigger the function control displayed in the function control area, and execute the control operation corresponding to the function control. In this way, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0081] Based on the same inventive concept, the present application also provides a display control device corresponding to the above-mentioned display control method. Since the principle of solving the problem by the display control device in the embodiment of the present application is similar to the above-mentioned display control method in the embodiment of the present application, the implementation of the display control device can refer to the implementation of the above-mentioned display control method, and the repeated parts will not be repeated.

[0082] Reference Figure 5 As shown, Figure 5 A schematic diagram of the structure of a display control device provided in an embodiment of the present application is shown, wherein the display control device comprises:

[0083] The starting module 501 is used to determine to start the target interaction mode in response to the first touch operation on the application interface; wherein the application interface includes a screen display area and a function control area;

[0084] A local magnification module 502, configured to display, in the target interaction mode, an amplified control area corresponding to the function control area on a graphical user interface; wherein the function controls included in the function control area are displayed in the amplified control area;

[0085] The control module 503 is used to determine, in the target interaction mode, in response to a second touch operation on the function control displayed in the enlarged control area, trigger the function control displayed in the function control area, and execute a control operation corresponding to the function control.

[0086] In an optional implementation, when it is determined to start the target interaction mode in response to the first touch operation on the application interface, the starting module 501 is used to:

[0087] In response to a touch operation on a blank area in the function control area, determining to start the target interaction mode;

[0088] or,

[0089] In response to a touch operation on a function control in the function control area, it is determined to start the target interaction mode and not to perform a control operation corresponding to the function control.

[0090] In an optional implementation, the display control device further includes: a first scaling module, wherein the first scaling module is used to:

[0091] In the target interaction mode, in response to a two-finger touch operation on the application interface, the display size of the application interface is adjusted.

[0092] In an optional implementation, the display control device further includes: a second scaling module, wherein the second scaling module is used to:

[0093] Before determining to start the target interaction mode or after exiting the target interaction mode, in response to a two-finger touch operation on the application interface, adjust the display size of a local interface area in the application interface; wherein the local interface area is determined according to an operation position corresponding to the two-finger touch operation in the application interface.

[0094] In an optional embodiment, the area of ​​the enlarged control area is larger than the area of ​​the functional control area; wherein the area length of the enlarged control area is larger than the area length of the functional control area; and the area width of the enlarged control area is larger than the area width of the functional control area.

[0095] In an optional implementation, the display control device further includes: a display module, wherein the display module is used to:

[0096] While determining to start the target interaction mode, the application interface is highlighted on the graphical user interface according to a preset display style.

[0097] In an optional implementation, the display control device further includes: a first exit module, wherein the first exit module is used to:

[0098] In response to the end of the first touch operation, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0099] In an optional implementation, while determining to start the target interaction mode, a mode exit control corresponding to the target interaction mode is displayed on the graphical user interface, and the display control device further includes: a second exit module, wherein the second exit module is used to:

[0100] In the target interaction mode, in response to a touch operation on the mode exit control, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0101] Based on the above display control device provided by the embodiment of the present application, in response to the first touch operation on the application interface, it is determined to start the target interaction mode; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, it is determined to trigger the function control displayed in the function control area, and execute the control operation corresponding to the function control. In this way, by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0102] Based on the same inventive concept, the present application also provides an electronic device corresponding to the above-mentioned display control method. Since the principle of solving the problem by the electronic device in the embodiment of the present application is similar to the above-mentioned display control method in the embodiment of the present application, the implementation of the electronic device can refer to the implementation of the above-mentioned display control method, and the repeated parts will not be repeated.

[0103] Figure 6 A structural diagram of an electronic device 600 provided in an embodiment of the present application includes: a processor 601, a memory 602 and a bus 603, wherein the memory 602 stores machine-readable instructions executable by the processor 601. When the electronic device runs a display control method as in the embodiment, the processor 601 communicates with the memory 602 via the bus 603, and the processor 601 executes the machine-readable instructions. When the processor 601 executes the machine-readable instructions, the following steps are implemented, specifically:

[0104] In response to a first touch operation on an application interface, determining to start a target interaction mode; wherein the application interface includes a screen display area and a function control area;

[0105] In the target interaction mode, an enlarged control area corresponding to the function control area is displayed on the graphical user interface; wherein the function controls included in the function control area are displayed in the enlarged control area;

[0106] In the target interaction mode, in response to a second touch operation on a function control displayed in the amplified manipulation area, it is determined to trigger the function control displayed in the function control area, and to execute a control operation corresponding to the function control.

[0107] In an optional implementation, when determining to start the target interaction mode in response to the first touch operation on the application interface, the processor 601 is configured to:

[0108] In response to a touch operation on a blank area in the function control area, determining to start the target interaction mode;

[0109] or,

[0110] In response to a touch operation on a function control in the function control area, it is determined to start the target interaction mode and not to perform a control operation corresponding to the function control.

[0111] In an optional implementation, the processor 601 is further configured to:

[0112] In the target interaction mode, in response to a two-finger touch operation on the application interface, the display size of the application interface is adjusted.

[0113] In an optional implementation, before determining to start the target interaction mode or after exiting the target interaction mode, the processor 601 is further configured to:

[0114] In response to a two-finger touch operation on the application interface, a display size of a local interface area in the application interface is adjusted; wherein the local interface area is determined according to an operation position corresponding to the two-finger touch operation in the application interface.

[0115] In an optional embodiment, the area of ​​the enlarged control area is larger than the area of ​​the functional control area; wherein the area length of the enlarged control area is larger than the area length of the functional control area; and the area width of the enlarged control area is larger than the area width of the functional control area.

[0116] In an optional implementation, the processor 601 is further configured to:

[0117] While determining to start the target interaction mode, the application interface is highlighted on the graphical user interface according to a preset display style.

[0118] In an optional implementation, the processor 601 is further configured to:

[0119] In response to the end of the first touch operation, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0120] In an optional implementation, while determining to start the target interaction mode, displaying a mode exit control corresponding to the target interaction mode on the graphical user interface, the processor 601 is further configured to:

[0121] In the target interaction mode, in response to a touch operation on the mode exit control, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0122] The electronic device provided by the embodiment of the present application determines to start the target interaction mode in response to the first touch operation on the application interface; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, the function control displayed in the function control area is triggered, and the control operation corresponding to the function control is executed. In this way, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0123] Based on the same inventive concept, an embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored. The computer program is executed when a processor is running, and the processor performs the following steps:

[0124] In response to a first touch operation on an application interface, determining to start a target interaction mode; wherein the application interface includes a screen display area and a function control area;

[0125] In the target interaction mode, an enlarged control area corresponding to the function control area is displayed on the graphical user interface; wherein the function controls included in the function control area are displayed in the enlarged control area;

[0126] In the target interaction mode, in response to a second touch operation on a function control displayed in the amplified manipulation area, it is determined to trigger the function control displayed in the function control area, and to execute a control operation corresponding to the function control.

[0127] In an optional implementation, when determining to start the target interaction mode in response to the first touch operation on the application interface, the processor is configured to:

[0128] In response to a touch operation on a blank area in the function control area, determining to start the target interaction mode;

[0129] or,

[0130] In response to a touch operation on a function control in the function control area, it is determined to start the target interaction mode and not to perform a control operation corresponding to the function control.

[0131] In an optional implementation, the processor is further configured to:

[0132] In the target interaction mode, in response to a two-finger touch operation on the application interface, the display size of the application interface is adjusted.

[0133] In an optional implementation, before determining to start the target interaction mode or after exiting the target interaction mode, the processor is further configured to:

[0134] In response to a two-finger touch operation on the application interface, a display size of a local interface area in the application interface is adjusted; wherein the local interface area is determined according to an operation position corresponding to the two-finger touch operation in the application interface.

[0135] In an optional embodiment, the area of ​​the enlarged control area is larger than the area of ​​the functional control area; wherein the area length of the enlarged control area is larger than the area length of the functional control area; and the area width of the enlarged control area is larger than the area width of the functional control area.

[0136] In an optional implementation, the processor is further configured to:

[0137] While determining to start the target interaction mode, the application interface is highlighted on the graphical user interface according to a preset display style.

[0138] In an optional implementation, the processor is further configured to:

[0139] In response to the end of the first touch operation, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0140] In an optional implementation, while determining to start the target interaction mode, a mode exit control corresponding to the target interaction mode is displayed on the graphical user interface, and the processor is further configured to:

[0141] In the target interaction mode, in response to a touch operation on the mode exit control, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

[0142] Through the above-mentioned computer-readable storage medium provided by the embodiment of the present application, in response to the first touch operation on the application interface, it is determined to start the target interaction mode; in the target interaction mode, the enlarged control area corresponding to the function control area is displayed on the graphical user interface; in the target interaction mode, in response to the second touch operation on the function control displayed in the enlarged control area, it is determined to trigger the function control displayed in the function control area, and execute the control operation corresponding to the function control. In this way, by displaying the enlarged control area corresponding to the function control area in the application interface on the graphical user interface, the present application can map the user's touch operation on the function control in the enlarged control area to the same function control in the function control area, thereby effectively reducing the probability of the user accidentally touching the function control in the function control area.

[0143] In an embodiment of the present application, the computer-readable storage medium can also execute other machine-readable instructions when run by the processor to execute the display control method as described in other embodiments. For the specific steps and principles of the display control method, please refer to the description of the method side embodiment, which will not be repeated here.

[0144] In the embodiments provided in the present application, it should be understood that the disclosed systems and methods can be implemented in other ways. The system embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, indirect coupling or communication connection of systems or units, which can be electrical, mechanical or other forms.

[0145] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0146] In addition, each functional unit in the embodiments provided in the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0147] If the functions 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 can be essentially or partly embodied in the form of a software product that contributes to the prior art. The computer software product is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0148] It should be noted that similar numbers and letters represent similar items in the following figures. Therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures. In addition, the terms "first", "second", "third", etc. are only used to distinguish the description and are not to be understood as indicating or implying relative importance.

[0149] Finally, it should be noted that the above-described embodiments are only specific implementation methods of the present application, which are used to illustrate the technical solutions of the present application, rather than to limit them. The protection scope of the present application is not limited thereto. Although the present application is described in detail with reference to the above-mentioned embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the above-mentioned embodiments within the technical scope disclosed in the present application, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present application. They should all be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be based on the protection scope of the claims.

Claims

1. A display control method, characterized in that: The display control method comprises: In response to a first touch operation on an application interface, determining to start a target interaction mode; wherein the application interface includes a screen display area and a function control area; In the target interaction mode, an enlarged control area corresponding to the function control area is displayed on the graphical user interface; wherein the function controls included in the function control area are displayed in the enlarged control area; In the target interaction mode, in response to a second touch operation on a function control displayed in the amplified manipulation area, it is determined to trigger the function control displayed in the function control area, and to execute a control operation corresponding to the function control.

2. The display control method according to claim 1, characterized in that: The step of determining to start a target interaction mode in response to a first touch operation on the application interface includes: In response to a touch operation on a blank area in the function control area, determining to start the target interaction mode; or, In response to a touch operation on a function control in the function control area, it is determined to start the target interaction mode and not to perform a control operation corresponding to the function control.

3. The display control method according to claim 1, characterized in that: The display control method further includes: In the target interaction mode, in response to a two-finger touch operation on the application interface, the display size of the application interface is adjusted.

4. The display control method according to claim 1, characterized in that: The area of ​​the enlarged control area is larger than the area of ​​the functional control area; wherein the area length of the enlarged control area is larger than the area length of the functional control area; and the area width of the enlarged control area is larger than the area width of the functional control area.

5. The display control method according to claim 1, characterized in that: The display control method further includes: While determining to start the target interaction mode, the application interface is highlighted on the graphical user interface according to a preset display style.

6. The display control method according to claim 1, characterized in that: The display control method further includes: In response to the end of the first touch operation, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

7. The display control method according to claim 1, characterized in that: While determining to start the target interaction mode, displaying a mode exit control corresponding to the target interaction mode on the graphical user interface, the display control method further includes: In the target interaction mode, in response to a touch operation on the mode exit control, it is determined to exit the target interaction mode, and the display of the enlarged manipulation area on the graphical user interface is cancelled.

8. The display control method according to claim 1, characterized in that: Before determining to start the target interaction mode or after exiting the target interaction mode, the display control method further includes: In response to a two-finger touch operation on the application interface, a display size of a local interface area in the application interface is adjusted; wherein the local interface area is determined according to an operation position corresponding to the two-finger touch operation in the application interface.

9. A display control device, characterized in that: The display control device comprises: A startup module, configured to determine to start a target interaction mode in response to a first touch operation on an application interface; wherein the application interface includes a screen display area and a function control area; A local magnification module, used for displaying an enlarged control area corresponding to the functional control area on a graphical user interface in the target interaction mode; wherein the functional controls included in the functional control area are displayed in the enlarged control area; The control module is used to determine, in the target interaction mode, in response to a second touch operation on the function control displayed in the enlarged control area, trigger the function control displayed in the function control area, and execute the control operation corresponding to the function control.

10. An electronic device, characterized in that: include: A processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor and the memory communicate via the bus, and when the machine-readable instructions are executed by the processor, the steps of the display control method as described in any one of claims 1 to 8 are performed.

11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the display control method according to any one of claims 1 to 8 are executed.

Images