WO2021203821A1 - Page manipulation method and device, storage medium, and terminal - Google Patents

Page manipulation method and device, storage medium, and terminal Download PDF

Info

Publication number
WO2021203821A1
WO2021203821A1 PCT/CN2021/075278 CN2021075278W WO2021203821A1 WO 2021203821 A1 WO2021203821 A1 WO 2021203821A1 CN 2021075278 W CN2021075278 W CN 2021075278W WO 2021203821 A1 WO2021203821 A1 WO 2021203821A1
Authority
WO
WIPO (PCT)
Prior art keywords
control
pressing
controls
floating window
touch
Prior art date
Application number
PCT/CN2021/075278
Other languages
French (fr)
Chinese (zh)
Inventor
邓俊杰
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2021203821A1 publication Critical patent/WO2021203821A1/en

Links

Images

Classifications

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

Definitions

  • This application relates to the field of computer technology, and in particular to a page manipulation method, device, storage medium, and terminal.
  • the size of the terminal display screen is getting larger and larger, which improves the display effect of the terminal to a certain extent.
  • the display screen is operated with one hand, some areas are difficult to reach. In this case, the operation is easy to hold and unstable, resulting in the risk of the terminal falling.
  • the current mainstream practices include double-clicking the Home button to make the overall interface drop, or one-handed triggering the interface to scale down, or clicking the floating ball on the interface to make a cursor appear at the top of the interface, mapping corresponding operations, such as moving, Click, long press, etc.
  • mapping corresponding operations such as moving, Click, long press, etc.
  • the embodiments of the application provide a page manipulation method, device, storage medium, and terminal, which only need to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the display can be displayed at the touch position corresponding to the touch operation
  • the corresponding function controls in the page are simple and convenient to operate without changing the size of the actual page.
  • an embodiment of the present application provides a page manipulation method, the method includes:
  • the set of functional controls is displayed at the touch position.
  • an embodiment of the present application provides a page manipulation device, the device including:
  • a position obtaining module configured to receive a touch command input in the edge area of the display screen, and obtain a touch position corresponding to the touch command;
  • a control acquisition module configured to acquire a collection of functional controls in the page currently displayed on the display screen
  • the control display module is used to display the functional control set at the touch position.
  • an embodiment of the present application provides a computer storage medium that stores a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the above method steps.
  • an embodiment of the present application provides a terminal, which may include: a processor and a memory; wherein the memory stores a computer program, and the computer program is adapted to be loaded by the processor and execute the above method steps.
  • the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click
  • the touch position displays the functional control set. You only need to perform a touch operation on the edge area of the display screen that can be touched by your fingers, and the corresponding function controls in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
  • FIG. 1 is a schematic structural diagram of a terminal provided by an embodiment of the present application.
  • FIG. 2 is a schematic diagram of the structure of an operating system and user space provided by an embodiment of the present application
  • Figure 3 is an architecture diagram of the Android operating system in Figure 1;
  • FIG 4 is a structural diagram of the IOS operating system in Figure 1;
  • FIG. 5 is a schematic flowchart of a page manipulation method provided by an embodiment of the present application.
  • FIG. 6 is a schematic diagram of an example of an edge area of a display screen provided by an embodiment of the present application.
  • FIG. 7 is a schematic diagram of an example of a single-handed control terminal provided by an embodiment of the present application.
  • FIG. 8 is a schematic flowchart of a page manipulation method provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of an example of a floating window display method provided by an embodiment of the present application.
  • FIG. 10 is a schematic structural diagram of a page manipulation device provided by an embodiment of the present application.
  • FIG. 11 is a schematic structural diagram of a page manipulation device provided by an embodiment of the present application.
  • plural means two or more.
  • “And/or” describes the association relationship of the associated objects, indicating that there can be three types of relationships, for example, A and/or B, which can mean: A alone exists, A and B exist at the same time, and B exists alone.
  • the character “/” generally indicates that the associated objects before and after are in an "or” relationship.
  • FIG. 1 shows a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
  • the terminal in this application may include one or more of the following components: a processor 110, a memory 120, an input device 130, an output device 140, and a bus 150.
  • the processor 110, the memory 120, the input device 130, and the output device 140 may be connected by a bus 150.
  • the processor 110 may include one or more processing cores.
  • the processor 110 uses various interfaces and lines to connect various parts of the entire terminal, and executes the terminal 100 by running or executing instructions, programs, code sets, or instruction sets stored in the memory 120, and calling data stored in the memory 120.
  • the various functions and processing data may use at least one of digital signal processing (DSP), field-programmable gate array (FPGA), and programmable logic array (PLA).
  • DSP digital signal processing
  • FPGA field-programmable gate array
  • PDA programmable logic array
  • the processor 110 may integrate one or a combination of a central processing unit (CPU), a graphics processing unit (GPU), a modem, and the like.
  • the CPU mainly processes the operating system, user pages and applications, etc.; the GPU is used for rendering and drawing of display content; the modem is used for processing wireless communication. It can be understood that the above-mentioned modem may not be integrated into the processor 110, but may be implemented by a communication chip alone.
  • the memory 120 may include random access memory (RAM) or read-only memory (ROM).
  • the memory 120 includes a non-transitory computer-readable storage medium.
  • the memory 120 may be used to store instructions, programs, codes, code sets or instruction sets.
  • the memory 120 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing the operating system and instructions for implementing at least one function (such as touch function, sound playback function, image playback function, etc.) , Instructions for implementing the following various method embodiments, etc., the operating system may be an Android system, including a system based on the in-depth development of the Android system, an IOS system developed by Apple, including a system based on the in-depth development of the IOS system or Other systems.
  • the storage data area can also store data created by the terminal in use, such as phone book, audio and video data, chat record data, and so on.
  • the memory 120 can be divided into an operating system space and a user space.
  • the operating system runs in the operating system space, and native and third-party applications run in the user space.
  • the operating system allocates corresponding system resources for different third-party applications.
  • different application scenarios in the same third-party application also have different requirements for system resources. For example, in the local resource loading scenario, the third-party application has higher requirements for disk reading speed; in the animation rendering scenario, the first Third-party applications have higher requirements for GPU performance.
  • the operating system and third-party applications are independent of each other, and the operating system often cannot perceive the current application scenarios of the third-party applications in time, resulting in the operating system being unable to perform targeted system resource adaptation according to the specific application scenarios of the third-party applications.
  • the memory 120 may store a Linux kernel layer 320, a system runtime library layer 340, an application framework layer 360, and an application layer 380.
  • the Linux kernel layer 320, the system runtime library layer 340, and the application framework layer 360 belong to the operating system space
  • the application layer 380 belongs to the user space.
  • the Linux kernel layer 320 provides low-level drivers for various hardware of the terminal, such as display drivers, audio drivers, camera drivers, Bluetooth drivers, Wi-Fi drivers, power management, and so on.
  • the system runtime layer 340 provides major feature support for the Android system through some C/C++ libraries.
  • SQLite library provides database support
  • OpenGL/ES library provides 3D drawing support
  • Webkit library provides browser kernel support.
  • An Android runtime library (Android runtime) is also provided in the system runtime library layer 340, which mainly provides some core libraries that can allow developers to write Android applications in Java language.
  • the application framework layer 360 provides various APIs that may be used when building applications. Developers can also use these APIs to build their own applications, such as activity management, window management, view management, notification management, content providers, Package management, call management, resource management, location management.
  • At least one application program runs in the application layer 380.
  • These applications can be native applications of the operating system, such as contact programs, SMS programs, clock programs, camera applications, etc.; they can also be developed by third-party developers Third-party applications, such as game applications, instant messaging programs, photo beautification programs, text translation programs, etc.
  • the IOS system includes: the core operating system layer 420 (Core OS layer), the core service layer 440 (Core Services layer), and the media layer. 460 (Media layer), 480 (Cocoa Touch Layer).
  • the core operating system layer 420 includes an operating system kernel, drivers, and underlying program frameworks. These underlying program frameworks provide functions closer to hardware for use by the program frameworks located in the core service layer 440.
  • the core service layer 440 provides system services and/or program frameworks required by the application program, such as a foundation framework, an account framework, an advertisement framework, a data storage framework, a network connection framework, a geographic location framework, a sports framework, and so on.
  • the media layer 460 provides audio-visual interfaces for applications, such as graphics and image-related interfaces, audio technology-related interfaces, video technology-related interfaces, and audio and video transmission technology wireless playback (AirPlay) interfaces.
  • the touchable layer 480 provides various commonly used page-related frameworks for application development, and the touchable layer 480 is responsible for the user's touch interaction operations on the terminal. For example, local notification service, remote push service, advertising framework, game tool framework, message user interface (UI) framework, user page UIKit framework, map framework, and so on.
  • UI message user interface
  • frameworks related to most applications include but are not limited to: the basic framework in the core service layer 440 and the UIKit framework in the touchable layer 480.
  • the basic framework provides many basic object classes and data types, provides the most basic system services for all applications, and has nothing to do with UI.
  • the classes provided by the UIKit framework are the basic UI class libraries used to create touch-based user pages. iOS applications can provide UI based on the UIKit framework, so it provides the basic architecture of the application for building user pages and drawing , Processing and user interaction events, responding to gestures, etc.
  • the method and principle of implementing data communication between a third-party application program and an operating system in the IOS system can be referred to the Android system, which will not be repeated in this application.
  • the input device 130 is used to receive input instructions or data.
  • the input device 130 includes, but is not limited to, a keyboard, a mouse, a camera, a microphone, or a touch device.
  • the output device 140 is used to output instructions or data.
  • the output device 140 includes but is not limited to a display device and a speaker.
  • the input device 130 and the output device 140 may be co-located, and the input device 130 and the output device 140 are touch screens, and the touch screen is used to receive the user's finger, touch pen and other suitable objects on it or Touch operation nearby, and display the user page of each application.
  • the touch screen is usually set on the front panel of the terminal.
  • the touch screen can be designed as a full screen, curved screen or special-shaped screen.
  • the touch display screen can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in the embodiments of the present application.
  • the structure of the terminal shown in the above drawings does not constitute a limitation on the terminal, and the terminal may include more or less components than those shown in the figure, or some components may be combined. Or different component arrangements.
  • the terminal also includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, and a Bluetooth module, which will not be repeated here.
  • WiFi wireless fidelity
  • the execution subject of each step may be the terminal described above.
  • the execution subject of each step is the operating system of the terminal.
  • the operating system may be an Android system, an IOS system, or other operating systems, which is not limited in the embodiment of the present application.
  • a display device may also be installed on it.
  • the display device may be various devices capable of realizing display functions, such as: cathode ray tube display (CR), light-emitting diode display (light-emitting diode) Emitting diode display (LED for short), electronic ink screen, liquid crystal display (LCD), plasma display panel (PDP for short), etc.
  • CR cathode ray tube display
  • LED light-emitting diode
  • LED light-emitting diode
  • LCD liquid crystal display
  • PDP plasma display panel
  • the terminal may be a smart phone, a tablet computer, a game device, an AR (Augmented Reality) device, a car, a data storage device, an audio playback device, a video playback device, a notebook, a desktop computing device, a wearable device such as an electronic watch , Electronic glasses, electronic helmets, electronic bracelets, electronic necklaces, electronic clothing and other equipment.
  • the processor 110 may be used to call an application program stored in the memory 120, and specifically execute the remote assistance method of the embodiment of the present application.
  • the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click
  • the touch position displays the functional control set. You only need to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the corresponding function controls in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
  • a page manipulation method is proposed, which can be implemented by relying on a computer program and can be run on a page manipulation device based on the von Neumann system.
  • the computer program can be integrated in the application or run as an independent tool application.
  • the page manipulation method includes:
  • S101 Receive a touch command input in an edge area of the display screen, and obtain a touch position corresponding to the touch command;
  • the display screen is a touch screen, which is an inductive liquid crystal display device that can receive input signals such as contacts.
  • the tactile feedback system on the screen can drive each of them according to a pre-programmed program.
  • This kind of connection device can be used to replace the mechanical button panel, and use the liquid crystal display screen to create dynamic audio-visual effects.
  • the edge area of the display screen refers to a display area within a certain distance range from the edge of the display screen.
  • the distance range may be preset, customized by the user, or set at the factory.
  • the edge area may include a left edge area, a right edge area, an upper edge area, and a lower edge area, as shown in FIG. 6.
  • the touch command may include, but is not limited to, a pressing command, a sliding screen command, and the pressing command may be a heavy press command, a light press command, a single click command, a double click command, and the like.
  • a sensor is arranged in the edge area. After the user inputs a touch operation, the sensor can collect information such as the touch pressure value, touch position, touch fingerprint, and touch trajectory of the touch operation.
  • the terminal when the user holds the terminal with one hand and touches the edge area of the display screen with a finger (such as a thumb), the terminal receives the touch command and then collects the coordinate information of the touch position.
  • the position where the touch command is output may also be the side of the terminal. It is understandable that a light sensor is provided on the side, and when the user holds the terminal in hand, the light sensor can obtain information that the light is blocked.
  • S102 Acquire a set of function controls in a page currently displayed on the display screen
  • different display pages include different functional control sets.
  • the different display pages can be display pages of different applications, and can also be understood as display pages of different levels of the same application.
  • the functional control set of the home page of the A application includes: search control, scan control, add friend control, and payment control; the functional control set in the next page of the main page of the A application includes friend permission setting control, complaint control, Delete controls, etc.
  • the acquired control After receiving the touch command input in the edge area of the display screen, collect all the functional controls contained in the currently displayed page, or the controls whose use frequency is greater than the frequency threshold among all the functional controls, or rank the first few of the use frequencies among all the functional controls. For the control (such as the first three), the acquired control is determined as a functional control set.
  • the touch position is located at the edge area of the display screen. This area is small and displays more controls. On the one hand, it occupies a larger display space and easily covers the display content on the currently displayed page, but on the other hand it is inconvenient. User operation.
  • Displaying the set of functional controls at the touch position may be displayed directly at the touch position on the currently displayed page, such as displaying in a single column or multiple columns parallel to the edge of the touch position, or displaying at the touch position.
  • the position generates a layer of floating windows, and displays a set of functional controls on the floating window.
  • the set of functional controls in the floating window can also be displayed in a single column or multiple columns parallel to the edge of the touch position.
  • the generated floating window can be suspended on the current display page with a certain degree of transparency, so as to avoid obstructing the display content in the current display page.
  • the size of the floating window can be adaptively adjusted according to the number of display controls, and the floating window can also be displayed in a specified shape, such as a rectangle, a circle, a diamond, a sector, an arc, and the like.
  • the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click
  • the touch position displays the functional control set. It is only necessary to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the corresponding function control in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
  • FIG. 8 is a schematic flowchart of another embodiment of a page manipulation method proposed in this application. specific:
  • S201 Receive a touch command input in an edge area of the display screen, where the touch command is a pressing command;
  • the display screen is a touch screen, which is an inductive liquid crystal display device that can receive input signals such as contacts.
  • the entire screen of the display screen is a touchable area, and the display area within a certain distance from the edge of the display screen is the edge area of the display screen, which may include a left edge area, a right edge area, an upper edge area, and a lower edge area.
  • the terminal When the user performs a pressing operation on the edge area of the display screen, the terminal receives the pressing instruction.
  • the embodiment of the present application is mainly applied to a scenario where a terminal is held with one hand for operation.
  • a pressure sensor is provided in the edge area of the display screen to collect the pressure value when the user presses.
  • the pressure value When the pressure value is greater than the pressure threshold, it is determined to be a heavy pressure operation, and when the pressure value is less than or equal to the pressure threshold, it is determined to be a light pressure operation.
  • the obtained pressing pressure value is judged, and when the pressing pressure value is greater than the pressure threshold, and it is confirmed as a heavy pressing operation, the coordinate information of the pressed position is collected.
  • the coordinate information can be understood as the coordinates of the center pixel of the fingerprint, or the coordinates of all pixels in the area corresponding to the fingerprint.
  • the pressing duration corresponding to the pressing instruction may also be acquired, and when the pressing duration is greater than a preset duration, the pressing position corresponding to the pressing instruction is triggered to be acquired. That is, when the user performs a long-press operation on the edge area of the display screen, the acquisition of the pressing position corresponding to the pressing instruction is triggered.
  • S204 Acquire a set of function controls in a page currently displayed on the display screen
  • the floating window can be suspended on the current display page in any shape, such as a rectangle, a circle, a diamond, a fan, an ellipse, an arc, and so on.
  • the size of the floating window can be adjusted according to the number of functional controls.
  • the floating window is set to be transparent, and the transparency can be adjusted according to the user's needs. If the user does not adjust, the default transparency (such as 50% transparency) is used for display.
  • Fig. 9 it is an arc-shaped floating window, which is symmetrically arranged at the pressing position.
  • the terminal when the user presses the floating window to move, the terminal receives a movement instruction, acquires a movement track corresponding to the movement instruction, and then controls the floating window to move synchronously according to the movement track. For example, move from the right edge area of the screen to the left edge area, so as to facilitate the user to change hands and operate, or for example, move up and down on the right edge to move to the position closest to the user's thumb.
  • the set of functional controls may be all the functional controls contained in the currently displayed page, or the controls whose frequency of use is greater than the frequency threshold among all functional controls, and may also be the N controls with the highest frequency of use among all functional controls, where N It is a preset positive integer.
  • the functional controls on the currently displayed page include a scan control, a search control, and a payment control.
  • the three controls are displayed in a row parallel to the edge of the display screen.
  • the display area is expanded to display all the function controls in the function set, thereby facilitating Operate any function control displayed.
  • S207 Receive a selection instruction for a target function control in the function control set, mark the target function control, and display the title of the target function control at a preset position corresponding to the target function control;
  • the terminal When the user clicks the target function control in the floating window, the terminal receives a selection instruction for the target function control, indicating that the function of the control is triggered, and then the control is marked.
  • the method for marking the target function control may be to light up the target function control, light up and enlarge the target function control, light up and adjust the position of the target function control, and so on.
  • the title of the target function control is displayed at a preset position corresponding to the target function control for prompting.
  • the terminal when the user selects a search control, the terminal responds to the selection instruction, lights up and enlarges the search control, and displays the title of "Search" in the attachment of the control to prompt.
  • the selected search control can be located in the middle of the three controls, or can be located above or below, and when selected, it will be adjusted to the middle, which is not specifically limited here.
  • the target function control is a search control, it responds to the search operation and calls up the search page; another example, if the target function control is a scan control, it responds to the scan operation and calls up the scan page.
  • S209 Receive an operation completion instruction for the target function control, and close the floating window.
  • the floating window is automatically closed or a prompt message for closing the floating window is displayed, and the floating window is closed after the user confirms.
  • the floating window is automatically closed.
  • the corresponding functional controls are simple and convenient to operate without changing the size of the displayed page, which solves the problem of one-handed control experience and reduces the impact on the original experience; unified operations and icon styles through floating windows are used as auxiliary functions of the system to enhance user experience ;
  • the size of the display area can also be adaptively adjusted according to the user's operation on the displayed functional control area, which is convenient for the user to operate the required control; in addition, the user can also mark and prompt after the user selects the functional control to avoid misoperation.
  • FIG. 10 shows a schematic structural diagram of a page manipulation apparatus provided by an exemplary embodiment of the present application.
  • the page control device can be implemented as all or a part of the terminal through software, hardware or a combination of the two.
  • the device 1 includes a position acquisition module 11, a control acquisition module 12 and a control display module 13.
  • the position obtaining module 11 is configured to receive a touch command input in the edge area of the display screen, and obtain a touch position corresponding to the touch command;
  • the control acquisition module 12 is configured to acquire a set of functional controls in the page currently displayed on the display screen;
  • the control display module 13 is configured to display the functional control set at the touch position.
  • the touch command is a pressing command
  • the position obtaining module 11 is specifically configured to:
  • the pressing position corresponding to the pressing instruction is acquired.
  • control display module 13 is specifically used for:
  • the set of functional controls is displayed on the floating window.
  • the device further includes a floating window moving module 14 for:
  • the device further includes a function trigger module 15 for:
  • the device further includes a floating window closing module 16 for:
  • the device further includes a frequency obtaining module 17, configured to obtain the use frequency of each functional control in the functional control set;
  • the control display module 13 is specifically used for:
  • N is a preset positive integer.
  • the device further includes an area expansion module 18 for:
  • the display area is enlarged to display all the function controls in the function set.
  • the corresponding functional controls are simple and convenient to operate without changing the size of the displayed page, which solves the problem of one-handed control experience and reduces the impact on the original experience; unified operations and icon styles through floating windows are used as auxiliary functions of the system to enhance user experience ;
  • the size of the display area can also be adaptively adjusted according to the user's operation on the displayed functional control area, which is convenient for the user to operate the required control; in addition, the user can also mark and prompt after the user selects the functional control to avoid misoperation.
  • the embodiment of the present application also provides a computer storage medium.
  • the computer storage medium may store a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the method steps of the embodiments shown in FIGS. 1 to 9 above.
  • the specific execution process please refer to the specific description of the embodiment shown in FIG. 1 to FIG. 9, which will not be repeated here.
  • This application also provides a computer program product, the computer program product stores at least one instruction, and the at least one instruction is loaded by the processor and executes the method steps of the embodiment shown in FIG. 1 to FIG. 9, specifically For the execution process, please refer to the specific description of the embodiment shown in FIG. 1 to FIG. 9, which will not be repeated here.
  • the program can be stored in a computer readable storage medium. During execution, it may include the procedures of the above-mentioned method embodiments.
  • the storage medium can be a magnetic disk, an optical disc, a read-only storage memory, or a random storage memory, etc.

Abstract

Disclosed in embodiments of the present application are a page manipulation method and device, a storage medium and a terminal, the method comprising: receiving a touch instruction inputted at an edge region of a display screen, and obtaining a touch position corresponding to the touch instruction; obtaining a function control set in a current display page on the display screen; and displaying the function control set at the touch position. By employing the embodiments of the present application, the corresponding function control in the page may be displayed at the touch position corresponding to the touch operation by just performing the touch operation at the edge area of the display screen which may be touched by a finger, and the operation is simple and convenient in the situation in which the size of the display page is not changed.

Description

页面操控方法、装置、存储介质及终端Page manipulation method, device, storage medium and terminal 技术领域Technical field
本申请涉及计算机技术领域,尤其涉及一种页面操控方法、装置、存储介质及终端。This application relates to the field of computer technology, and in particular to a page manipulation method, device, storage medium, and terminal.
背景技术Background technique
随着智能终端设备的发展,为了满足用户对终端的视觉需求、操作需求等,终端显示屏的尺寸越来越大,这在一定程度上提升了终端的显示效果。但当单手操作显示屏时,有些区域很难触碰得到,在此情况下进行操作容易握持不稳,从而导致终端掉落的风险。With the development of smart terminal devices, in order to meet users' visual requirements and operation requirements of the terminal, the size of the terminal display screen is getting larger and larger, which improves the display effect of the terminal to a certain extent. However, when the display screen is operated with one hand, some areas are difficult to reach. In this case, the operation is easy to hold and unstable, resulting in the risk of the terminal falling.
为了方便单手操作,目前的主流做法包括双击Home键使得界面整体下降,或者单手触发界面等比例缩小,或者点击界面上的悬浮球,使得在界面顶部出现光标,映射对应操作,如移动、点击、长按等。这些方式要么界面变动太大减小操作区域,要么操作复杂繁琐,从而导致单手操作不够便利。In order to facilitate one-handed operation, the current mainstream practices include double-clicking the Home button to make the overall interface drop, or one-handed triggering the interface to scale down, or clicking the floating ball on the interface to make a cursor appear at the top of the interface, mapping corresponding operations, such as moving, Click, long press, etc. These methods either change the interface too much to reduce the operation area, or the operation is complicated and cumbersome, which leads to inconvenient one-handed operation.
发明内容Summary of the invention
本申请实施例提供了一种页面操控方法、装置、存储介质及终端,只需要在手指可触控到的显示屏边缘区域进行触控操作,即可在该触控操作对应的触控位置展示页面中的相应功能控件,不改变现实页面大小的情况下操作简单便利。所述技术方案如下:The embodiments of the application provide a page manipulation method, device, storage medium, and terminal, which only need to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the display can be displayed at the touch position corresponding to the touch operation The corresponding function controls in the page are simple and convenient to operate without changing the size of the actual page. The technical solution is as follows:
第一方面,本申请实施例提供了一种页面操控方法,所述方法包括:In the first aspect, an embodiment of the present application provides a page manipulation method, the method includes:
接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;Receiving a touch command input in the edge area of the display screen, and obtaining a touch position corresponding to the touch command;
获取所述显示屏上当前显示页面中的功能控件集合;Acquiring a set of function controls in a page currently displayed on the display screen;
在所述触控位置展示所述功能控件集合。The set of functional controls is displayed at the touch position.
第二方面,本申请实施例提供了一种页面操控装置,所述装置包括:In a second aspect, an embodiment of the present application provides a page manipulation device, the device including:
位置获取模块,用于接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;A position obtaining module, configured to receive a touch command input in the edge area of the display screen, and obtain a touch position corresponding to the touch command;
控件获取模块,用于获取所述显示屏上当前显示页面中的功能控件集合;A control acquisition module, configured to acquire a collection of functional controls in the page currently displayed on the display screen;
控件展示模块,用于在所述触控位置展示所述功能控件集合。The control display module is used to display the functional control set at the touch position.
第三方面,本申请实施例提供一种计算机存储介质,所述计算机存储介质存储有多条指令,所述指令适于由处理器加载并执行上述的方法步骤。In a third aspect, an embodiment of the present application provides a computer storage medium that stores a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the above method steps.
第四方面,本申请实施例提供一种终端,可包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行上述的方法步骤。In a fourth aspect, an embodiment of the present application provides a terminal, which may include: a processor and a memory; wherein the memory stores a computer program, and the computer program is adapted to be loaded by the processor and execute the above method steps.
本申请一些实施例提供的技术方案带来的有益效果至少包括:The beneficial effects brought about by the technical solutions provided by some embodiments of the present application include at least:
在本申请实施例中,终端接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置,并获取所述显示屏上当前显示页面中的功能控件集合,然后在所述触控位置展示所述功能控件集合。只需要在手指可触控到的显示屏边缘区域进行触控操作,即可在该触控操作对应的触控位置展示页面中的相应功能控件,不改变显示页面大小的情况 下操作简单便利。In the embodiment of the present application, the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click The touch position displays the functional control set. You only need to perform a touch operation on the edge area of the display screen that can be touched by your fingers, and the corresponding function controls in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
附图说明Description of the drawings
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings that need to be used in the description of the embodiments or the prior art. Obviously, the drawings in the following description are only These are some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative work.
图1是本申请实施例提供的终端的结构示意图;FIG. 1 is a schematic structural diagram of a terminal provided by an embodiment of the present application;
图2是本申请实施例提供的操作系统和用户空间的结构示意图;FIG. 2 is a schematic diagram of the structure of an operating system and user space provided by an embodiment of the present application;
图3是图1中安卓操作系统的架构图;Figure 3 is an architecture diagram of the Android operating system in Figure 1;
图4是图1中IOS操作系统的架构图;Figure 4 is a structural diagram of the IOS operating system in Figure 1;
图5是本申请实施例提供的一种页面操控方法的流程示意图;FIG. 5 is a schematic flowchart of a page manipulation method provided by an embodiment of the present application;
图6是本申请实施例提供的一种显示屏边缘区域的举例示意图;6 is a schematic diagram of an example of an edge area of a display screen provided by an embodiment of the present application;
图7是本申请实施例提供的一种单手操控终端的举例示意图;FIG. 7 is a schematic diagram of an example of a single-handed control terminal provided by an embodiment of the present application;
图8是本申请实施例提供的一种页面操控方法的流程示意图;FIG. 8 is a schematic flowchart of a page manipulation method provided by an embodiment of the present application;
图9是本申请实施例提供的一种浮窗展示方式的举例示意图;FIG. 9 is a schematic diagram of an example of a floating window display method provided by an embodiment of the present application;
图10是本申请实施例提供的一种页面操控装置的结构示意图;FIG. 10 is a schematic structural diagram of a page manipulation device provided by an embodiment of the present application;
图11是本申请实施例提供的一种页面操控装置的结构示意图。FIG. 11 is a schematic structural diagram of a page manipulation device provided by an embodiment of the present application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative work shall fall within the protection scope of this application.
在本申请的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。在本申请的描述中,需要说明的是,除非另有明确的规定和限定,“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本申请中的具体含义。此外,在本申请的描述中,除非另有说明,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。In the description of this application, it should be understood that the terms "first", "second", etc. are only used for descriptive purposes, and cannot be understood as indicating or implying relative importance. In the description of this application, it should be noted that, unless expressly stipulated and defined otherwise, "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 unlisted steps or units, or optionally also includes Other steps or units inherent to these processes, methods, products or equipment. For those of ordinary skill in the art, the specific meanings of the above terms in this application can be understood under specific circumstances. In addition, in the description of this application, unless otherwise specified, "plurality" means two or more. "And/or" describes the association relationship of the associated objects, indicating that there can be three types of relationships, for example, A and/or B, which can mean: A alone exists, A and B exist at the same time, and B exists alone. The character "/" generally indicates that the associated objects before and after are in an "or" relationship.
请参考图1,其示出了本申请一个示例性实施例提供的终端的结构方框图。本申请 中的终端可以包括一个或多个如下部件:处理器110、存储器120、输入装置130、输出装置140和总线150。处理器110、存储器120、输入装置130和输出装置140之间可以通过总线150连接。Please refer to FIG. 1, which shows a structural block diagram of a terminal provided by an exemplary embodiment of the present application. The terminal in this application may include one or more of the following components: a processor 110, a memory 120, an input device 130, an output device 140, and a bus 150. The processor 110, the memory 120, the input device 130, and the output device 140 may be connected by a bus 150.
处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端内的各个部分,通过运行或执行存储在存储器120内的指令、程序、代码集或指令集,以及调用存储在存储器120内的数据,执行终端100的各种功能和处理数据。可选地,处理器110可以采用数字信号处理(digital signal processing,DSP)、现场可编程门阵列(field-programmable gate array,FPGA)、可编程逻辑阵列(programmable logic Array,PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(central processing unit,CPU)、图像处理器(graphics processing unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户页面和应用程序等;GPU用于负责显示内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器110中,单独通过一块通信芯片进行实现。The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire terminal, and executes the terminal 100 by running or executing instructions, programs, code sets, or instruction sets stored in the memory 120, and calling data stored in the memory 120. The various functions and processing data. Optionally, the processor 110 may use at least one of digital signal processing (DSP), field-programmable gate array (FPGA), and programmable logic array (PLA). A kind of hardware form to realize. The processor 110 may integrate one or a combination of a central processing unit (CPU), a graphics processing unit (GPU), a modem, and the like. Among them, the CPU mainly processes the operating system, user pages and applications, etc.; the GPU is used for rendering and drawing of display content; the modem is used for processing wireless communication. It can be understood that the above-mentioned modem may not be integrated into the processor 110, but may be implemented by a communication chip alone.
存储器120可以包括随机存储器(random Access Memory,RAM),也可以包括只读存储器(read-only memory,ROM)。可选地,该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等,该操作系统可以是安卓(Android)系统,包括基于Android系统深度开发的系统、苹果公司开发的IOS系统,包括基于IOS系统深度开发的系统或其它系统。存储数据区还可以存储终端在使用中所创建的数据比如电话本、音视频数据、聊天记录数据,等。The memory 120 may include random access memory (RAM) or read-only memory (ROM). Optionally, the memory 120 includes a non-transitory computer-readable storage medium. The memory 120 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 120 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing the operating system and instructions for implementing at least one function (such as touch function, sound playback function, image playback function, etc.) , Instructions for implementing the following various method embodiments, etc., the operating system may be an Android system, including a system based on the in-depth development of the Android system, an IOS system developed by Apple, including a system based on the in-depth development of the IOS system or Other systems. The storage data area can also store data created by the terminal in use, such as phone book, audio and video data, chat record data, and so on.
参见图2所示,存储器120可分为操作系统空间和用户空间,操作系统即运行于操作系统空间,原生及第三方应用程序即运行于用户空间。为了保证不同第三方应用程序均能够达到较好的运行效果,操作系统针对不同第三方应用程序为其分配相应的系统资源。然而,同一第三方应用程序中不同应用场景对系统资源的需求也存在差异,比如,在本地资源加载场景下,第三方应用程序对磁盘读取速度的要求较高;在动画渲染场景下,第三方应用程序则对GPU性能的要求较高。而操作系统与第三方应用程序之间相互独立,操作系统往往不能及时感知第三方应用程序当前的应用场景,导致操作系统无法根据第三方应用程序的具体应用场景进行针对性的系统资源适配。As shown in FIG. 2, the memory 120 can be divided into an operating system space and a user space. The operating system runs in the operating system space, and native and third-party applications run in the user space. In order to ensure that different third-party applications can achieve better operating results, the operating system allocates corresponding system resources for different third-party applications. However, different application scenarios in the same third-party application also have different requirements for system resources. For example, in the local resource loading scenario, the third-party application has higher requirements for disk reading speed; in the animation rendering scenario, the first Third-party applications have higher requirements for GPU performance. However, the operating system and third-party applications are independent of each other, and the operating system often cannot perceive the current application scenarios of the third-party applications in time, resulting in the operating system being unable to perform targeted system resource adaptation according to the specific application scenarios of the third-party applications.
为了使操作系统能够区分第三方应用程序的具体应用场景,需要打通第三方应用程序与操作系统之间的数据通信,使得操作系统能够随时获取第三方应用程序当前的场景信息,进而基于当前场景进行针对性的系统资源适配。In order to enable the operating system to distinguish the specific application scenarios of third-party applications, it is necessary to open up data communication between the third-party applications and the operating system, so that the operating system can obtain the current scenario information of the third-party applications at any time, and then proceed based on the current scenario. Targeted system resource adaptation.
以操作系统为Android系统为例,存储器120中存储的程序和数据如图3所示,存储器120中可存储有Linux内核层320、系统运行时库层340、应用框架层360和应用层380,其中,Linux内核层320、系统运行库层340和应用框架层360属于操作系统空间, 应用层380属于用户空间。Linux内核层320为终端的各种硬件提供了底层的驱动,如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层340通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持,OpenGL/ES库提供了3D绘图的支持,Webkit库提供了浏览器内核的支持等。在系统运行时库层340中还提供有安卓运行时库(Android runtime),它主要提供了一些核心库,能够允许开发者使用Java语言来编写Android应用。应用框架层360提供了构建应用程序时可能用到的各种API,开发者也可以通过使用这些API来构建自己的应用程序,比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层380中运行有至少一个应用程序,这些应用程序可以是操作系统自带的原生应用程序,比如联系人程序、短信程序、时钟程序、相机应用等;也可以是第三方开发者所开发的第三方应用程序,比如游戏类应用程序、即时通信程序、相片美化程序、文字翻译程序等。Taking the Android system as the operating system as an example, the programs and data stored in the memory 120 are shown in FIG. 3, and the memory 120 may store a Linux kernel layer 320, a system runtime library layer 340, an application framework layer 360, and an application layer 380. Among them, the Linux kernel layer 320, the system runtime library layer 340, and the application framework layer 360 belong to the operating system space, and the application layer 380 belongs to the user space. The Linux kernel layer 320 provides low-level drivers for various hardware of the terminal, such as display drivers, audio drivers, camera drivers, Bluetooth drivers, Wi-Fi drivers, power management, and so on. The system runtime layer 340 provides major feature support for the Android system through some C/C++ libraries. For example, SQLite library provides database support, OpenGL/ES library provides 3D drawing support, and Webkit library provides browser kernel support. An Android runtime library (Android runtime) is also provided in the system runtime library layer 340, which mainly provides some core libraries that can allow developers to write Android applications in Java language. The application framework layer 360 provides various APIs that may be used when building applications. Developers can also use these APIs to build their own applications, such as activity management, window management, view management, notification management, content providers, Package management, call management, resource management, location management. At least one application program runs in the application layer 380. These applications can be native applications of the operating system, such as contact programs, SMS programs, clock programs, camera applications, etc.; they can also be developed by third-party developers Third-party applications, such as game applications, instant messaging programs, photo beautification programs, text translation programs, etc.
以操作系统为IOS系统为例,存储器120中存储的程序和数据如图4所示,IOS系统包括:核心操作系统层420(Core OS layer)、核心服务层440(Core Services layer)、媒体层460(Media layer)、可触摸层480(Cocoa Touch Layer)。核心操作系统层420包括了操作系统内核、驱动程序以及底层程序框架,这些底层程序框架提供更接近硬件的功能,以供位于核心服务层440的程序框架所使用。核心服务层440提供给应用程序所需要的系统服务和/或程序框架,比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层460为应用程序提供有关视听方面的接口,如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层480为应用程序开发提供了各种常用的页面相关的框架,可触摸层480负责用户在终端上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户页面接口(User Interface,UI)框架、用户页面UIKit框架、地图框架等等。Taking the IOS system as the operating system as an example, the programs and data stored in the memory 120 are shown in Figure 4. The IOS system includes: the core operating system layer 420 (Core OS layer), the core service layer 440 (Core Services layer), and the media layer. 460 (Media layer), 480 (Cocoa Touch Layer). The core operating system layer 420 includes an operating system kernel, drivers, and underlying program frameworks. These underlying program frameworks provide functions closer to hardware for use by the program frameworks located in the core service layer 440. The core service layer 440 provides system services and/or program frameworks required by the application program, such as a foundation framework, an account framework, an advertisement framework, a data storage framework, a network connection framework, a geographic location framework, a sports framework, and so on. The media layer 460 provides audio-visual interfaces for applications, such as graphics and image-related interfaces, audio technology-related interfaces, video technology-related interfaces, and audio and video transmission technology wireless playback (AirPlay) interfaces. The touchable layer 480 provides various commonly used page-related frameworks for application development, and the touchable layer 480 is responsible for the user's touch interaction operations on the terminal. For example, local notification service, remote push service, advertising framework, game tool framework, message user interface (UI) framework, user page UIKit framework, map framework, and so on.
在图4所示出的框架中,与大部分应用程序有关的框架包括但不限于:核心服务层440中的基础框架和可触摸层480中的UIKit框架。基础框架提供许多基本的对象类和数据类型,为所有应用程序提供最基本的系统服务,和UI无关。而UIKit框架提供的类是基础的UI类库,用于创建基于触摸的用户页面,iOS应用程序可以基于UIKit框架来提供UI,所以它提供了应用程序的基础架构,用于构建用户页面,绘图、处理和用户交互事件,响应手势等等。In the framework shown in FIG. 4, frameworks related to most applications include but are not limited to: the basic framework in the core service layer 440 and the UIKit framework in the touchable layer 480. The basic framework provides many basic object classes and data types, provides the most basic system services for all applications, and has nothing to do with UI. The classes provided by the UIKit framework are the basic UI class libraries used to create touch-based user pages. iOS applications can provide UI based on the UIKit framework, so it provides the basic architecture of the application for building user pages and drawing , Processing and user interaction events, responding to gestures, etc.
其中,在IOS系统中实现第三方应用程序与操作系统数据通信的方式以及原理可参考Android系统,本申请在此不再赘述。Among them, the method and principle of implementing data communication between a third-party application program and an operating system in the IOS system can be referred to the Android system, which will not be repeated in this application.
其中,输入装置130用于接收输入的指令或数据,输入装置130包括但不限于键盘、鼠标、摄像头、麦克风或触控设备。输出装置140用于输出指令或数据,输出装置140包括但不限于显示设备和扬声器等。在一个示例中,输入装置130和输出装置140可以合设,输入装置130和输出装置140为触摸显示屏,该触摸显示屏用于接收用户使用手指、 触摸笔等任何适合的物体在其上或附近的触摸操作,以及显示各个应用程序的用户页面。触摸显示屏通常设置在终端的前面板。触摸显示屏可被设计成为全面屏、曲面屏或异型屏。触摸显示屏还可被设计成为全面屏与曲面屏的结合,异型屏与曲面屏的结合,本申请实施例对此不加以限定。The input device 130 is used to receive input instructions or data. The input device 130 includes, but is not limited to, a keyboard, a mouse, a camera, a microphone, or a touch device. The output device 140 is used to output instructions or data. The output device 140 includes but is not limited to a display device and a speaker. In an example, the input device 130 and the output device 140 may be co-located, and the input device 130 and the output device 140 are touch screens, and the touch screen is used to receive the user's finger, touch pen and other suitable objects on it or Touch operation nearby, and display the user page of each application. The touch screen is usually set on the front panel of the terminal. The touch screen can be designed as a full screen, curved screen or special-shaped screen. The touch display screen can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in the embodiments of the present application.
除此之外,本领域技术人员可以理解,上述附图所示出的终端的结构并不构成对终端的限定,终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。比如,终端中还包括射频电路、输入单元、传感器、音频电路、无线保真(wireless fidelity,WiFi)模块、电源、蓝牙模块等部件,在此不再赘述。In addition, those skilled in the art can understand that the structure of the terminal shown in the above drawings does not constitute a limitation on the terminal, and the terminal may include more or less components than those shown in the figure, or some components may be combined. Or different component arrangements. For example, the terminal also includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, and a Bluetooth module, which will not be repeated here.
在本申请实施例中,各步骤的执行主体可以是上文介绍的终端。可选地,各步骤的执行主体为终端的操作系统。操作系统可以是安卓系统,也可以是IOS系统,或者其它操作系统,本申请实施例对此不作限定。In the embodiment of the present application, the execution subject of each step may be the terminal described above. Optionally, the execution subject of each step is the operating system of the terminal. The operating system may be an Android system, an IOS system, or other operating systems, which is not limited in the embodiment of the present application.
本申请实施例的终端,其上还可以安装有显示设备,显示设备可以是各种能实现显示功能的设备,例如:阴极射线管显示器(cathode ray tubedisplay,简称CR)、发光二极管显示器(light-emitting diode display,简称LED)、电子墨水屏、液晶显示屏(liquid crystal display,简称LCD)、等离子显示面板(plasma display panel,简称PDP)等。用户可以利用终端101上的显示设备,来查看显示的文字、图像、视频等信息。所述终端可以是智能手机、平板电脑、游戏设备、AR(Augmented Reality,增强现实)设备、汽车、数据存储装置、音频播放装置、视频播放装置、笔记本、桌面计算设备、可穿戴设备诸如电子手表、电子眼镜、电子头盔、电子手链、电子项链、电子衣物等设备。In the terminal of the embodiment of the present application, a display device may also be installed on it. The display device may be various devices capable of realizing display functions, such as: cathode ray tube display (CR), light-emitting diode display (light-emitting diode) Emitting diode display (LED for short), electronic ink screen, liquid crystal display (LCD), plasma display panel (PDP for short), etc. The user can use the display device on the terminal 101 to view the displayed text, image, video and other information. The terminal may be a smart phone, a tablet computer, a game device, an AR (Augmented Reality) device, a car, a data storage device, an audio playback device, a video playback device, a notebook, a desktop computing device, a wearable device such as an electronic watch , Electronic glasses, electronic helmets, electronic bracelets, electronic necklaces, electronic clothing and other equipment.
在图1所示的终端中,处理器110可以用于调用存储器120中存储的应用程序,并具体执行本申请实施例的远程协助方法。In the terminal shown in FIG. 1, the processor 110 may be used to call an application program stored in the memory 120, and specifically execute the remote assistance method of the embodiment of the present application.
在本申请实施例中,终端接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置,并获取所述显示屏上当前显示页面中的功能控件集合,然后在所述触控位置展示所述功能控件集合。只需要在手指可触控到的显示屏边缘区域进行触控操作,即可在该触控操作对应的触控位置展示页面中的相应功能控件,不改变显示页面大小的情况下操作简单便利。In the embodiment of the present application, the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click The touch position displays the functional control set. You only need to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the corresponding function controls in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
在一个实施例中,如图5所示,特提出了一种页面操控方法,该方法可依赖于计算机程序实现,可运行于基于冯诺依曼体系的页面操控装置上。该计算机程序可集成在应用中,也可作为独立的工具类应用运行。In one embodiment, as shown in FIG. 5, a page manipulation method is proposed, which can be implemented by relying on a computer program and can be run on a page manipulation device based on the von Neumann system. The computer program can be integrated in the application or run as an independent tool application.
具体的,该页面操控方法包括:Specifically, the page manipulation method includes:
S101,接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;S101: Receive a touch command input in an edge area of the display screen, and obtain a touch position corresponding to the touch command;
所述显示屏为触控屏,是一种可接收触头等输入信号的感应式液晶显示装置,当接触了屏幕上的图形按钮时,屏幕上的触觉反馈系统可根据预先编程的程式驱动各种连结装置,可用以取代机械式的按钮面板,并借由液晶显示画面制造出生动的影音效果。The display screen is a touch screen, which is an inductive liquid crystal display device that can receive input signals such as contacts. When the graphic buttons on the screen are touched, the tactile feedback system on the screen can drive each of them according to a pre-programmed program. This kind of connection device can be used to replace the mechanical button panel, and use the liquid crystal display screen to create dynamic audio-visual effects.
所述显示屏边缘区域是指距离显示屏边缘一定距离范围的显示区域,所述距离范围可 以为预先设定的,可以为用户自定义,也可以为设备出厂已设置好。The edge area of the display screen refers to a display area within a certain distance range from the edge of the display screen. The distance range may be preset, customized by the user, or set at the factory.
所述边缘区域可以包括左边缘区域、右边缘区域、上边缘区域和下边缘区域,如图6所示。The edge area may include a left edge area, a right edge area, an upper edge area, and a lower edge area, as shown in FIG. 6.
当该终端在竖屏模式时,可以通过单手触控左边缘区域或右边缘区域,当该终端在横屏模式时,可以通过单手触控上边缘区域或下边缘区域。When the terminal is in portrait mode, you can touch the left or right edge area with one hand, and when the terminal is in landscape mode, you can touch the upper or lower edge area with one hand.
所述触控指令可以包括但不限于按压指令、滑屏指令,所述按压指令可以为重压指令、轻压指令、单击指令、双击指令等。The touch command may include, but is not limited to, a pressing command, a sliding screen command, and the pressing command may be a heavy press command, a light press command, a single click command, a double click command, and the like.
在边缘区域设置有传感器,当用户输入触控操作后,传感器可采集该触控操作的触控压力值、触控位置、触控指纹、触控轨迹等信息。A sensor is arranged in the edge area. After the user inputs a touch operation, the sensor can collect information such as the touch pressure value, touch position, touch fingerprint, and touch trajectory of the touch operation.
具体的,如图7所示,当用户单手握住终端,并通过手指(如大拇指)触控显示屏边缘区域时,终端接收到触控指令,然后采集触控位置的坐标信息。Specifically, as shown in FIG. 7, when the user holds the terminal with one hand and touches the edge area of the display screen with a finger (such as a thumb), the terminal receives the touch command and then collects the coordinate information of the touch position.
可选的,输出触控指令的位置还可以为终端的侧面。可以理解的是,在侧面设置有光传感器,当用户手握终端时,光传感器能够获取到光线被遮挡信息。Optionally, the position where the touch command is output may also be the side of the terminal. It is understandable that a light sensor is provided on the side, and when the user holds the terminal in hand, the light sensor can obtain information that the light is blocked.
S102,获取所述显示屏上当前显示页面中的功能控件集合;S102: Acquire a set of function controls in a page currently displayed on the display screen;
可以理解的是,不同的显示页面包括不同的功能控件集合。所述不同的显示页面可以为不同应用的显示页面,也可以理解为同一应用的不同级显示页面。It can be understood that different display pages include different functional control sets. The different display pages can be display pages of different applications, and can also be understood as display pages of different levels of the same application.
例如,A应用的主页的功能控件集合包括:搜索控件、扫描控件、添加朋友控件、收付款控件;A应用中主页面的下一级页面中的功能控件集合包括朋友权限设置控件、投诉控件、删除控件等。For example, the functional control set of the home page of the A application includes: search control, scan control, add friend control, and payment control; the functional control set in the next page of the main page of the A application includes friend permission setting control, complaint control, Delete controls, etc.
在接收到在显示屏边缘区域输入的触控指令后,采集当前显示页面中所包含的全部功能控件,或者全部功能控件中使用频率大于频率阈值的控件,或者全部功能控件中使用频率排列前几(如前三)的控件,将所获取的控件确定为功能控件集合。After receiving the touch command input in the edge area of the display screen, collect all the functional controls contained in the currently displayed page, or the controls whose use frequency is greater than the frequency threshold among all the functional controls, or rank the first few of the use frequencies among all the functional controls. For the control (such as the first three), the acquired control is determined as a functional control set.
S103,在所述触控位置展示所述功能控件集合。S103: Display the set of function controls at the touch position.
可以理解的是,触控位置位于显示屏边缘区域,该区域较小,显示较多的控件时,一方面占用的显示空间较大,容易覆盖当前显示页面中的显示内容,另一方面不方便用户操作。It is understandable that the touch position is located at the edge area of the display screen. This area is small and displays more controls. On the one hand, it occupies a larger display space and easily covers the display content on the currently displayed page, but on the other hand it is inconvenient. User operation.
在所述触控位置展示所述功能控件集合,可以为直接在当前显示页面上所述触控位置进行展示,如平行于所述触控位置所在边缘单列展示或多列展示,或者在触控位置生成一层浮窗,并在浮窗上展示功能控件集合,浮窗中的功能控件集合也可以平行于所述触控位置所在边缘单列展示或多列展示。Displaying the set of functional controls at the touch position may be displayed directly at the touch position on the currently displayed page, such as displaying in a single column or multiple columns parallel to the edge of the touch position, or displaying at the touch position. The position generates a layer of floating windows, and displays a set of functional controls on the floating window. The set of functional controls in the floating window can also be displayed in a single column or multiple columns parallel to the edge of the touch position.
当然,所生成的浮窗可以一定透明度悬浮在当前显示页面上,避免遮挡住当前显示页面中的显示内容。所述浮窗的大小可以根据显示控件的数量自适应调整,所述浮窗也可以指定的形状进行展示,如矩形、圆形、菱形、扇形、弧形等。Of course, the generated floating window can be suspended on the current display page with a certain degree of transparency, so as to avoid obstructing the display content in the current display page. The size of the floating window can be adaptively adjusted according to the number of display controls, and the floating window can also be displayed in a specified shape, such as a rectangle, a circle, a diamond, a sector, an arc, and the like.
在本申请实施例中,终端接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置,并获取所述显示屏上当前显示页面中的功能控件集合,然后在所述触控位置展示所述功能控件集合。只需要在手指可触控到的显示屏边缘区域进行触控操作, 即可在该触控操作对应的触控位置展示页面中的相应功能控件,不改变显示页面大小的情况下操作简单便利。In the embodiment of this application, the terminal receives the touch command input in the edge area of the display screen, obtains the touch position corresponding to the touch command, and obtains the set of function controls in the page currently displayed on the display screen, and then click The touch position displays the functional control set. It is only necessary to perform a touch operation on the edge area of the display screen that can be touched by a finger, and the corresponding function control in the page can be displayed at the touch position corresponding to the touch operation. The operation is simple and convenient without changing the size of the displayed page.
请参见图8,图8是本申请提出的一种页面操控方法的另一种实施例的流程示意图。具体的:Please refer to FIG. 8, which is a schematic flowchart of another embodiment of a page manipulation method proposed in this application. specific:
S201,接收在显示屏边缘区域输入的触控指令,所述触控指令为按压指令;S201: Receive a touch command input in an edge area of the display screen, where the touch command is a pressing command;
所述显示屏为触控屏,是一种可接收触头等输入信号的感应式液晶显示装置。通常,所述显示屏全屏均为可触控区域,在距离显示屏边缘一定距离范围的显示区域为显示屏边缘区域,可以包括左边缘区域、右边缘区域、上边缘区域和下边缘区域。The display screen is a touch screen, which is an inductive liquid crystal display device that can receive input signals such as contacts. Generally, the entire screen of the display screen is a touchable area, and the display area within a certain distance from the edge of the display screen is the edge area of the display screen, which may include a left edge area, a right edge area, an upper edge area, and a lower edge area.
当用户在该显示屏边缘区域进行按压操作时,终端接收到按压指令。When the user performs a pressing operation on the edge area of the display screen, the terminal receives the pressing instruction.
需要说明的是,由于现在的显示屏均为大屏,用户单手操作时,在保持握持姿势不变的情况下,难以方便操作全屏,而需要用户不断的移动手指更换握持姿势进行操作,使得操作不够便利。因此,本申请实施例主要应用在单手握持终端进行操作的场景。It should be noted that because the current display screens are all large screens, when the user is operating with one hand, it is difficult to operate the full screen while keeping the holding posture unchanged, and the user needs to constantly move the finger to change the holding posture for operation. , Which makes the operation not convenient enough. Therefore, the embodiment of the present application is mainly applied to a scenario where a terminal is held with one hand for operation.
S202,获取所述按压指令对应的按压压力值;S202: Acquire a pressing pressure value corresponding to the pressing instruction;
可以理解的是,在显示屏边缘区域设置有压力传感器,可以采集用户按压时的压力值。It is understandable that a pressure sensor is provided in the edge area of the display screen to collect the pressure value when the user presses.
当该压力值大于压力阈值时,确定为重压操作,当该压力值小于或者等于压力阈值时,确定为轻压操作。When the pressure value is greater than the pressure threshold, it is determined to be a heavy pressure operation, and when the pressure value is less than or equal to the pressure threshold, it is determined to be a light pressure operation.
由于在操作显示页面时,通常轻压显示页面上的功能区域即可实现页面切换或信息输入等功能,因此,本申请实施例中以重压显示屏边缘区域激活单手模式为例进行描述。When the display page is operated, functions such as page switching or information input can be realized by lightly pressing the functional area on the display page. Therefore, in the embodiment of the present application, pressing the edge area of the display screen to activate the one-handed mode is described as an example.
S203,当所述按压压力值大于压力阈值时,获取所述按压指令对应的按压位置;S203: When the pressing pressure value is greater than the pressure threshold, obtain the pressing position corresponding to the pressing instruction;
为了避免误操作,对所获取的按压压力值进行判断,并且在该按压压力值大于压力阈值,确认为重压操作时,采集所按压位置的坐标信息。In order to avoid misoperation, the obtained pressing pressure value is judged, and when the pressing pressure value is greater than the pressure threshold, and it is confirmed as a heavy pressing operation, the coordinate information of the pressed position is collected.
所述坐标信息可理解为按照指纹的中心像素的坐标,或者按压指纹所对应区域的全部像素的坐标。The coordinate information can be understood as the coordinates of the center pixel of the fingerprint, or the coordinates of all pixels in the area corresponding to the fingerprint.
可选的,还可以获取所述按压指令对应的按压持续时长,当所述按压持续时长大于预设时长时,触发获取所述按压指令对应的按压位置。即用户在显示屏边缘区域进行长按操作时,触发获取所述按压指令对应的按压位置。Optionally, the pressing duration corresponding to the pressing instruction may also be acquired, and when the pressing duration is greater than a preset duration, the pressing position corresponding to the pressing instruction is triggered to be acquired. That is, when the user performs a long-press operation on the edge area of the display screen, the acquisition of the pressing position corresponding to the pressing instruction is triggered.
S204,获取所述显示屏上当前显示页面中的功能控件集合;S204: Acquire a set of function controls in a page currently displayed on the display screen;
具体可参见S102,此处不再赘述。For details, please refer to S102, which will not be repeated here.
S205,在所述按压位置生成浮窗;S205, generating a floating window at the pressing position;
可以理解的是,所述浮窗可以任意形状悬浮在当前显示页面上,如矩形、圆形、菱形、扇形、椭圆形、弧形等。为了尽少遮挡当前显示页面中的显示内容,所述浮窗的大小可根据功能控件的数量进行调整。It is understandable that the floating window can be suspended on the current display page in any shape, such as a rectangle, a circle, a diamond, a fan, an ellipse, an arc, and so on. In order to minimize the display content of the currently displayed page, the size of the floating window can be adjusted according to the number of functional controls.
此外,所述浮窗设置为透明,而透明度可根据用户需求进行调整,若用户未调整,则以默认的透明度(如50%透明度)进行展示。In addition, the floating window is set to be transparent, and the transparency can be adjusted according to the user's needs. If the user does not adjust, the default transparency (such as 50% transparency) is used for display.
例如,如图9所示,为一种弧形的浮窗,对称设置在所述按压位置。For example, as shown in Fig. 9, it is an arc-shaped floating window, which is symmetrically arranged at the pressing position.
可选的,当用户按住该浮窗进行移动时,终端接收移动指令,并获取所述移动指令对应的移动轨迹,然后控制所述浮窗按照所述移动轨迹同步移动。例如从屏幕右边缘区域移动到左边缘区域,从而方便用户换手操作,又例如,在右边缘上下移动,从而移动到最靠近用户拇指操控的位置。Optionally, when the user presses the floating window to move, the terminal receives a movement instruction, acquires a movement track corresponding to the movement instruction, and then controls the floating window to move synchronously according to the movement track. For example, move from the right edge area of the screen to the left edge area, so as to facilitate the user to change hands and operate, or for example, move up and down on the right edge to move to the position closest to the user's thumb.
S206,在所述浮窗上展示所述功能控件集合;S206: Display the set of function controls on the floating window;
在浮窗上展示功能控件集合。所述功能控件集合可以为当前显示页面中所包含的全部功能控件,也可以为全部功能控件中使用频率大于频率阈值的控件,还可以为全部功能控件中使用频率最高的N个控件,其中N为预设正整数。Display a collection of functional controls on the floating window. The set of functional controls may be all the functional controls contained in the currently displayed page, or the controls whose frequency of use is greater than the frequency threshold among all functional controls, and may also be the N controls with the highest frequency of use among all functional controls, where N It is a preset positive integer.
例如,如图9所示,当前显示页面上的功能控件包括扫描控件、搜索控件、收付款控件,三个控件平行于显示屏边缘当行排列显示。For example, as shown in Figure 9, the functional controls on the currently displayed page include a scan control, a search control, and a payment control. The three controls are displayed in a row parallel to the edge of the display screen.
可选的,若未展示所述功能控件集合中的所有功能控件,则响应于针对所述功能控件显示区域的第二操作,扩大显示区域以显示所述功能集合中的所有功能控件,从而方便对所显示的任一功能控件进行操作。Optionally, if all the function controls in the function control set are not displayed, in response to a second operation on the function control display area, the display area is expanded to display all the function controls in the function set, thereby facilitating Operate any function control displayed.
S207,接收针对所述功能控件集合中目标功能控件的选择指令,标记所述目标功能控件,并在与所述目标功能控件对应的预设位置显示所述目标功能控件的标题;S207: Receive a selection instruction for a target function control in the function control set, mark the target function control, and display the title of the target function control at a preset position corresponding to the target function control;
当用户点击浮窗中的目标功能控件时,终端接收到对目标功能控件的选择指令,表明该控件的功能被触发,则对该控件进行标记。When the user clicks the target function control in the floating window, the terminal receives a selection instruction for the target function control, indicating that the function of the control is triggered, and then the control is marked.
标记所述目标功能控件的方式可以为点亮目标功能控件、点亮并放大目标功能控件、点亮并调整目标功能控件的位置等。The method for marking the target function control may be to light up the target function control, light up and enlarge the target function control, light up and adjust the position of the target function control, and so on.
同时,为了方便用户确认所点击的目标功能控件为当前想要操作的控件,则在所述目标功能控件对应的预设位置显示所述目标功能控件的标题以进行提示。At the same time, in order to facilitate the user to confirm that the clicked target function control is the currently desired control, the title of the target function control is displayed at a preset position corresponding to the target function control for prompting.
例如,如图9所示,当用户选择搜索控件时,终端响应该选择指令,点亮并放大搜索控件,并在该控件附件显示“搜索”标题进行提示。所选择的搜索控件可以是位于这三个控件的中间位置,还可以是位于上面或下面,当被选中后,则调整到中间,此处不作具体限定。For example, as shown in FIG. 9, when the user selects a search control, the terminal responds to the selection instruction, lights up and enlarges the search control, and displays the title of "Search" in the attachment of the control to prompt. The selected search control can be located in the middle of the three controls, or can be located above or below, and when selected, it will be adjusted to the middle, which is not specifically limited here.
S208,触发所述目标功能控件对应的功能;S208: Trigger a function corresponding to the target function control;
例如,目标功能控件为搜索控件,则响应搜索操作并调出搜索页面;又例如,目标功能控件为扫描控件,则响应扫描操作并调出扫描页面。For example, if the target function control is a search control, it responds to the search operation and calls up the search page; another example, if the target function control is a scan control, it responds to the scan operation and calls up the scan page.
S209,接收针对所述目标功能控件的操作完成指令,关闭所述浮窗。S209: Receive an operation completion instruction for the target function control, and close the floating window.
可以理解的是,在用户操作目标功能控件并响应该控件的功能后,自动关闭该浮窗或展示关闭浮窗的提示信息,并在用户确认后关闭该浮窗。It is understandable that after the user operates the target function control and responds to the function of the control, the floating window is automatically closed or a prompt message for closing the floating window is displayed, and the floating window is closed after the user confirms.
可选的,还可以为在该浮窗上进行重压操作,则关闭该浮窗。Optionally, it is also possible to perform a heavy pressing operation on the floating window, and then the floating window is closed.
可选的,当预设时长内未操作该浮窗或者操作目标功能控件后预设时长内未操作该浮窗,则自动关闭该浮窗。Optionally, when the floating window is not operated for a preset period of time or the floating window is not operated for a preset period of time after the target function control is operated, the floating window is automatically closed.
在本申请实施例中,只需要在手指可触控到的显示屏边缘区域进行触控操作,即可在该触控操作对应的触控位置生成浮窗,并在浮窗上展示页面中的相应功能控件,不改变显 示页面大小的情况下操作简单便利,解决单手操控体验问题并减少对原有体验影响;通过浮窗的方式统一操作以及图标风格,作为系统的辅助功能,提升用户体验;还可以根据用户针对所显示的功能控件区域的操作自适应调整显示区域的大小,方便用户对所需控件的操作;此外,还可以在用户选择功能控件后进行标记和提示,避免误操作。In the embodiment of the present application, it is only necessary to perform a touch operation on the edge area of the display screen that can be touched by a finger, and then a floating window can be generated at the touch position corresponding to the touch operation, and the floating window can be displayed on the floating window. The corresponding functional controls are simple and convenient to operate without changing the size of the displayed page, which solves the problem of one-handed control experience and reduces the impact on the original experience; unified operations and icon styles through floating windows are used as auxiliary functions of the system to enhance user experience ; The size of the display area can also be adaptively adjusted according to the user's operation on the displayed functional control area, which is convenient for the user to operate the required control; in addition, the user can also mark and prompt after the user selects the functional control to avoid misoperation.
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。The following are device embodiments of this application, which can be used to implement the method embodiments of this application. For details that are not disclosed in the device embodiments of this application, please refer to the method embodiments of this application.
请参见图10,其示出了本申请一个示例性实施例提供的页面操控装置的结构示意图。该页面操控装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置1包括位置获取模块11、控件获取模块12和控件展示模块13。Please refer to FIG. 10, which shows a schematic structural diagram of a page manipulation apparatus provided by an exemplary embodiment of the present application. The page control device can be implemented as all or a part of the terminal through software, hardware or a combination of the two. The device 1 includes a position acquisition module 11, a control acquisition module 12 and a control display module 13.
位置获取模块11,用于接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;The position obtaining module 11 is configured to receive a touch command input in the edge area of the display screen, and obtain a touch position corresponding to the touch command;
控件获取模块12,用于获取所述显示屏上当前显示页面中的功能控件集合;The control acquisition module 12 is configured to acquire a set of functional controls in the page currently displayed on the display screen;
控件展示模块13,用于在所述触控位置展示所述功能控件集合。The control display module 13 is configured to display the functional control set at the touch position.
可选的,所述触控指令为按压指令,所述位置获取模块11,具体用于:Optionally, the touch command is a pressing command, and the position obtaining module 11 is specifically configured to:
获取所述按压指令对应的按压压力值;Acquiring the pressing pressure value corresponding to the pressing instruction;
当所述按压压力值大于压力阈值时,获取所述按压指令对应的按压位置;When the pressing pressure value is greater than the pressure threshold, acquiring the pressing position corresponding to the pressing instruction;
或者,获取所述按压指令对应的按压持续时长;Or, obtain the pressing duration corresponding to the pressing instruction;
当所述按压持续时长大于预设时长时,获取所述按压指令对应的按压位置。When the pressing duration is greater than the preset duration, the pressing position corresponding to the pressing instruction is acquired.
可选的,所述控件展示模块13,具体用于:Optionally, the control display module 13 is specifically used for:
在所述触控位置生成浮窗;Generating a floating window at the touch position;
在所述浮窗上展示所述功能控件集合。The set of functional controls is displayed on the floating window.
可选的,如图11所示,所述装置还包括浮窗移动模块14,用于:Optionally, as shown in FIG. 11, the device further includes a floating window moving module 14 for:
接收针对所述浮窗的移动指令,获取所述移动指令对应的移动轨迹;Receiving a movement instruction for the floating window, and obtaining a movement trajectory corresponding to the movement instruction;
控制所述浮窗按照所述移动轨迹同步移动。Control the floating window to move synchronously according to the moving track.
可选的,如图11所示,所述装置还包括功能触发模块15,用于:Optionally, as shown in FIG. 11, the device further includes a function trigger module 15 for:
接收针对所述功能控件集合中目标功能控件的选择指令,标记所述目标功能控件,并在与所述目标功能控件对应的预设位置显示所述目标功能控件的标题;Receiving a selection instruction for a target function control in the function control set, marking the target function control, and displaying the title of the target function control at a preset position corresponding to the target function control;
触发所述目标功能控件对应的功能。Trigger the function corresponding to the target function control.
可选的,如图11所示,所述装置还包括浮窗关闭模块16,用于:Optionally, as shown in FIG. 11, the device further includes a floating window closing module 16 for:
接收针对所述目标功能控件的操作完成指令,关闭所述浮窗。Receive an operation completion instruction for the target function control, and close the floating window.
可选的,如图11所示,所述装置还包括频率获取模块17,用于获取所述功能控件集合中各功能控件的使用频率;Optionally, as shown in FIG. 11, the device further includes a frequency obtaining module 17, configured to obtain the use frequency of each functional control in the functional control set;
所述控件展示模块13,具体用于:The control display module 13 is specifically used for:
在所述触控位置展示所述使用频率大于频率阈值的功能控件;Displaying the functional control whose use frequency is greater than the frequency threshold at the touch position;
或者展示所述功能控件集合中使用频率最高的N个控件,其中N为预设正整数。Or display the N controls most frequently used in the functional control set, where N is a preset positive integer.
可选的,如图11所示,所述装置还包括区域扩大模块18,用于:Optionally, as shown in FIG. 11, the device further includes an area expansion module 18 for:
若未展示所述功能控件集合中的所有功能控件,则响应于针对所述功能控件显示区域的第二操作,扩大显示区域以显示所述功能集合中的所有功能控件。If all the function controls in the function control set are not displayed, in response to the second operation on the display area of the function control, the display area is enlarged to display all the function controls in the function set.
需要说明的是,上述实施例提供的页面操控装置在执行页面操控方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的页面操控装置与页面操控方法实施例属于同一构思,其体现实现过程详见方法实施例,这里不再赘述。It should be noted that, when the page manipulation device provided in the above embodiment executes the page manipulation method, only the division of the above functional modules is used as an example for illustration. In actual applications, the above functions can be allocated by different functional modules according to needs. , Divide the internal structure of the device into different functional modules to complete all or part of the functions described above. In addition, the page manipulation device provided in the above-mentioned embodiment and the embodiment of the page manipulation method belong to the same concept, and the implementation process is detailed in the method embodiment, which will not be repeated here.
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。The serial numbers of the foregoing embodiments of the present application are for description only, and do not represent the superiority or inferiority of the embodiments.
在本申请实施例中,只需要在手指可触控到的显示屏边缘区域进行触控操作,即可在该触控操作对应的触控位置生成浮窗,并在浮窗上展示页面中的相应功能控件,不改变显示页面大小的情况下操作简单便利,解决单手操控体验问题并减少对原有体验影响;通过浮窗的方式统一操作以及图标风格,作为系统的辅助功能,提升用户体验;还可以根据用户针对所显示的功能控件区域的操作自适应调整显示区域的大小,方便用户对所需控件的操作;此外,还可以在用户选择功能控件后进行标记和提示,避免误操作。In the embodiment of the present application, it is only necessary to perform a touch operation on the edge area of the display screen that can be touched by a finger, and then a floating window can be generated at the touch position corresponding to the touch operation, and the floating window can be displayed on the floating window. The corresponding functional controls are simple and convenient to operate without changing the size of the displayed page, which solves the problem of one-handed control experience and reduces the impact on the original experience; unified operations and icon styles through floating windows are used as auxiliary functions of the system to enhance user experience ; The size of the display area can also be adaptively adjusted according to the user's operation on the displayed functional control area, which is convenient for the user to operate the required control; in addition, the user can also mark and prompt after the user selects the functional control to avoid misoperation.
本申请实施例还提供了一种计算机存储介质,所述计算机存储介质可以存储有多条指令,所述指令适于由处理器加载并执行如上述图1-图9所示实施例的方法步骤,具体执行过程可以参见图1-图9所示实施例的具体说明,在此不进行赘述。The embodiment of the present application also provides a computer storage medium. The computer storage medium may store a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the method steps of the embodiments shown in FIGS. 1 to 9 above. For the specific execution process, please refer to the specific description of the embodiment shown in FIG. 1 to FIG. 9, which will not be repeated here.
本申请还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行如上述图1-图9所示实施例的方法步骤,具体执行过程可以参见图1-图9所示实施例的具体说明,在此不进行赘述。This application also provides a computer program product, the computer program product stores at least one instruction, and the at least one instruction is loaded by the processor and executes the method steps of the embodiment shown in FIG. 1 to FIG. 9, specifically For the execution process, please refer to the specific description of the embodiment shown in FIG. 1 to FIG. 9, which will not be repeated here.
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be implemented by instructing relevant hardware through a computer program. The program can be stored in a computer readable storage medium. During execution, it may include the procedures of the above-mentioned method embodiments. Wherein, the storage medium can be a magnetic disk, an optical disc, a read-only storage memory, or a random storage memory, etc.
以上所揭露的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属本申请所涵盖的范围。The above-disclosed are only the preferred embodiments of the application, which of course cannot be used to limit the scope of rights of the application. Therefore, equivalent changes made in accordance with the claims of the application still fall within the scope of the application.

Claims (20)

  1. 一种页面操控方法,其特征在于,所述方法包括:A page manipulation method, characterized in that the method includes:
    接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;Receiving a touch command input in the edge area of the display screen, and obtaining a touch position corresponding to the touch command;
    获取所述显示屏上当前显示页面中的功能控件集合;Acquiring a set of function controls in a page currently displayed on the display screen;
    在所述触控位置展示所述功能控件集合。The set of functional controls is displayed at the touch position.
  2. 根据权利要求1所述的方法,其特征在于,所述触控指令为按压指令,所述获取所述触控指令对应的触控位置,包括:The method according to claim 1, wherein the touch command is a pressing command, and the acquiring a touch position corresponding to the touch command comprises:
    获取所述按压指令对应的按压压力值;Acquiring the pressing pressure value corresponding to the pressing instruction;
    当所述按压压力值大于压力阈值时,获取所述按压指令对应的按压位置;When the pressing pressure value is greater than the pressure threshold, acquiring the pressing position corresponding to the pressing instruction;
    或者,获取所述按压指令对应的按压持续时长;Or, obtain the pressing duration corresponding to the pressing instruction;
    当所述按压持续时长大于预设时长时,获取所述按压指令对应的按压位置。When the pressing duration is greater than the preset duration, the pressing position corresponding to the pressing instruction is acquired.
  3. 根据权利要求1所述的方法,其特征在于,所述在所述触控位置展示所述功能控件集合,包括:The method according to claim 1, wherein the displaying the set of functional controls at the touch position comprises:
    在所述触控位置生成浮窗;Generating a floating window at the touch position;
    在所述浮窗上展示所述功能控件集合。The set of functional controls is displayed on the floating window.
  4. 根据权利要求3所述的方法,其特征在于,所述在所述浮窗上展示所述功能控件集合之后,还包括:The method according to claim 3, wherein after displaying the set of function controls on the floating window, the method further comprises:
    接收针对所述浮窗的移动指令,获取所述移动指令对应的移动轨迹;Receiving a movement instruction for the floating window, and obtaining a movement trajectory corresponding to the movement instruction;
    控制所述浮窗按照所述移动轨迹同步移动。Control the floating window to move synchronously according to the moving track.
  5. 根据权利要求3或4所述的方法,其特征在于,所述在所述触控位置展示所述功能控件集合之后,还包括:The method according to claim 3 or 4, wherein after displaying the set of functional controls at the touch position, the method further comprises:
    接收针对所述功能控件集合中目标功能控件的选择指令,标记所述目标功能控件,并在与所述目标功能控件对应的预设位置显示所述目标功能控件的标题;Receiving a selection instruction for a target function control in the function control set, marking the target function control, and displaying the title of the target function control at a preset position corresponding to the target function control;
    触发所述目标功能控件对应的功能。Trigger the function corresponding to the target function control.
  6. 根据权利要求5所述的方法,其特征在于,所述标记所述目标功能控件的方式包括点亮所述目标功能控件、点亮并放大所述目标功能控件、点亮并调整所述目标功能控件的位置中的任一种方式。The method according to claim 5, wherein the method of marking the target function control includes lighting the target function control, lighting and zooming in the target function control, lighting and adjusting the target function Either way in the position of the control.
  7. 根据权利要求5所述的方法,其特征在于,所述方法还包括:The method according to claim 5, wherein the method further comprises:
    接收针对所述目标功能控件的操作完成指令,关闭所述浮窗。Receive an operation completion instruction for the target function control, and close the floating window.
  8. 根据权利要求5所述的方法,其特征在于,所述方法还包括:The method according to claim 5, wherein the method further comprises:
    当预设时长内未操作所述浮窗或者操作所述目标功能控件后预设时长内未操作所述浮窗,关闭所述浮窗。When the floating window is not operated for a preset period of time or the floating window is not operated for a preset period of time after the target function control is operated, the floating window is closed.
  9. 根据权利要求1所述的方法,其特征在于,所述获取所述显示屏上当前显示页面中的功能控件集合之后,还包括:The method according to claim 1, wherein after said obtaining the set of function controls in the page currently displayed on the display screen, the method further comprises:
    获取所述功能控件集合中各功能控件的使用频率;Acquiring the frequency of use of each functional control in the functional control set;
    所述在所述触控位置展示所述功能控件集合,包括:The displaying the set of functional controls at the touch position includes:
    在所述触控位置展示所述使用频率大于频率阈值的功能控件;Displaying the functional control whose use frequency is greater than the frequency threshold at the touch position;
    或者展示所述功能控件集合中使用频率最高的N个控件,其中N为预设正整数。Or display the N controls most frequently used in the functional control set, where N is a preset positive integer.
  10. 根据权利要求9所述的方法,其特征在于,所述在所述触控位置展示所述功能控件集合之后,还包括:The method according to claim 9, wherein after displaying the set of functional controls at the touch position, the method further comprises:
    若未展示所述功能控件集合中的所有功能控件,则响应于针对所述功能控件显示区域的第二操作,扩大显示区域以显示所述功能集合中的所有功能控件。If all the function controls in the function control set are not displayed, in response to the second operation on the display area of the function control, the display area is enlarged to display all the function controls in the function set.
  11. 一种页面操控装置,其特征在于,所述装置包括:A page manipulation device, characterized in that the device includes:
    位置获取模块,用于接收在显示屏边缘区域输入的触控指令,获取所述触控指令对应的触控位置;A position obtaining module, configured to receive a touch command input in the edge area of the display screen, and obtain a touch position corresponding to the touch command;
    控件获取模块,用于获取所述显示屏上当前显示页面中的功能控件集合;A control acquisition module, configured to acquire a collection of functional controls in the page currently displayed on the display screen;
    控件展示模块,用于在所述触控位置展示所述功能控件集合。The control display module is used to display the functional control set at the touch position.
  12. 根据权利要求11所述的装置,其特征在于,所述触控指令为按压指令,所述位置获取模块,具体用于:The device according to claim 11, wherein the touch command is a pressing command, and the position obtaining module is specifically configured to:
    获取所述按压指令对应的按压压力值;Acquiring the pressing pressure value corresponding to the pressing instruction;
    当所述按压压力值大于压力阈值时,获取所述按压指令对应的按压位置;When the pressing pressure value is greater than the pressure threshold, acquiring the pressing position corresponding to the pressing instruction;
    或者,获取所述按压指令对应的按压持续时长;Or, obtain the pressing duration corresponding to the pressing instruction;
    当所述按压持续时长大于预设时长时,获取所述按压指令对应的按压位置。When the pressing duration is greater than the preset duration, the pressing position corresponding to the pressing instruction is acquired.
  13. 根据权利要求11所述的装置,其特征在于,所述控件展示模块,具体用于:The device according to claim 11, wherein the control display module is specifically configured to:
    在所述触控位置生成浮窗;Generating a floating window at the touch position;
    在所述浮窗上展示所述功能控件集合。The set of functional controls is displayed on the floating window.
  14. 根据权利要求13所述的装置,其特征在于,所述装置还包括浮窗移动模块,用 于:The device according to claim 13, wherein the device further comprises a floating window moving module for:
    接收针对所述浮窗的移动指令,获取所述移动指令对应的移动轨迹;Receiving a movement instruction for the floating window, and obtaining a movement trajectory corresponding to the movement instruction;
    控制所述浮窗按照所述移动轨迹同步移动。Control the floating window to move synchronously according to the moving track.
  15. 根据权利要求13或14所述的装置,其特征在于,所述装置还包括功能触发模块,用于:The device according to claim 13 or 14, characterized in that the device further comprises a function triggering module for:
    接收针对所述功能控件集合中目标功能控件的选择指令,标记所述目标功能控件,并在与所述目标功能控件对应的预设位置显示所述目标功能控件的标题;Receiving a selection instruction for a target function control in the function control set, marking the target function control, and displaying the title of the target function control at a preset position corresponding to the target function control;
    触发所述目标功能控件对应的功能。Trigger the function corresponding to the target function control.
  16. 根据权利要求15所述的装置,其特征在于,所述装置还包括浮窗关闭模块,用于:The device according to claim 15, wherein the device further comprises a floating window closing module for:
    接收针对所述目标功能控件的操作完成指令,关闭所述浮窗。Receive an operation completion instruction for the target function control, and close the floating window.
  17. 根据权利要求11所述的装置,其特征在于,所述装置还包括频率获取模块,用于:The device according to claim 11, wherein the device further comprises a frequency acquisition module, configured to:
    获取所述功能控件集合中各功能控件的使用频率;Acquiring the frequency of use of each functional control in the functional control set;
    所述控件展示模块,具体用于:The control display module is specifically used for:
    在所述触控位置展示所述使用频率大于频率阈值的功能控件;Displaying the functional control whose use frequency is greater than the frequency threshold at the touch position;
    或者展示所述功能控件集合中使用频率最高的N个控件,其中N为预设正整数。Or display the N controls most frequently used in the functional control set, where N is a preset positive integer.
  18. 根据权利要求17所述的装置,其特征在于,所述装置还包括区域扩大模块,用于:The device according to claim 17, wherein the device further comprises an area expansion module for:
    若未展示所述功能控件集合中的所有功能控件,则响应于针对所述功能控件显示区域的第二操作,扩大显示区域以显示所述功能集合中的所有功能控件。If all the function controls in the function control set are not displayed, in response to the second operation on the display area of the function control, the display area is enlarged to display all the function controls in the function set.
  19. 一种计算机存储介质,其特征在于,所述计算机存储介质存储有多条指令,所述指令适于由处理器加载并执行如权利要求1~10任意一项的方法步骤。A computer storage medium, wherein the computer storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the method steps according to any one of claims 1-10.
  20. 一种终端,其特征在于,包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行如权利要求1~10任意一项的方法步骤。A terminal, comprising: a processor and a memory; wherein the memory stores a computer program, and the computer program is adapted to be loaded by the processor and execute the method according to any one of claims 1 to 10 step.
PCT/CN2021/075278 2020-04-07 2021-02-04 Page manipulation method and device, storage medium, and terminal WO2021203821A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010265400.0A CN111443863A (en) 2020-04-07 2020-04-07 Page control method and device, storage medium and terminal
CN202010265400.0 2020-04-07

Publications (1)

Publication Number Publication Date
WO2021203821A1 true WO2021203821A1 (en) 2021-10-14

Family

ID=71651040

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/075278 WO2021203821A1 (en) 2020-04-07 2021-02-04 Page manipulation method and device, storage medium, and terminal

Country Status (2)

Country Link
CN (1) CN111443863A (en)
WO (1) WO2021203821A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114518832A (en) * 2022-02-15 2022-05-20 网易(杭州)网络有限公司 Display control method and device of touch terminal and electronic equipment

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111443863A (en) * 2020-04-07 2020-07-24 Oppo广东移动通信有限公司 Page control method and device, storage medium and terminal
CN111913621B (en) * 2020-07-29 2022-04-19 海信视像科技股份有限公司 Screen interface interactive display method and display equipment
CN111913622B (en) * 2020-07-29 2022-04-19 海信视像科技股份有限公司 Screen interface interactive display method and display equipment
CN112882634A (en) * 2021-02-10 2021-06-01 维沃移动通信有限公司 Method and device for adjusting control parameters
CN112925457A (en) * 2021-02-19 2021-06-08 深圳市云基航空科技有限责任公司 Application program control method and device, storage medium and terminal
CN112905296A (en) * 2021-03-31 2021-06-04 读书郎教育科技有限公司 System and method for solving conflict between full-screen gesture navigation and application logic
CN112860156B (en) * 2021-04-06 2023-02-24 展讯通信(天津)有限公司 Application module label interaction control method and device, storage medium and computer equipment
CN113419650A (en) * 2021-06-08 2021-09-21 Oppo广东移动通信有限公司 Data moving method and device, storage medium and electronic equipment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107547750A (en) * 2017-09-11 2018-01-05 广东欧珀移动通信有限公司 Control method, device and the storage medium of terminal
EP3432130A1 (en) * 2016-09-09 2019-01-23 HTC Corporation Portable electronic device, operating method for the same, and non-transitory computer readable recording medium
CN109375863A (en) * 2018-09-27 2019-02-22 Oppo广东移动通信有限公司 Triggering method, device, terminal and the storage medium of objective function
CN109656443A (en) * 2018-10-31 2019-04-19 百度在线网络技术(北京)有限公司 Page display method and device
CN111443863A (en) * 2020-04-07 2020-07-24 Oppo广东移动通信有限公司 Page control method and device, storage medium and terminal

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102855056B (en) * 2012-07-09 2015-09-30 宇龙计算机通信科技(深圳)有限公司 terminal and terminal control method
KR20150039293A (en) * 2013-10-02 2015-04-10 주식회사 엘지유플러스 Apparatus, Method, and Recording Medium of providing User Interface
CN110275658A (en) * 2019-06-03 2019-09-24 Oppo广东移动通信有限公司 Display control method, device, mobile terminal and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP3432130A1 (en) * 2016-09-09 2019-01-23 HTC Corporation Portable electronic device, operating method for the same, and non-transitory computer readable recording medium
CN107547750A (en) * 2017-09-11 2018-01-05 广东欧珀移动通信有限公司 Control method, device and the storage medium of terminal
CN109375863A (en) * 2018-09-27 2019-02-22 Oppo广东移动通信有限公司 Triggering method, device, terminal and the storage medium of objective function
CN109656443A (en) * 2018-10-31 2019-04-19 百度在线网络技术(北京)有限公司 Page display method and device
CN111443863A (en) * 2020-04-07 2020-07-24 Oppo广东移动通信有限公司 Page control method and device, storage medium and terminal

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114518832A (en) * 2022-02-15 2022-05-20 网易(杭州)网络有限公司 Display control method and device of touch terminal and electronic equipment

Also Published As

Publication number Publication date
CN111443863A (en) 2020-07-24

Similar Documents

Publication Publication Date Title
WO2021203821A1 (en) Page manipulation method and device, storage medium, and terminal
US11467715B2 (en) User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe
US11301131B2 (en) Method for split-screen display, terminal, and non-transitory computer readable storage medium
EP3842905B1 (en) Icon display method and apparatus, terminal and storage medium
EP3761161B1 (en) Input method interface display method and device, and terminal and storage medium
WO2020147665A1 (en) File processing method and device, terminal, and storage medium
WO2019174477A1 (en) User interface display method and device, and terminal
WO2020038168A1 (en) Content sharing method and device, terminal, and storage medium
WO2019233306A1 (en) Icon display method, device and terminal
US20150339018A1 (en) User terminal device and method for providing information thereof
EP3454199B1 (en) Method for responding to touch operation and electronic device
WO2019047147A1 (en) Icon moving method and device
KR20150045121A (en) Operating Method For Multi-Window And Electronic Device supporting the same
WO2019233307A1 (en) User interface display method and apparatus, and terminal and storage medium
CN107608550B (en) Touch operation response method and device
WO2021190184A1 (en) Remote assistance method and apparatus, and storage medium and terminal
CN110442267B (en) Touch operation response method and device, mobile terminal and storage medium
US11086442B2 (en) Method for responding to touch operation, mobile terminal, and storage medium
KR20180098080A (en) Interface providing method for multitasking and electronic device implementing the same
WO2021254201A1 (en) Page display method and apparatus, storage medium, and electronic device
US11194425B2 (en) Method for responding to touch operation, mobile terminal, and storage medium
WO2019047187A1 (en) Navigation bar control method and device
CN110377220B (en) Instruction response method and device, storage medium and electronic equipment
CN111913614B (en) Multi-picture display control method and device, storage medium and display
CN111949150B (en) Method and device for controlling peripheral switching, storage medium and electronic equipment

Legal Events

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

Ref document number: 21783687

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21783687

Country of ref document: EP

Kind code of ref document: A1