Nothing Special   »   [go: up one dir, main page]

WO2020087504A1 - Screenshot interaction method, electronic device, and computer-readable storage medium - Google Patents

Screenshot interaction method, electronic device, and computer-readable storage medium Download PDF

Info

Publication number
WO2020087504A1
WO2020087504A1 PCT/CN2018/113700 CN2018113700W WO2020087504A1 WO 2020087504 A1 WO2020087504 A1 WO 2020087504A1 CN 2018113700 W CN2018113700 W CN 2018113700W WO 2020087504 A1 WO2020087504 A1 WO 2020087504A1
Authority
WO
WIPO (PCT)
Prior art keywords
display area
screen
electronic device
display
screenshot
Prior art date
Application number
PCT/CN2018/113700
Other languages
French (fr)
Chinese (zh)
Inventor
李欠欠
Original Assignee
深圳市柔宇科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 深圳市柔宇科技有限公司 filed Critical 深圳市柔宇科技有限公司
Priority to CN201880096018.2A priority Critical patent/CN112889020A/en
Priority to PCT/CN2018/113700 priority patent/WO2020087504A1/en
Publication of WO2020087504A1 publication Critical patent/WO2020087504A1/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

Definitions

  • the present invention relates to the field of communications, and in particular to an interactive method based on screenshots, an electronic device, and a computer-readable storage medium.
  • the existing operation method of the mobile terminal electronic product after taking a screenshot will reduce the screenshot to a certain extent, so that the screenshot image and the virtual buttons for sharing and editing are displayed in the current interface; wherein, the virtual buttons for sharing and editing are generally displayed In the current interface, other display areas than the display area of the screenshot image.
  • the virtual buttons for sharing and editing are generally displayed In the current interface, other display areas than the display area of the screenshot image.
  • Embodiments of the present invention provide an interactive method based on screenshots, an electronic device, and a computer-readable storage medium, which can facilitate interactive operations for screenshot images and help improve user experience.
  • a first aspect of an embodiment of the present invention provides an interaction method, including:
  • a second aspect of the embodiments of the present invention provides an electronic device, including:
  • the display screen includes a first display area and a second display area, and the second display area and the first display area are different areas of the display screen;
  • a processor configured to receive a screen capture instruction for acquiring the content displayed in the first display area of the display screen; the processor is configured to obtain a screen capture image in response to the screen capture instruction, and display the screen capture image on the first A display area; the processor is further used to display the operation controls associated with the screenshot image on the second display area of the display screen.
  • a third aspect of the embodiments of the present invention provides a computer-readable storage medium that stores computer instructions that, when executed by a processor, implement some or all of the steps described in any method of the first aspect of the embodiments of the present invention. .
  • the above screenshot-based interaction method, electronic device, and computer-readable storage medium can display the screenshot image in the first display area, and display the operation controls in the second display area in different first display areas, which is helpful for the user to pass the first
  • the interactive operation corresponding to the screenshot is completed within the second display, which simplifies the user's operation process and helps to improve the user's experience.
  • FIG. 1 is a flowchart of steps in a screen capture-based interaction method in a first embodiment provided by the present invention.
  • FIG. 2 is a schematic structural diagram of an embodiment of an electronic device with a flexible display screen according to an embodiment of the present invention.
  • FIG. 3 is a schematic structural diagram of an embodiment of an electronic device with a flexible display screen according to an embodiment of the present invention.
  • FIG. 4 is a flowchart of steps in a screen capture-based interaction method in a second embodiment provided by the present invention.
  • FIG. 5 is a flowchart of steps of a screen capture-based interaction method in a third embodiment provided by the present invention.
  • FIG. 6 is a schematic block diagram of an electronic device according to an embodiment of the invention.
  • FIG. 7 is a schematic diagram of a screenshot operation in an embodiment of the present invention.
  • FIG. 8 is a schematic diagram of generating a screenshot image in an embodiment of the present invention.
  • FIG. 9 is a schematic diagram of a sliding operation in an embodiment of the present invention.
  • FIG. 10 is a schematic diagram of an operation interface in an embodiment of the present invention.
  • FIG. 1 shows a flowchart of steps in the screen capture-based interaction method in the first embodiment provided by the present invention.
  • the interactive method includes the following steps:
  • Step 100 Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
  • the electronic device has an operating system and can run one or more application programs.
  • the electronic device may be a mobile phone, a tablet computer, a personal digital assistant (Personal Digital Assistant, PDA), a mobile Internet device (Mobile Internet Device, MID) and other mobile terminals, which are not limited in the embodiments of the present invention.
  • PDA Personal Digital Assistant
  • MID Mobile Internet Device
  • the display screen of the electronic device may have one or more display screens.
  • the display screen may be a curved screen or a flexible display screen.
  • one or more display areas can be defined.
  • a curved screen defines a main screen display area and a side screen display area during display, where the main screen display area corresponds to the front of the housing of the electronic device, and the side screen display area corresponds to the side of the housing of the electronic device.
  • the main screen display area is used to display an application program interface or a system interface, for example, to display an application program interface currently running in the foreground of an electronic device.
  • the side screen display area can display the navigation bar of the system interface or display the operation icons of the applications currently running in the foreground.
  • the interface of the instant messaging application is displayed in the main screen display area.
  • the operation icon of the instant communication application is displayed in the side screen display area.
  • the interface corresponding to the triggered instant communication application icon is displayed in the main screen display area.
  • the display screen of the electronic device 50 is a flexible display screen 580.
  • the flexible display screen 580 includes a bending area 582 and non-bending areas 584 on both sides of the bending area 582.
  • the electronic device 50 of the flexible display screen may have a bent state, and a main screen display area 570 and an auxiliary screen display area 572 are formed on the flexible display screen 580.
  • the main screen display area 570 and the auxiliary screen display area 572 are located in the non-bending area 584 on both sides of the bendable area of the flexible display screen 580.
  • the housing of the electronic device when the electronic device is in a bent state, includes a first front surface 590, a second front surface 592, and a side surface 594 of the housing.
  • the flexible display screen also includes a curved screen display area 574.
  • the curved screen display area 574 corresponds to the bendable area 582 of the flexible display screen 580, and is located between the main screen display area 570 and the auxiliary screen display area 572.
  • the curved screen display area 574 may include a first sub-display area 5741 adjacent to the main screen display area 570 and a second sub-display area 5743 adjacent to the auxiliary screen display area 572.
  • the main screen display area 570 and the first sub-display area 5741 can display the same information together; the auxiliary screen display area 572 and the second sub-display area 5743 can also display the same information together.
  • the main screen display area 570 and the auxiliary screen display area 572 are the display areas corresponding to the first front face 590 and the second front face 592 of the electronic device housing in the bent state, and the curved screen display area 574 is located The display area corresponding to the side surface 594 of the casing of the electronic device in the bent state.
  • the first front surface 590, the second front surface 592, and the side surface 594 of the housing may be located in the same plane.
  • the curved screen display area may not be partitioned, that is, the curved screen display area 574 may be used as a whole.
  • the electronic device is used to generate a screen capture instruction in response to a user's input operation.
  • the user's input manipulation includes the user touching the screen capture buttons such as pressing physical buttons such as the power button and volume down button of the electronic device at the same time, or clicking the screenshot icon in the status bar, or entering a specific gesture operation.
  • the third-party software may also be used to obtain the screenshot command. For example, when the user opens a third-party application (such as clicking the icon of the screenshot application), the screenshot command may be received, or the user may select the first When the screenshot options provided by the three-party application (such as the screenshot function menu provided by the Weibo application), the electronic device can also receive the screenshot command.
  • Step 102 Acquire a screenshot image in response to the screenshot command.
  • the electronic device further includes a second display area, where the first display area and the second display area are in different areas of the display screen of the electronic device.
  • the electronic device may be a device having a curved screen, including a main screen display area and a side screen display area, wherein the main screen display area may correspond to the first display area, and the side screen display area may correspond to the second display area. Therefore, after receiving the screen capture instruction, the electronic device may use the current display interface (or content) of the main screen display area as the screen capture image.
  • the electronic device may be a device with a flexible display screen.
  • the electronic device of the flexible display screen may include a main screen display area, an auxiliary screen display area, and a curved screen display area when in a bent state, according to the interactive area of the flexible display screen electronic device To determine the first display area and the second display area.
  • the main screen display area When the electronic device is in the bent state, the user can interact through the main screen display area or the curved screen display area.
  • the main screen display area When the main screen display area is in the interactive state, the main screen display area may be the first display area, and the curved screen display area may be the second display area; when the auxiliary screen display area is in the interactive state, the first display area may be the auxiliary screen display area ,
  • the second display area can be curved screen display area.
  • the electronic device may be a device with a flexible display screen, which may include a main screen display area and a sub-screen display area when it is in a bent state (that is, it may not include the above-mentioned curved screen display area), and the main screen display area It is the first display area, and the auxiliary screen display area is the second display area.
  • the electronic device determines the first display area and the second display area according to the screen status. For example, when the auxiliary screen display area is in the off-screen state, the main screen display area is the first display area; when the main screen display area is in the off-screen state, the auxiliary screen display area is the first display area.
  • the screen status can be recognized by a sensor, such as a distance sensor or a camera.
  • a sensor such as a distance sensor or a camera.
  • a distance sensor including but not limited to an optical distance sensor, a linear proximity sensor, an ultrasonic distance sensor
  • the camera set corresponding to the main screen display area can determine (including but not limited to face recognition) that when the user is facing the main screen display area, the main screen display area can be used as the first display area.
  • the distance sensor corresponding to the auxiliary screen display area can sense that the user is within a preset distance, or the camera corresponding to the auxiliary screen display area can determine (including but not limited to face recognition)
  • the auxiliary screen display area may be used as the first display area.
  • the current display interface of the first display area may include an application program interface or a system interface. That is to say, when the first display area displays an application interface, the screenshot image may include the contents of the application interface, status bar, and navigation bar; when the first display area displays the system interface, the screenshot image may include the application Program icon area, status bar and navigation bar.
  • the navigation bar may be hidden, that is, when the navigation bar is hidden, the content of the navigation bar may not be included in the screenshot image; and when the system displays the navigation bar, the content of the navigation bar is included in the screenshot image.
  • the screenshot image may not include the content of the status bar. Therefore, during the screenshot operation, corresponding settings can be made according to specific requirements to determine whether the content of the status bar and / or the navigation bar is included.
  • the electronic device may perform a screen capture operation on the content of the first display area to obtain a screen capture image corresponding to the content of the first display area.
  • Step 104 controlling the screenshot image to be displayed in the first display area, and controlling the operation controls associated with the screenshot image to be displayed in the second display area of the electronic device, wherein the first display The area and the second display area are different areas on the display screen of the electronic device.
  • the operation controls associated with the screenshot image can be displayed in the second display area, and the screenshot image can be displayed in the first display area.
  • further processing on the screenshot image including but not limited to, editing the screenshot image or sharing the screenshot image.
  • the screen capture can be achieved by calling an interface provided by the operating system or directly reading the framebuffer device to obtain the screen capture image.
  • the resolution of the screenshot image may be the same as the resolution of the first display area.
  • the resolution of the first display area can be 1080 * 2246 pixels (pixel columns * pixel rows), and the resolution of the screenshot image obtained through the screenshot operation can also be 1080 * 2246 pixels, or the resolution of the obtained screenshot image
  • the rate can be 1080 * 2102 pixels.
  • the electronic device may display the screenshot image at the second resolution in the first display area having the first resolution, wherein the first resolution of the first display area There is at least one direction (pixel row direction and / or pixel column direction) that is the same as the second resolution of the screen capture image in the first display area, or the second resolution of the screen capture pixel row and / or pixel column
  • the number is equal to the number of pixel rows and / or pixel columns corresponding to the first resolution.
  • the first resolution of the first display area is 1080 * 2246
  • the second screen resolution of the first display is 1080 * 2246
  • the first resolution of the first display area is in pixels
  • the resolution direction of the column * pixel row is the same as the second resolution in the first display area occupied by the displayed screenshot image; when the first resolution in the first display area is 1080 * 2246, the displayed screenshot image occupies the first display
  • the second resolution is 1080 * 2102
  • the first resolution of the first display area in the pixel column direction is the same as the length resolution direction of the second resolution in the first display area occupied by displaying the screenshot image
  • the first The first resolution of a display area 510 is not the same as the pixel line resolution direction of the second resolution in the first display area 510 occupied by displaying the screenshot image 524 in the pixel line resolution direction.
  • the electronic device may also display the screenshot image substantially the same size (or size) as the first display area in the first display area.
  • the user may not be able to tell whether the screenshot was successful or not, that is, whether the first display area is a screenshot image, so , Pre-processing can be performed on the screenshot image to obtain the pre-processed image, such as adding a border to the screenshot image to obtain a screenshot image containing the border. After that, a screenshot image including a frame can be displayed in the first display area.
  • the screenshot image displayed in the first display area will be smaller than the size (such as resolution) of the first display area.
  • the size of the first display area will be smaller than the size of the first display area.
  • the screenshot image can be displayed in the first display area corresponding to the main screen display area, and the operation controls can be displayed in the second display area corresponding to the side screen display area.
  • the screenshot image can be displayed in the main screen display area or the auxiliary screen display area corresponding to the first display area, and the operation control can be displayed in the corresponding second display
  • the curved screen of the zone shows the zone.
  • the screenshot image in the first display area is acquired at the first time
  • the screenshot image is displayed at the second time
  • the screen that displays the screenshot image at the second time will also change accordingly.
  • the user modifies or changes the display screen of the electronic device.
  • the user after acquiring the screenshot image corresponding to the first display area (that is, the first display area is located on the main screen display area 570) at the first time, the user will switch The display screen of the electronic device becomes the auxiliary screen display area 572, so when displaying the screenshot image, it can be displayed in the auxiliary screen display area 572; or, after the screenshot image corresponding to the main screen display area is acquired at the first time, the user passes The display screen of the electronic device is changed into the auxiliary screen display area (if the electronic device is turned over, the auxiliary screen display area 572 becomes the first display area), therefore, when displaying the screenshot image, it can be displayed in the auxiliary screen display area 572 .
  • the first display area may become The secondary screen display area 572 is displayed.
  • the screenshot image can be displayed in the secondary screen display area 572 at the second time.
  • the operation controls that would be displayed in the first sub-display area 5741 can be displayed in the second 5742 within the sub display area.
  • the screenshot image when the electronic device with a flexible display screen is in a bent state, the screenshot image can be displayed in the first display area, and the operation control can be displayed in the second display area; when the flexible display screen has When the electronic device is in the expanded state, the screenshot images and operation controls are displayed in the same display area.
  • the above screenshot-based interaction method displays the screenshot image in the first display area and displays the operation controls in the second display area of different first display areas, which is beneficial to the user to complete the interactive operation of the corresponding screenshot through the second display , Simplifying the user's operation process.
  • by displaying the screenshot images with substantially the same resolution in the first display area without greatly reducing the screenshot images it is beneficial to improve the user experience.
  • For an electronic device with a flexible display screen when it is in an open state, it can also display screenshot images and operation controls in the same display area, which is helpful to maintain some user needs.
  • FIG. 4 shows a flowchart of steps of a screen capture-based interaction method in a second embodiment provided by the present invention.
  • the interactive method includes the following steps:
  • Step 200 Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
  • Step 202 Acquire a screenshot image in response to the screenshot command.
  • Step 204 Control the screen shot image to be displayed in the first display area, and control the operation control associated with the screen shot image to be displayed in the second display area of the electronic device, wherein the second display The area and the first display area are at different positions on the display screen of the electronic device.
  • Step 206 Receive an instruction triggered by the operation control in response to the user's touch operation.
  • the electronic device displays a preset area corresponding to each operation control in the second display area, where the operation control includes an editing operation, a first sharing operation, and a second sharing operation.
  • the editing operation is used to trigger the editing process of the screenshot image
  • the first sharing operation is used to share the screenshot image to the first application (such as WeChat)
  • the second sharing operation is used to share the screenshot image to the second application ( Such as mailbox). Therefore, whether the instruction is generated can be judged by detecting whether the area where the operation control is located is triggered. When an area is triggered, an instruction of the control control corresponding to the area can be generated.
  • an instruction corresponding to the editing control can be generated, and the electronic device can The sliding distance zooms the screenshot image.
  • the sliding operation is smaller from the second display area, the smaller the size of the screenshot image displayed in the first display area, which is convenient for large-screen electronic devices (such as 8.9 inches, 11.1 Inch, 10.2 inches, 12.1 inches, 13.3 inches, 13.4 inches, etc.) operation is also conducive to enhancing the user experience.
  • a preset number of operation controls can be displayed in the second display area, and since the number of operation controls that can be displayed in the second display area is limited, it can be determined that the preset number of associated operation controls Whether it can be displayed on the same interface of the second display area, if it cannot be displayed on the same interface of the second display area, a page display operation can be performed on the operation controls, such as when multiple operation icons are displayed in the second display area At this time, if the operation icon cannot be displayed on one page, it can be displayed in pages in the second display area. Therefore, the user can also perform simple page turning and clicking operations in the second display area to select the corresponding operation control.
  • the operation control may be an operation icon or an operation button, which is not specifically limited herein.
  • the electronic device may display the operation controls displayed in the second display area in a preset order. For example, according to the frequency or number of times the operation controls are used, the operation control with the highest frequency may be displayed on the first In the first position of the second display area, the operation control with the second lowest frequency is displayed in the second position of the second display area.
  • the second display area may display other application icons, such as recording, memo, scan, QR code, etc.
  • Step 208 Perform the interactive operation corresponding to the instruction.
  • the corresponding interactive operation can be performed.
  • the running interface of the application program corresponding to the editing operation may be generated in the first display area, wherein the running interface of the editing operation application program includes a screenshot image, and also includes different filtering, cropping, etc. Function options to facilitate users to edit the screenshot images accordingly.
  • the instruction corresponds to a sharing operation, such as clicking in the operation control or dragging the screenshot image to the first sharing operation control
  • the electronic device can call the first application program interface corresponding to the first sharing operation, and A display area displays the running interface of the application program to control the sharing of the screenshot image to the application program corresponding to the first sharing control, so that the user can perform subsequent operations.
  • the operation controls displayed in the second display area may be hidden.
  • the user After the user completes the editing operation on the screenshot image, it can also trigger the sharing operation control to share the edited screenshot image, which avoids the existing user may need to switch the interface between the editing operation and the sharing operation, simplifying the user
  • the operation process is also conducive to improving the user experience.
  • the above screenshot-based interaction method can also determine whether the area corresponding to the operation control in the second display area is triggered, and display the corresponding running interface when the area is triggered, and the user can complete the screenshot without performing an operation jump.
  • Image editing and sharing operations can also determine whether the area corresponding to the operation control in the second display area is triggered, and display the corresponding running interface when the area is triggered, and the user can complete the screenshot without performing an operation jump.
  • FIG. 5 shows a flowchart of steps in the screenshot-based interaction method in the third embodiment provided by the present invention.
  • the interactive method includes the following steps:
  • Step 300 Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
  • Step 302 Acquire a screenshot image in response to the screenshot command.
  • Step 304 controlling the screenshot image to be displayed in the first display area, and controlling the operation controls associated with the screenshot image to be displayed in the second display area of the electronic device, wherein the second display The area and the first display area are in different areas of the display screen of the electronic device.
  • Step 306 Determine whether an instruction is received within a preset time, wherein the instruction is triggered based on the operation control in response to a user operation; if yes, perform step 310; if not, perform step 308.
  • the preset time When the preset time is exceeded (such as the preset time after the operation control is displayed in the second display area), it may indicate that the user wants to cancel this screenshot operation or the screenshot caused by accidental touch without the user's knowledge Operation, so you can cancel this screenshot operation in this case.
  • the preset time may be 3 seconds, or 0.3 seconds, or other time intervals. The specific time interval may be set according to actual needs.
  • Step 308 Control the operation controls displayed in the second display area to hide.
  • the current screenshot operation can be canceled by hiding the operation controls displayed in the second display area.
  • the screenshot image displayed in the first display area can be cancelled to cancel the screenshot operation, or a corresponding prompt message can be output to the user to determine whether the user wants to continue or cancel the screenshot operation .
  • Step 310 Perform the interactive operation corresponding to the instruction.
  • the above screenshot-based interaction method also cancels this screenshot operation by setting a preset time, or avoids the screenshot operation caused by accidental touch without the user ’s knowledge. Improve user experience.
  • FIG. 6 is a schematic block diagram of an electronic device according to an embodiment of the present invention.
  • the electronic device 50 may further include a processor 500, a storage device 502, a display screen 504, and storage In the storage device 502 and a computer program (instructions) that can be run on the processor 500, the electronic device 50 may also include other hardware parts, such as buttons, fingerprint collection modules, communication devices, etc., This will not be repeated here.
  • the processor 500 can exchange data with the storage device 502 and the display screen 504 through the bus 506.
  • the processor 500 may be a central processing unit (Central Processing Unit, CPU), or other general-purpose processors, digital signal processors (Digital Signal Processors, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), Ready-made programmable gate array (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc.
  • the general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.
  • the processor is the control center of the electronic device 50, and uses various interfaces and lines to connect the various parts of the entire electronic device 50 .
  • the storage device 502 may be used to store the computer program and / or module.
  • the processor 500 executes or executes the computer program and / or module stored in the storage device 502 and calls the storage device 502. Data to realize various functions of the screenshot-based interaction method.
  • the storage device 502 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, at least one function required application programs, etc .; the storage data area may store data created according to the use of a mobile phone, etc. .
  • the storage device 502 may include a high-speed random access storage device, and may also include a non-volatile storage device, such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart, Media, Card, SMC), and a secure digital (Secure Digital) , SD) card, flash memory card (Flash Card), at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.
  • a non-volatile storage device such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart, Media, Card, SMC), and a secure digital (Secure Digital) , SD) card, flash memory card (Flash Card), at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.
  • a non-volatile storage device such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart, Media, Card, SMC), and a secure digital
  • the display screen 504 may include a front touch display area and a side touch display area, and may display a user interface (UI) or a graphical user interface (GUI), including data such as photos, videos, and chat content.
  • the display screen 504 also includes Can be used as input device and output device, the display screen can include liquid crystal display (LCD), thin film transistor LCD (TFT-LCD), organic light-emitting diode (OLED) touch display, flexible touch display, three-dimensional (3D) touch display, ink screen
  • TFT-LCD thin film transistor LCD
  • OLED organic light-emitting diode
  • 3D three-dimensional
  • At least one of the display and the like may have a fingerprint module built into the display screen 504 to collect fingerprint information of the user during the touch operation of the display screen 504.
  • the display screen 504 may include one or more display screens.
  • the processor 500 executes the computer program
  • the steps in the screenshot-based interaction method in the foregoing embodiments are implemented, for example, steps 100-104 shown in FIG. 1, steps 200-205 shown in FIG. 2, and steps shown in FIG. 3. ⁇ ⁇ ⁇ 300-310.
  • the processor 500 implements the functions of each module / unit when executing the computer program.
  • the computer program may be divided into one or more modules / units, and the one or more modules / units are stored in the storage device 502 and executed by the processor 500 to complete this invention.
  • the one or more modules / units may be a series of computer program instruction segments capable of performing specific functions, and the instruction segments are used to describe the execution process of the computer program in the electronic device 50, so as to implement the above embodiments Steps in the interactive method based on screenshots.
  • the display screen of the electronic device 50 may include a first display area 510 and a second display area 512, wherein the first display area 510 may include a status bar 518 located above the first display area 510, and an application located in the middle of the first display area 510.
  • the program icon area 514 and the navigation bar 520 located at the lower part of the first display area 510.
  • the processor 500 is used for receiving a screen capture instruction displayed in the first display area 510.
  • a screenshot button such as pressing a physical button such as the power button and volume down button of the electronic device at the same time, or clicking the screenshot icon "Screenshot" from the status bar 518
  • the processor 500 may obtain a screenshot input by the user instruction.
  • a third-party software may also be used to obtain the screenshot command.
  • the processor 500 may receive the screenshot command, or the user
  • a screenshot option provided by a third-party application such as a screenshot function menu provided by a Weibo application
  • the processor 500 can also obtain a screenshot instruction.
  • FIG. 8 is a schematic diagram of generating a screenshot image in an embodiment of the present invention.
  • the processor 500 is further used to obtain a screenshot image 524 corresponding to the first display area 510 of the electronic device 50.
  • the processor 500 may perform a screen capture operation on the content displayed in the first display area 510 to obtain a screen capture image 524 corresponding to the first display area.
  • the screenshot image 524 obtained by the processor 500 may include the contents of the application program interface, status bar 518, and navigation bar 520; when the first display area 510 displays a system interface At this time, the screenshot image 524 may include an application icon area 514, a status bar 518, and a navigation bar 520.
  • the processor 500 is used for displaying the screenshot image 524 in the first display area 510 and displaying the operation control 516 associated with the screenshot image 524 in the second display area 512 of the electronic device.
  • the processor 500 may display the operation control 516 associated with the screenshot image 524 in the second display area 512, and display the screenshot image 524 in the first display area 510.
  • the user can perform interactive operations on the screenshot image 524 through the operation controls 516 located in the second display area 512, including but not limited to editing operations on the screenshot image 524 or sharing operations on the screenshot images.
  • the processor 500 may implement the screen capture by calling the interface provided by the operating system or directly reading the framebuffer device to obtain the screen capture image 524.
  • the resolution of the first display area 510 may be 1080 * 2246 pixels (length * width), and the resolution of the screenshot image 524 obtained through the screenshot operation may also be 1080 * 2246 pixels; or the resolution of the screenshot 524 obtained is 1080 * 2102 pixels.
  • the processor 500 displays the screenshot image 524 in the first display area 510, the first resolution of the first display area 510 has at least one direction (length direction and / or width direction) and the display screenshot image 524 occupies the first display
  • the second resolution of area 510 is the same.
  • the first resolution of the first display area 510 is 1080 * 2246
  • the screenshot image 524 displayed by the processor 500 occupies the second resolution of the first display of 1080 * 2246
  • the method is displayed in the first display area 510, which also indicates that the first resolution of the first display area 510 is the same as the second resolution in the first display area 510 occupied by the display screenshot 524 in the length and width directions;
  • the processor 500 displays the screenshot image 524 as the second resolution of the first display is 1080 * 2102
  • the first resolution of the first display area 510 The length direction is the same as the length direction of the second resolution in the first display area 510 occupied by the display screenshot 524
  • the first resolution of the first display area 510 is the same as the first display in the width direction displayed by the screenshot
  • the width direction of the second resolution in the area 510 is different.
  • the processor 500 may also display the screenshot image 524 in the first display area 510 that is substantially the same size as the first display area 510.
  • the processor 500 may preset the screenshot image 524 Processing, generating a screenshot image 524 containing a frame. After that, the processor 500 may display the screenshot image 524 including the frame in the first display area 510.
  • the screenshot image 524 displayed in the first display area 510 will be smaller than the size of the first display area 510, so the size of the screenshot image 524 in the first display area 510 will be smaller than the first display area
  • the size of 510, and the size of the first display area 510 is equal to the size of the pre-processed image.
  • the screenshot image 524 can be displayed in the first display area 510 corresponding to the main screen display area, and the operation control 516 can be displayed in the second display area 512 corresponding to the side screen display area.
  • the processor 500 can also be used to obtain the working state of the electronic device 50, such as a bent state or an unfolded state.
  • the processor 500 may display the screenshot image 524 in the main screen display area or the auxiliary screen display area corresponding to the first display area 510, and display the operation control 516 in the corresponding second display area 512 In the screen display area.
  • the processor 500 is used to determine whether an instruction is received within a preset time, wherein the instruction is triggered based on the operation control in response to a user operation, and if so, it may indicate that the user wants to cancel the screenshot operation or because the user does not know In the case of an accidental screenshot operation, the processor 500 may hide the operation control 516 displayed in the second display area 512 to cancel the current screenshot operation. In other embodiments, the processor 500 may also cancel or hide the screenshot image 524 displayed in the first display area 510 to cancel the screenshot operation, or output a corresponding prompt message to the user to determine whether the user wants to continue Or cancel this screenshot operation.
  • the preset time can be 3 seconds, 0.3 seconds, or other time intervals. The specific time interval can be set according to actual needs.
  • the processor 500 may control the second display area 512 to display preset areas corresponding to the operation controls 516, wherein each preset area may be an area where the icon of the corresponding operation control is located.
  • the operation control 516 includes, but is not limited to, an editing operation, a first sharing operation, and a second sharing operation icon, where the editing operation is used to trigger the editing process of the screenshot image, and the first sharing operation is used to share the screenshot image to the first application , The second sharing operation is used to share the screenshot image to the second application. .
  • FIG. 9 is a schematic diagram of a sliding operation in an embodiment of the present invention.
  • the processor 500 can detect whether the area where the operation control is located is triggered. When the area is triggered, the processor 500 may generate an instruction of an operation control corresponding to the area. When the corresponding area is clicked or there is a sliding operation from the first display area 510 to the second display area 512, the processor 500 generates an instruction. For example, when the editing operation icon in the operation control 516 is clicked, the user can perform a long-press operation on the screenshot image 524, and slide the screenshot image 524 from the first display area to the corresponding editing control, the processor 500 may generate Commands corresponding to editing operations.
  • the processor 500 may zoom and display the screenshot image 524 in the first display area 510 according to the sliding distance, such as when the sliding operation is away from the second display.
  • the processor 500 may zoom and display the screenshot image 524 in the first display area 510 according to the sliding distance, such as when the sliding operation is away from the second display.
  • the second display area 512 can display a preset number of operation controls, and since the number of operation controls that the second display area 512 can display is limited, the processor 500 can determine that the preset number of operation controls Whether the associated operation control can be displayed in the same interface of the second display area, if the operation control cannot be displayed on the same interface of the second display area, the processor 500 can perform a paging display operation on the operation control, to The operation controls are displayed in different paging interfaces, therefore, the user can also perform simple page turning and clicking operations in the second display area to select the corresponding operation controls.
  • the processor 500 may display the operation controls displayed in the second display area in a preset order. For example, according to the frequency or number of times the operation controls are used, the operation controls with the highest frequency may be displayed on In the first position of the second display area, the operation control with the second lowest frequency of use is displayed in the second position of the second display area.
  • the processor 500 may display other application icons in the second display area 512, such as recording, memo, scan, QR code, etc.
  • FIG. 10 is a schematic diagram of an operation interface in an embodiment of the present invention.
  • the processor 500 may display the corresponding running interface 522 in the first display area 510 to perform the corresponding interactive operation.
  • the processor 500 may generate an operation interface 522 of the editing operation in the first display area 510, wherein the screenshot image in the editing operation interface 522 also includes different functional options such as filtering and cropping To facilitate the user to edit the screenshot 524 accordingly.
  • the processor 500 may call the first application program interface corresponding to the first sharing operation, and may The running interface 522 of the application program is displayed on the first display area 510 to control the sharing of the screenshot image 524 to the application program corresponding to the first sharing control, so that the user can perform subsequent operations.
  • the screenshot corresponding image 524 after the editing can be shared in the area corresponding to the triggering sharing operation control, avoiding the existing user who may need to switch between the editing operation and the sharing operation , Simplifies the user's operation process, and also helps to improve the user's experience.
  • the processor 500 can simultaneously hide the operation controls displayed in the second display area 512, which can be used to prompt the user of the screenshot image 524 can perform subsequent interactive operations.
  • the above electronic device displays the screenshot image in the first display area and displays the operation controls in the second display area in different first display areas, which is beneficial to the user to complete the interactive operation of the corresponding screenshot through the second display, without The operation jump is required, which simplifies the user's operation process.
  • by displaying the screenshot images with substantially the same resolution in the first display area without greatly reducing the screenshot images it is beneficial to improve the user experience.
  • a screenshot image and operation controls can also be displayed in the same display area, which is helpful for maintaining some user needs.
  • the user does not need to perform an operation jump.

Landscapes

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

Abstract

A screenshot interaction method, an electronic device (50), and a computer-readable storage medium. The method comprises: receiving a screenshot instruction for acquiring content displayed in a first display region of a display screen (100); in response to the screenshot instruction, acquiring a screenshot image (102); and displaying the screenshot image in the first display region, and displaying an operation control associated with the screenshot image in a second display region of the display screen (104), wherein the second display region and the first display region are located at different regions of the display screen. According to the method, a screenshot image is displayed in a first display region, and an operation control is displayed in a second display region different from the first display region, such that a user can perform, in the second display region, an interaction operation corresponding to a screenshot, thereby simplifying user operations.

Description

基于截屏的交互方法、电子设备及计算机可读存储介质Screen capture-based interaction method, electronic device and computer-readable storage medium 技术领域Technical field
本发明涉及一种通信领域,具体涉及一种基于截屏的交互方法、电子设备及计算机可读存储介质。The present invention relates to the field of communications, and in particular to an interactive method based on screenshots, an electronic device, and a computer-readable storage medium.
背景技术Background technique
现有移动终端电子产品截屏后操作的方法,会一定程度上缩小截屏画面,以便在当前界面内同时显示所述截屏图像、分享及编辑的虚拟按键;其中,分享及编辑的虚拟按键一般会显示在当前界面除所述截屏图像的显示区域之外的其他显示区域。选择对截屏图像编辑后,若需要进行分享,则需要跳转到另一应用程序显示界面,并需选择已编辑的截屏图像所在路径后才能进行分享操作,由于操作在同一界面内进行,整个用户操作流程较为不便。The existing operation method of the mobile terminal electronic product after taking a screenshot will reduce the screenshot to a certain extent, so that the screenshot image and the virtual buttons for sharing and editing are displayed in the current interface; wherein, the virtual buttons for sharing and editing are generally displayed In the current interface, other display areas than the display area of the screenshot image. After editing the screenshot image, if you need to share, you need to jump to another application display interface, and you need to select the path where the edited screenshot image is located before you can share the operation. Because the operation is performed in the same interface, the entire user The operation process is more inconvenient.
发明内容Summary of the invention
本发明实施例提供了一种基于截屏的交互方法、电子设备及计算机可读存储介质,可以方便针对于截屏图像的交互操作,有利于提高用户体验。Embodiments of the present invention provide an interactive method based on screenshots, an electronic device, and a computer-readable storage medium, which can facilitate interactive operations for screenshot images and help improve user experience.
本发明实施例第一方面提供一种交互方法,包括:A first aspect of an embodiment of the present invention provides an interaction method, including:
接收到获取显示于显示屏第一显示区的内容的截屏指令;Receiving a screen capture instruction to obtain the content displayed in the first display area of the display screen;
响应所述截屏指令获取截屏图像;Acquiring a screenshot image in response to the screenshot command;
控制所述截屏图像显示于所述第一显示区内,并控制将与所述截屏图像相关联的操作控件显示于所述显示屏的第二显示区,其中,所述第二显示区与所述第一显示区在所述显示屏的不同区域。Controlling the screenshot image to be displayed in the first display area, and controlling the operation controls associated with the screenshot image to be displayed in the second display area of the display screen, wherein the second display area is The first display area is in a different area of the display screen.
本发明实施例第二方面提供一种电子设备,包括:A second aspect of the embodiments of the present invention provides an electronic device, including:
显示屏,包括第一显示区及第二显示区,所述第二显示区与所述第一显示区为所述显示屏的不同区域;The display screen includes a first display area and a second display area, and the second display area and the first display area are different areas of the display screen;
处理器,用于接收到获取显示于所述显示屏的第一显示区的内容的截屏指令;所述处理器用于响应所述截屏指令获取截屏图像,并将所述截屏图像显示于所述第一显示区内;所述处理器还用于将与所述截屏图像相关联的操作控件显示 于所述显示屏的第二显示区。A processor, configured to receive a screen capture instruction for acquiring the content displayed in the first display area of the display screen; the processor is configured to obtain a screen capture image in response to the screen capture instruction, and display the screen capture image on the first A display area; the processor is further used to display the operation controls associated with the screenshot image on the second display area of the display screen.
本发明实施例第三方面提供一种计算机可读存储介质,存储有计算机指令,所述计算机指令被处理器执行时实现如本发明实施例第一方面任一方法中所描述的部分或全部步骤。A third aspect of the embodiments of the present invention provides a computer-readable storage medium that stores computer instructions that, when executed by a processor, implement some or all of the steps described in any method of the first aspect of the embodiments of the present invention. .
上述基于截屏的交互方法、电子设备及计算机可读存储介质可通过将截屏图像显示第一显示区内,并将操作控件显示于不同第一显示区的第二显示区内,有利于用户通过第二显示内来完成对应截屏的交互操作,简化了用户的操作流程,有利于提高了用户的体验。The above screenshot-based interaction method, electronic device, and computer-readable storage medium can display the screenshot image in the first display area, and display the operation controls in the second display area in different first display areas, which is helpful for the user to pass the first The interactive operation corresponding to the screenshot is completed within the second display, which simplifies the user's operation process and helps to improve the user's experience.
附图说明BRIEF DESCRIPTION
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to more clearly explain the embodiments of the present invention or the technical solutions in the prior art, the following will briefly introduce the drawings required in the embodiments or the description of the prior art. Obviously, the drawings in the following description are only These are some embodiments of the present invention. For those of ordinary skill in the art, without paying any creative work, other drawings can be obtained based on these drawings.
图1是本发明提供的第一实施方式中的基于截屏的交互方法的步骤流程图。FIG. 1 is a flowchart of steps in a screen capture-based interaction method in a first embodiment provided by the present invention.
图2是本发明一实施方式中的具有柔性显示屏的电子设备的一实施方式的结构示意图。2 is a schematic structural diagram of an embodiment of an electronic device with a flexible display screen according to an embodiment of the present invention.
图3是本发明一实施方式中的具有柔性显示屏的电子设备的一实施方式的结构示意图。3 is a schematic structural diagram of an embodiment of an electronic device with a flexible display screen according to an embodiment of the present invention.
图4是本发明提供的第二实施方式中的基于截屏的交互方法的步骤流程图。FIG. 4 is a flowchart of steps in a screen capture-based interaction method in a second embodiment provided by the present invention.
图5是本发明提供的第三实施方式中的基于截屏的交互方法的步骤流程图。FIG. 5 is a flowchart of steps of a screen capture-based interaction method in a third embodiment provided by the present invention.
图6是本发明本发明一实施方式中的电子设备的模块示意图。6 is a schematic block diagram of an electronic device according to an embodiment of the invention.
图7是本发明一实施方式中的截屏操作的示意图。7 is a schematic diagram of a screenshot operation in an embodiment of the present invention.
图8是本发明的一实施方式中的生成截屏图像的示意图。8 is a schematic diagram of generating a screenshot image in an embodiment of the present invention.
图9是本发明的一实施方式中的滑动操作的示意图。9 is a schematic diagram of a sliding operation in an embodiment of the present invention.
图10是本发明的一实施方式中的运行界面的示意图。10 is a schematic diagram of an operation interface in an embodiment of the present invention.
具体实施方式detailed description
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施 例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。In order to enable those skilled in the art to better understand the solutions of the present invention, the technical solutions in the embodiments of the present invention will be described clearly and completely in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only It is a part of the embodiments of the present invention, but not all the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by a person of ordinary skill in the art without making creative efforts fall within the protection scope of the present invention.
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。The terms "first", "second", etc. in the description and claims of the present invention and the above drawings are used to distinguish different objects, not to describe a specific order. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally also includes Other steps or units inherent to these processes, methods, products, or equipment.
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。Reference herein to "embodiments" means that specific features, structures, or characteristics described in connection with the embodiments may be included in at least one embodiment of the present invention. The appearance of the phrase in various places in the specification does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment mutually exclusive with other embodiments. Those skilled in the art understand explicitly and implicitly that the embodiments described herein can be combined with other embodiments.
下面对本发明实施例进行详细介绍。The following describes the embodiments of the present invention in detail.
请参阅图1,所示为本发明提供的第一实施方式中的基于截屏的交互方法的步骤流程图。该交互方法包括如下步骤:Please refer to FIG. 1, which shows a flowchart of steps in the screen capture-based interaction method in the first embodiment provided by the present invention. The interactive method includes the following steps:
步骤100,接收到获取显示于所述电子设备第一显示区的内容的截屏指令。Step 100: Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
电子设备具有操作系统,可运行一个或多个应用程序。电子设备可为移动手机、平板电脑、个人数字助理(Personal Digital Assistant,PDA)、移动互联网设备(Mobile Internet Device,MID)等移动终端,本发明实施例对此不作限定。The electronic device has an operating system and can run one or more application programs. The electronic device may be a mobile phone, a tablet computer, a personal digital assistant (Personal Digital Assistant, PDA), a mobile Internet device (Mobile Internet Device, MID) and other mobile terminals, which are not limited in the embodiments of the present invention.
电子设备的显示屏可具有一个或多个显示屏幕。The display screen of the electronic device may have one or more display screens.
当电子设备只有一个显示屏幕时,该显示屏幕可为曲面屏或柔性显示屏。该显示屏幕在显示时可定义有一个或多个显示区。例如,曲面屏在显示时定义有主屏显示区及侧屏显示区,其中,主屏显示区对应于电子设备的壳体的正面,侧屏显示区对应于电子装置的壳体的侧边。主屏显示区用于显示应用程序界面或系统界面,例如,显示当前运行于电子设备前台的应用程序界面。侧屏显示区可显示系统界面的导航栏或显示当前所运行在前台的应用程序的操作图标。 如当即时通讯应用程序运行于前台时,即时通讯应用程序的界面显示于主屏显示区。在侧屏显示区内显示该即时通信应用程序的操作图标,当操作图标被触发时,将被触发的即时通信应用程序图标所对应的界面显示在主屏显示区内。When the electronic device has only one display screen, the display screen may be a curved screen or a flexible display screen. When the display screen is displayed, one or more display areas can be defined. For example, a curved screen defines a main screen display area and a side screen display area during display, where the main screen display area corresponds to the front of the housing of the electronic device, and the side screen display area corresponds to the side of the housing of the electronic device. The main screen display area is used to display an application program interface or a system interface, for example, to display an application program interface currently running in the foreground of an electronic device. The side screen display area can display the navigation bar of the system interface or display the operation icons of the applications currently running in the foreground. For example, when the instant messaging application is running in the foreground, the interface of the instant messaging application is displayed in the main screen display area. The operation icon of the instant communication application is displayed in the side screen display area. When the operation icon is triggered, the interface corresponding to the triggered instant communication application icon is displayed in the main screen display area.
请一并参阅图2,电子设备50的显示屏幕为柔性显示屏580。该柔性显示屏580包括一弯折区582以及位于该弯折区582两侧的非弯折区584。当柔性显示屏580绕可弯折区582弯折时,柔性显示屏的电子设备50可具有弯折状态,并在柔性显示屏580上形成有主屏显示区570及辅屏显示区572。主屏显示区570及辅屏显示区572位于柔性显示屏580可弯折区的两侧的非弯折区584。Please refer to FIG. 2 together. The display screen of the electronic device 50 is a flexible display screen 580. The flexible display screen 580 includes a bending area 582 and non-bending areas 584 on both sides of the bending area 582. When the flexible display screen 580 is bent around the bendable area 582, the electronic device 50 of the flexible display screen may have a bent state, and a main screen display area 570 and an auxiliary screen display area 572 are formed on the flexible display screen 580. The main screen display area 570 and the auxiliary screen display area 572 are located in the non-bending area 584 on both sides of the bendable area of the flexible display screen 580.
在另一实施方式中,当电子设备处于弯折状态时,电子设备的壳体包括第一正面590、第二正面592及壳体的侧面594。柔性显示屏还包括曲屏显示区574。曲屏显示区574对应柔性显示屏580的可弯折区582,并位于主屏显示区570及辅屏显示区572之间。在柔性显示屏处于弯折状态时,曲屏显示区574可包括与主屏显示区570相邻的第一子显示区5741及与辅屏显示区572相邻的第二子显示区5743。如此,主屏显示区570和第一子显示区5741可共同显示同一信息;辅屏显示区572和第二子显示区5743也可共同显示同一信息。在本实施方式中,主屏显示区570及辅屏显示区572分别为位于弯折状态下电子设备的壳体第一正面590及第二正面592相对应的显示区,曲屏显示区574为位于弯折状态下电子设备的壳体的侧面594相对应的显示区。当电子设备50处于展开状态时,第一正面590、第二正面592及壳体的侧面594可位于同一平面内。在其他实施方式中,曲屏显示区亦可不进行分区,即曲屏显示区574亦可作为整体。In another embodiment, when the electronic device is in a bent state, the housing of the electronic device includes a first front surface 590, a second front surface 592, and a side surface 594 of the housing. The flexible display screen also includes a curved screen display area 574. The curved screen display area 574 corresponds to the bendable area 582 of the flexible display screen 580, and is located between the main screen display area 570 and the auxiliary screen display area 572. When the flexible display screen is in a bent state, the curved screen display area 574 may include a first sub-display area 5741 adjacent to the main screen display area 570 and a second sub-display area 5743 adjacent to the auxiliary screen display area 572. In this way, the main screen display area 570 and the first sub-display area 5741 can display the same information together; the auxiliary screen display area 572 and the second sub-display area 5743 can also display the same information together. In this embodiment, the main screen display area 570 and the auxiliary screen display area 572 are the display areas corresponding to the first front face 590 and the second front face 592 of the electronic device housing in the bent state, and the curved screen display area 574 is located The display area corresponding to the side surface 594 of the casing of the electronic device in the bent state. When the electronic device 50 is in the unfolded state, the first front surface 590, the second front surface 592, and the side surface 594 of the housing may be located in the same plane. In other embodiments, the curved screen display area may not be partitioned, that is, the curved screen display area 574 may be used as a whole.
电子设备用于响应用户的输入操作而产生截屏指令。用户的输入操控包括用户触控截屏按键如同时按下电子设备的电源按键及音量减少键等实体按键,或点击了状态栏中的截图图标,或是输入了特定的手势操作。在另一实施方式中,亦可通过第三方软件来获得截屏指令,如当用户打开第三方应用程序(如点选截屏应用程序的图标)时,即可接收到截屏指令,或是用户选择第三方应用程序提供的截屏选项(如微博应用程序提供的截屏功能菜单)时,电子设备亦可接收到截屏指令。The electronic device is used to generate a screen capture instruction in response to a user's input operation. The user's input manipulation includes the user touching the screen capture buttons such as pressing physical buttons such as the power button and volume down button of the electronic device at the same time, or clicking the screenshot icon in the status bar, or entering a specific gesture operation. In another embodiment, the third-party software may also be used to obtain the screenshot command. For example, when the user opens a third-party application (such as clicking the icon of the screenshot application), the screenshot command may be received, or the user may select the first When the screenshot options provided by the three-party application (such as the screenshot function menu provided by the Weibo application), the electronic device can also receive the screenshot command.
步骤102,响应所述截屏指令获取截屏图像。Step 102: Acquire a screenshot image in response to the screenshot command.
电子设备还包括第二显示区,其中第一显示区与第二显示区在电子设备的显示屏的不同区域。The electronic device further includes a second display area, where the first display area and the second display area are in different areas of the display screen of the electronic device.
电子设备可为具有曲面屏的设备,包括主屏显示区及侧屏显示区,其中主屏显示区可对应第一显示区,侧屏显示区可对应第二显示区。因而,在接收到截屏指令后,电子设备可将主屏显示区的当前显示界面(或内容)作为截屏图像。The electronic device may be a device having a curved screen, including a main screen display area and a side screen display area, wherein the main screen display area may correspond to the first display area, and the side screen display area may correspond to the second display area. Therefore, after receiving the screen capture instruction, the electronic device may use the current display interface (or content) of the main screen display area as the screen capture image.
电子设备可为具有柔性显示屏的设备,柔性显示屏的电子设备在处于弯折状态时可包括主屏显示区、辅屏显示区及曲屏显示区,可根据柔性显示屏的电子设备的交互区域来确定第一显示区、第二显示区。在电子设备处于弯折状态时,用户可通过主屏显示区或是曲屏显示区来进行交互。在主屏显示区处于交互状态时,主屏显示区可为第一显示区,曲屏显示区可为第二显示区;在辅屏显示区处于交互状态时,第一显示区可为辅屏显示区,第二显示区可曲屏显示区。The electronic device may be a device with a flexible display screen. The electronic device of the flexible display screen may include a main screen display area, an auxiliary screen display area, and a curved screen display area when in a bent state, according to the interactive area of the flexible display screen electronic device To determine the first display area and the second display area. When the electronic device is in the bent state, the user can interact through the main screen display area or the curved screen display area. When the main screen display area is in the interactive state, the main screen display area may be the first display area, and the curved screen display area may be the second display area; when the auxiliary screen display area is in the interactive state, the first display area may be the auxiliary screen display area , The second display area can be curved screen display area.
在一实施方式中,电子设备可为具有柔性显示屏的设备,当处于弯折状态时可包括主屏显示区及辅屏显示区(即可不包含上述的曲屏显示区),此时主屏显示区为第一显示区,将辅屏显示区为第二显示区。In an embodiment, the electronic device may be a device with a flexible display screen, which may include a main screen display area and a sub-screen display area when it is in a bent state (that is, it may not include the above-mentioned curved screen display area), and the main screen display area It is the first display area, and the auxiliary screen display area is the second display area.
在一实施方式中,所述电子设备根据屏幕状态来确定第一显示区和第二显示区。例如,当辅屏显示区处于熄屏状态时,主屏显示区为第一显示区;当主屏显示区处于熄屏状态时,辅屏显示区为第一显示区。In one embodiment, the electronic device determines the first display area and the second display area according to the screen status. For example, when the auxiliary screen display area is in the off-screen state, the main screen display area is the first display area; when the main screen display area is in the off-screen state, the auxiliary screen display area is the first display area.
在一实施方式中,所述屏幕状态可通过传感器来进行识别,如通过距离传感器或摄像头来识别。例如,当电子设备处于弯折状态时,对应主屏显示区设置的距离传感器(包括但不限于光学式距离传感器、线性接近传感器、超声波距离传感器)可感测到用户位于预设距离内,或是对应主屏显示区设置的摄像头可判断(包括但不限于人脸识别)用户正对于主屏显示区时,可将主屏显示区作为第一显示区。当电子设备处于弯折状态时,对应辅屏显示区设置的距离传感器可感测到用户位于预设距离内,或是对应辅屏显示区设置的摄像头可判断(包括但不限于人脸识别)用户正对于辅屏显示区时,可将辅屏显示区作为第一显示区。In one embodiment, the screen status can be recognized by a sensor, such as a distance sensor or a camera. For example, when the electronic device is in a bent state, a distance sensor (including but not limited to an optical distance sensor, a linear proximity sensor, an ultrasonic distance sensor) provided corresponding to the display area of the main screen can sense that the user is within a preset distance, or The camera set corresponding to the main screen display area can determine (including but not limited to face recognition) that when the user is facing the main screen display area, the main screen display area can be used as the first display area. When the electronic device is in the bent state, the distance sensor corresponding to the auxiliary screen display area can sense that the user is within a preset distance, or the camera corresponding to the auxiliary screen display area can determine (including but not limited to face recognition) When the user is facing the auxiliary screen display area, the auxiliary screen display area may be used as the first display area.
第一显示区的当前显示界面可包括应用程序界面或系统界面。也就是说,当第一显示区显示的为应用程序界面时,截屏图像可包括应用程序界面、状态栏及导航栏的内容;当第一显示区显示的为系统界面时,截屏图像可包括应用程序图标区域、状态栏及导航栏。在一实施方式中,导航栏可以被隐藏,即在导航栏被隐藏时,截屏图像中可不包含导航栏的内容;而在系统显示导航栏时,截屏图像中包含导航栏的内容。在其他实施方式中,截屏图像也可不包括状态栏的内容。因此,在截屏操作时可根据具体要求进行相应的设置,以确定是否包括状态栏及/或导航栏的内容。The current display interface of the first display area may include an application program interface or a system interface. That is to say, when the first display area displays an application interface, the screenshot image may include the contents of the application interface, status bar, and navigation bar; when the first display area displays the system interface, the screenshot image may include the application Program icon area, status bar and navigation bar. In one embodiment, the navigation bar may be hidden, that is, when the navigation bar is hidden, the content of the navigation bar may not be included in the screenshot image; and when the system displays the navigation bar, the content of the navigation bar is included in the screenshot image. In other embodiments, the screenshot image may not include the content of the status bar. Therefore, during the screenshot operation, corresponding settings can be made according to specific requirements to determine whether the content of the status bar and / or the navigation bar is included.
在接收到截屏指令后,电子设备可对第一显示区的内容进行截屏操作,以得到对应所述第一显示区的内容的截屏图像。After receiving the screen capture instruction, the electronic device may perform a screen capture operation on the content of the first display area to obtain a screen capture image corresponding to the content of the first display area.
步骤104,控制所述截屏图像显示于所述第一显示区内,并控制将与所述截屏图像相关联的操作控件显示于所述电子设备的第二显示区,其中,所述第一显示区与所述第二显示区为所述电子设备的显示屏上的不同区域。 Step 104, controlling the screenshot image to be displayed in the first display area, and controlling the operation controls associated with the screenshot image to be displayed in the second display area of the electronic device, wherein the first display The area and the second display area are different areas on the display screen of the electronic device.
为方便用户针对截屏后的操作,可将与所述截屏图像相关联的操作控件显示于第二显示区内,而将截屏图像显示在第一显示区,如此,用户可通过位于第二显示区的操作控件来对截屏图像做进一步的处理,包括但不限于,对截屏图像进行的编辑或是对截屏图像进行分享。To facilitate the user's operation after the screenshot, the operation controls associated with the screenshot image can be displayed in the second display area, and the screenshot image can be displayed in the first display area. To perform further processing on the screenshot image, including but not limited to, editing the screenshot image or sharing the screenshot image.
电子设备在进行截屏操作时,可通过调用操作系统提供的接口或直接读取framebuffer设备来实现截屏,以得到所述截屏图像。When the electronic device performs the screen capture operation, the screen capture can be achieved by calling an interface provided by the operating system or directly reading the framebuffer device to obtain the screen capture image.
在一实施方式中,所述截屏图像的分辨率可与第一显示区的分辨率相同。In an embodiment, the resolution of the screenshot image may be the same as the resolution of the first display area.
例如,第一显示区的分辨率可为1080*2246像素(像素列*像素行),通过截屏操作后得到的截屏图像的分辨率亦可为1080*2246像素,或是得到的截屏图像的分辨率可为1080*2102像素。因此,在截屏图像显示于第一显示区内时,电子设备可在具有第一分辨率的第一显示区内以第二分辨率显示所述截屏图像,其中,第一显示区的第一分辨率存在至少一方向上(像素行方向及/或像素列方向)与显示截屏图像占第一显示区的第二分辨率相同,或者,截屏图像的第二分辨率的像素行和/或像素列的数量与第一分辨率对应的像素行和/或像素列的数量相等。也就是说,当第一显示区的第一分辨率为1080*2246时,显示截屏图像占第一显示的第二分辨率为1080*2246时,表示第一显示区的第一 分辨率在像素列*像素行的分辨率方向与显示截屏图像所占第一显示区内的第二分辨率均相同;当第一显示区的第一分辨率为1080*2246时,显示截屏图像占第一显示的第二分辨率为1080*2102时,表示第一显示区的第一分辨率在像素列方向与显示截屏图像所占第一显示区内的第二分辨率的长度分辨率方向相同,而第一显示区510的第一分辨率在像素行分辨率方向与显示截屏图像524所占第一显示区510内的第二分辨率的像素行分辨率方向不相同。For example, the resolution of the first display area can be 1080 * 2246 pixels (pixel columns * pixel rows), and the resolution of the screenshot image obtained through the screenshot operation can also be 1080 * 2246 pixels, or the resolution of the obtained screenshot image The rate can be 1080 * 2102 pixels. Therefore, when the screenshot image is displayed in the first display area, the electronic device may display the screenshot image at the second resolution in the first display area having the first resolution, wherein the first resolution of the first display area There is at least one direction (pixel row direction and / or pixel column direction) that is the same as the second resolution of the screen capture image in the first display area, or the second resolution of the screen capture pixel row and / or pixel column The number is equal to the number of pixel rows and / or pixel columns corresponding to the first resolution. That is to say, when the first resolution of the first display area is 1080 * 2246, and the second screen resolution of the first display is 1080 * 2246, it means that the first resolution of the first display area is in pixels The resolution direction of the column * pixel row is the same as the second resolution in the first display area occupied by the displayed screenshot image; when the first resolution in the first display area is 1080 * 2246, the displayed screenshot image occupies the first display When the second resolution is 1080 * 2102, it means that the first resolution of the first display area in the pixel column direction is the same as the length resolution direction of the second resolution in the first display area occupied by displaying the screenshot image, and the first The first resolution of a display area 510 is not the same as the pixel line resolution direction of the second resolution in the first display area 510 occupied by displaying the screenshot image 524 in the pixel line resolution direction.
电子设备也可在所述第一显示区内显示与所述第一显示区的大小(或尺寸)基本相同的所述截屏图像。在生成截屏图像时,由于截屏图像与第一显示区的分辨率基本相同,故此在截屏后,可能存在用户无法分辨是否截屏成功也即无法判断第一显示区所显示否是为截屏图像,因此,可对截屏图像进行预设处理,并以得到预处理图像,如对截屏图像增加边框,以得到包含边框的截屏图像。之后,可在第一显示区内显示包含边框的截屏图像。由于边框存在一定的宽度(如每一边框存在2个像素的宽度),如此,显示在第一显示区内的截屏图像会小于第一显示区的大小(如分辨率),因而,截屏图像在第一显示区的大小会小于第一显示区的大小。The electronic device may also display the screenshot image substantially the same size (or size) as the first display area in the first display area. When generating a screenshot image, since the resolution of the screenshot image is basically the same as that of the first display area, after the screenshot, the user may not be able to tell whether the screenshot was successful or not, that is, whether the first display area is a screenshot image, so , Pre-processing can be performed on the screenshot image to obtain the pre-processed image, such as adding a border to the screenshot image to obtain a screenshot image containing the border. After that, a screenshot image including a frame can be displayed in the first display area. Since the border has a certain width (for example, each border has a width of 2 pixels), the screenshot image displayed in the first display area will be smaller than the size (such as resolution) of the first display area. The size of the first display area will be smaller than the size of the first display area.
对于具有曲面屏的电子设备而言,截屏图像可显示于主屏显示区所对应第一显示区内,操作控件可显示于侧屏显示区所对应第二显示区内。For an electronic device with a curved screen, the screenshot image can be displayed in the first display area corresponding to the main screen display area, and the operation controls can be displayed in the second display area corresponding to the side screen display area.
对于具有柔性显示屏的电子设备而言,当电子设备处于弯折状态时,截屏图像可显示于对应第一显示区的主屏显示区或辅屏显示区内,操作控件可显示于对应第二显示区的曲屏显示区内。For an electronic device with a flexible display screen, when the electronic device is in a bent state, the screenshot image can be displayed in the main screen display area or the auxiliary screen display area corresponding to the first display area, and the operation control can be displayed in the corresponding second display The curved screen of the zone shows the zone.
在一实施方式中,于第一时间获取第一显示区内截屏图像后,若于第二时间显示截屏图像,可能存在柔性显示屏的电子设备的第一显示区所对应的屏幕发生变化,因此,在第二时间显示截屏图像的屏幕亦会相应的变化。例如,用户修改了或改变了电子设备的显示屏幕,如在第一时间获取了对应第一显示区(也即第一显示区位于主屏显示区570上)的截屏图像后,用户通过切换按键将电子设备的显示屏幕变为辅屏显示572区,因此,显截屏图像时可将其显示在辅屏显示区572内;或者,在第一时间获取了对应主屏显示区的截屏图像后,用户通过将电子设备的显示屏幕变为辅屏显示区(如将电子设备进行了翻转,辅屏显示区572即变为第一显示区),因此,显示截屏图像时可显示在辅屏显 示区572内。In one embodiment, after the screenshot image in the first display area is acquired at the first time, if the screenshot image is displayed at the second time, there may be a change in the screen corresponding to the first display area of the electronic device of the flexible display screen, so , The screen that displays the screenshot image at the second time will also change accordingly. For example, the user modifies or changes the display screen of the electronic device. For example, after acquiring the screenshot image corresponding to the first display area (that is, the first display area is located on the main screen display area 570) at the first time, the user will switch The display screen of the electronic device becomes the auxiliary screen display area 572, so when displaying the screenshot image, it can be displayed in the auxiliary screen display area 572; or, after the screenshot image corresponding to the main screen display area is acquired at the first time, the user passes The display screen of the electronic device is changed into the auxiliary screen display area (if the electronic device is turned over, the auxiliary screen display area 572 becomes the first display area), therefore, when displaying the screenshot image, it can be displayed in the auxiliary screen display area 572 .
在一实施方式中,于第一时间获取第一显示区(也即第一显示区位于主屏显示区570上)内截屏图像后,若于第二时间显示截屏图像,第一显示区可以变成了辅屏显示区572,此时,可在第二时间将截屏图像显示于辅屏显示区572内,同时,还可将原本会显示在第一子显示区域内5741的操作控件显示在第二子显示区域内5742。In one embodiment, after acquiring the screenshot image in the first display area (that is, the first display area is located on the main screen display area 570) at the first time, if the screenshot image is displayed at the second time, the first display area may become The secondary screen display area 572 is displayed. At this time, the screenshot image can be displayed in the secondary screen display area 572 at the second time. At the same time, the operation controls that would be displayed in the first sub-display area 5741 can be displayed in the second 5742 within the sub display area.
在一实施方式中,当具有柔性显示屏的电子设备处于弯折状态时,可将截屏图像显示在第一显示区内,并将操作控件显示在第二显示区内;当具有柔性显示屏的电子设备处于展开状态时,截屏图像及操作控件均显示在相同的显示区内。In an embodiment, when the electronic device with a flexible display screen is in a bent state, the screenshot image can be displayed in the first display area, and the operation control can be displayed in the second display area; when the flexible display screen has When the electronic device is in the expanded state, the screenshot images and operation controls are displayed in the same display area.
上述基于截屏的交互方法通过将截屏图像显示第一显示区内,并将操作控件显示于不同第一显示区的第二显示区内,有利于用户通过第二显示内来完成对应截屏的交互操作,简化了用户的操作流程。另外,通过在第一显示区内显示具有基本相同分辨率的截屏图像,而无需大幅度的缩小截屏图像,有利于提高用户的体验。对于具有柔性显示屏的电子设备而言,当其处于打开状态时,亦可在相同的显示区内显示截屏图像及操作控件,有利于保持有些用户需求。The above screenshot-based interaction method displays the screenshot image in the first display area and displays the operation controls in the second display area of different first display areas, which is beneficial to the user to complete the interactive operation of the corresponding screenshot through the second display , Simplifying the user's operation process. In addition, by displaying the screenshot images with substantially the same resolution in the first display area without greatly reducing the screenshot images, it is beneficial to improve the user experience. For an electronic device with a flexible display screen, when it is in an open state, it can also display screenshot images and operation controls in the same display area, which is helpful to maintain some user needs.
请参阅图4,所示为本发明提供的第二实施方式中的基于截屏的交互方法的步骤流程图。该交互方法包括如下步骤:Please refer to FIG. 4, which shows a flowchart of steps of a screen capture-based interaction method in a second embodiment provided by the present invention. The interactive method includes the following steps:
步骤200,接收到获取显示于所述电子设备第一显示区的内容的截屏指令。Step 200: Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
步骤202,响应所述截屏指令获取截屏图像。Step 202: Acquire a screenshot image in response to the screenshot command.
步骤204,控制所述截屏图像显示于所述第一显示区内,并控制将与所述截屏图像相关联的操作控件显示于所述电子设备的第二显示区,其中,所述第二显示区与所述第一显示区在所述电子设备的显示屏的不同位置。Step 204: Control the screen shot image to be displayed in the first display area, and control the operation control associated with the screen shot image to be displayed in the second display area of the electronic device, wherein the second display The area and the first display area are at different positions on the display screen of the electronic device.
步骤206,接收到所述操作控件响应用户触控操作所触发的指令。Step 206: Receive an instruction triggered by the operation control in response to the user's touch operation.
电子设备在第二显示区内显示每一操作控件对应的一预设区域,其中,该操作控件包括编辑操作、第一分享操作、第二分享操作。其中,编辑操作用于触发对截屏图像的编辑处理,第一分享操作用于将截屏图像分享到第一应用程序(如微信),第二分享操作用于将截屏图像分享到第二应用程序(如邮箱)。因此,可通过检测操作控件所在的区域是否被触发来判断是否生成指令。当一 区域被触发时,可生成该区域所对应的操控控件的指令。在一实施方式中,用户可在截屏图像上进行长按操作,并将截屏图像由第一显示区滑动到对应的编辑控件上时,可生成对应该编辑控件的的指令,且电子设备可依据滑动的距离对截屏图像进行缩放处理,如当滑动操作离第二显示区的距离越小时,显示于第一显示区内截屏图像的大小越小,可便于大屏电子设备(如8.9英寸、11.1英寸、10.2英寸、12.1英寸、13.3英寸、13.4英寸等显示屏)的操作,亦有利于提升用户的体验。The electronic device displays a preset area corresponding to each operation control in the second display area, where the operation control includes an editing operation, a first sharing operation, and a second sharing operation. Among them, the editing operation is used to trigger the editing process of the screenshot image, the first sharing operation is used to share the screenshot image to the first application (such as WeChat), and the second sharing operation is used to share the screenshot image to the second application ( Such as mailbox). Therefore, whether the instruction is generated can be judged by detecting whether the area where the operation control is located is triggered. When an area is triggered, an instruction of the control control corresponding to the area can be generated. In an embodiment, when the user can perform a long-press operation on the screenshot image and slide the screenshot image from the first display area to the corresponding editing control, an instruction corresponding to the editing control can be generated, and the electronic device can The sliding distance zooms the screenshot image. For example, when the sliding operation is smaller from the second display area, the smaller the size of the screenshot image displayed in the first display area, which is convenient for large-screen electronic devices (such as 8.9 inches, 11.1 Inch, 10.2 inches, 12.1 inches, 13.3 inches, 13.4 inches, etc.) operation is also conducive to enhancing the user experience.
在一实施方式中,第二显示区内可显示具有预设数量的操作控件,而由于第二显示区可显示的操作控件的数量有限,因此,可判断具有预设数量的相关联的操作控件是否可显示于所述第二显示区的同一界面内,若无法在第二显示区的同一界面显示时,可对操作控件执行分页显示操作,如当第二显示区内显示的多个操作图标时,若操作图标不能在一页显示,可在第二显示区域行分页显示,因此,用户在第二显示区内亦可进行简单的翻页和点击等操作,以选择对应的操作控件。所述操作控件可为操作图标或操作按钮,在此不做具体限制。In an embodiment, a preset number of operation controls can be displayed in the second display area, and since the number of operation controls that can be displayed in the second display area is limited, it can be determined that the preset number of associated operation controls Whether it can be displayed on the same interface of the second display area, if it cannot be displayed on the same interface of the second display area, a page display operation can be performed on the operation controls, such as when multiple operation icons are displayed in the second display area At this time, if the operation icon cannot be displayed on one page, it can be displayed in pages in the second display area. Therefore, the user can also perform simple page turning and clicking operations in the second display area to select the corresponding operation control. The operation control may be an operation icon or an operation button, which is not specifically limited herein.
在一实施方式中,电子设备可在显示于第二显示区内的操作控件按预设顺序进行显示,如按照操作控件的使用频率或次数进行排列,可将使用频率最高的操作控件显示于第二显示区的第一位置,将使用频率次之的操作控件显示于第二显示区的第二位置。In one embodiment, the electronic device may display the operation controls displayed in the second display area in a preset order. For example, according to the frequency or number of times the operation controls are used, the operation control with the highest frequency may be displayed on the first In the first position of the second display area, the operation control with the second lowest frequency is displayed in the second position of the second display area.
在电子设备没有接收到截屏指令时,第二显示区可显示其他的应用程序图标,如录音、备忘录、扫一扫、二维码等。When the electronic device does not receive the screen capture command, the second display area may display other application icons, such as recording, memo, scan, QR code, etc.
步骤208,执行所述指令所对应的交互操作。Step 208: Perform the interactive operation corresponding to the instruction.
当生成触发的指令后,可执行对应的交互操作。例如,当指令对应于编辑操作时,可在生成对应编辑操作的应用程序的运行界面于第一显示区内,其中编辑操作的应用程序的运行界面内包括截屏图像,还包括过滤、裁剪等不同的功能选项,以方便用户对截屏图像进行相应的编辑。当指令对应于分享操作时,如在操作控件内点选或将截屏图像拖拽至第一分享操作控件时,电子设备可调用第一分享操作所对应的第一应用程序接口,并可在第一显示区显示应用程序的运行界面,以控制将截屏图像分享至第一分享控件所对应的应用程序中,方便用户进行后续的操作。After the triggered instruction is generated, the corresponding interactive operation can be performed. For example, when the instruction corresponds to an editing operation, the running interface of the application program corresponding to the editing operation may be generated in the first display area, wherein the running interface of the editing operation application program includes a screenshot image, and also includes different filtering, cropping, etc. Function options to facilitate users to edit the screenshot images accordingly. When the instruction corresponds to a sharing operation, such as clicking in the operation control or dragging the screenshot image to the first sharing operation control, the electronic device can call the first application program interface corresponding to the first sharing operation, and A display area displays the running interface of the application program to control the sharing of the screenshot image to the application program corresponding to the first sharing control, so that the user can perform subsequent operations.
在一实施方式中,当第一显示区显示运行界面的同时,可将显示于第二显示区的操作控件作进行隐藏。In one embodiment, when the first display area displays the operation interface, the operation controls displayed in the second display area may be hidden.
当用户对截屏图像完成了编辑操作后,还可触发分享操作控件以将编辑好的截屏图像进行分享,避免了现有用户可能需要在编辑操作与分享操作之间进行界面的切换,简化了用户的操作流程,亦有利于提高用户的体验。After the user completes the editing operation on the screenshot image, it can also trigger the sharing operation control to share the edited screenshot image, which avoids the existing user may need to switch the interface between the editing operation and the sharing operation, simplifying the user The operation process is also conducive to improving the user experience.
上述基于截屏的交互方法还可通过判断在第二显示区内的操作控件所对应的区域是否被触发,并在区域被触发时显示对应的运行界面,用户无需进行操作的跳转即可完成截屏图像的编辑及分享操作。The above screenshot-based interaction method can also determine whether the area corresponding to the operation control in the second display area is triggered, and display the corresponding running interface when the area is triggered, and the user can complete the screenshot without performing an operation jump. Image editing and sharing operations.
请参阅图5,所示为本发明提供的第三实施方式中的基于截屏的交互方法的步骤流程图。该交互方法包括如下步骤:Please refer to FIG. 5, which shows a flowchart of steps in the screenshot-based interaction method in the third embodiment provided by the present invention. The interactive method includes the following steps:
步骤300,接收到获取显示于所述电子设备第一显示区的内容的截屏指令。Step 300: Receive a screen capture instruction to obtain the content displayed in the first display area of the electronic device.
步骤302,响应所述截屏指令获取截屏图像。Step 302: Acquire a screenshot image in response to the screenshot command.
步骤304,控制所述截屏图像显示于所述第一显示区内,并控制将与所述截屏图像相关联的操作控件显示于所述电子设备的第二显示区,其中,所述第二显示区与所述第一显示区在所述电子设备的显示屏的不同区域。 Step 304, controlling the screenshot image to be displayed in the first display area, and controlling the operation controls associated with the screenshot image to be displayed in the second display area of the electronic device, wherein the second display The area and the first display area are in different areas of the display screen of the electronic device.
步骤306,判断是否在预设时间内接收到指令,其中,所述指令基于所述操作控件响应用户操作所触发;若是,执行步骤310;若否,执行步骤308。Step 306: Determine whether an instruction is received within a preset time, wherein the instruction is triggered based on the operation control in response to a user operation; if yes, perform step 310; if not, perform step 308.
当超过预设时间(如在第二显示区内显示操作控件后的预设时间)时,可能表示用户想取消本次截屏操作或是由于在用户不知情的情况下产生误碰而产生的截屏操作,因此,可在该情况下取消本次的截屏操作。在一实施方式中,预设时间可为3秒、或0.3秒或是其他的时间间隔,具体的时间间隔可根据实际需要进行相应的设置。When the preset time is exceeded (such as the preset time after the operation control is displayed in the second display area), it may indicate that the user wants to cancel this screenshot operation or the screenshot caused by accidental touch without the user's knowledge Operation, so you can cancel this screenshot operation in this case. In one embodiment, the preset time may be 3 seconds, or 0.3 seconds, or other time intervals. The specific time interval may be set according to actual needs.
步骤308,控制显示在所述第二显示区内的操作控件进行隐藏。Step 308: Control the operation controls displayed in the second display area to hide.
当超过预设时间,可通过隐藏显示在所述第二显示区内的操作控件来取消本次的截屏操作。在其他实施方式中,亦可取消显示于第一显示区内的截屏图像等来取消本次截屏操作,或是输出相应的提示信息给用户,以确定用户是否要继续或取消本次的截屏操作。When the preset time is exceeded, the current screenshot operation can be canceled by hiding the operation controls displayed in the second display area. In other embodiments, the screenshot image displayed in the first display area can be cancelled to cancel the screenshot operation, or a corresponding prompt message can be output to the user to determine whether the user wants to continue or cancel the screenshot operation .
步骤310,执行所述指令所对应的交互操作。Step 310: Perform the interactive operation corresponding to the instruction.
上述的基于截屏的交互方法中除了上述实施方式的技术效果外,还通过设 置的预设时间来取消本次截屏操作,或是避免在用户不知情的情况下产生误碰而产生的截屏操作,提高了用户的体验。In addition to the technical effects of the above embodiments, the above screenshot-based interaction method also cancels this screenshot operation by setting a preset time, or avoids the screenshot operation caused by accidental touch without the user ’s knowledge. Improve user experience.
请参阅图6,所示为本发明一实施方式中的电子设备的模块示意图。如图6所示,所述电子设备可应用上述的各实施方式,下面对本发明所提供的电子设备50进行描述,电子设备50还可包括处理器500、存储装置502及显示屏504,以及存储在所述存储装置502中并可向所述处理器500上运行的计算机程序(指令),所述电子设备50还可以包括其他的硬件部分,例如按键、指纹采集模组、通信装置等,在此不再赘述。所述处理器500可通过总线506与存储装置502及显示屏504进行数据交换。Please refer to FIG. 6, which is a schematic block diagram of an electronic device according to an embodiment of the present invention. As shown in FIG. 6, the above-mentioned embodiments can be applied to the electronic device. The following describes the electronic device 50 provided by the present invention. The electronic device 50 may further include a processor 500, a storage device 502, a display screen 504, and storage In the storage device 502 and a computer program (instructions) that can be run on the processor 500, the electronic device 50 may also include other hardware parts, such as buttons, fingerprint collection modules, communication devices, etc., This will not be repeated here. The processor 500 can exchange data with the storage device 502 and the display screen 504 through the bus 506.
所述处理器500可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等,所述处理器是所述电子设备50的控制中心,利用各种接口和线路连接整个电子设备50的各个部分。The processor 500 may be a central processing unit (Central Processing Unit, CPU), or other general-purpose processors, digital signal processors (Digital Signal Processors, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), Ready-made programmable gate array (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc. The processor is the control center of the electronic device 50, and uses various interfaces and lines to connect the various parts of the entire electronic device 50 .
所述存储装置502可用于存储所述计算机程序和/或模块,所述处理器500通过运行或执行存储在所述存储装置502内的计算机程序和/或模块,以及调用存储在存储装置502内的数据,实现所述基于截屏的交互方法的各种功能。所述存储装置502可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储根据手机的使用所创建的数据等。此外,存储装置502可以包括高速随机存取存储装置,还可以包括非易失性存储装置,例如硬盘、内存、插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)、至少一个磁盘存储装置件、闪存器件、或其他易失性固态存储装置件。The storage device 502 may be used to store the computer program and / or module. The processor 500 executes or executes the computer program and / or module stored in the storage device 502 and calls the storage device 502. Data to realize various functions of the screenshot-based interaction method. The storage device 502 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, at least one function required application programs, etc .; the storage data area may store data created according to the use of a mobile phone, etc. . In addition, the storage device 502 may include a high-speed random access storage device, and may also include a non-volatile storage device, such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart, Media, Card, SMC), and a secure digital (Secure Digital) , SD) card, flash memory card (Flash Card), at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.
所述显示屏504,可包括正面触控显示区以及侧边触控显示区,可以显示用户界面(UI)或图形用户界面(GUI),包括照片、视频、聊天内容等数据,显示屏504还可以用作输入装置和输出装置,显示屏可以包括液晶显示器(LCD)、薄膜晶体管LCD(TFT-LCD)、有机发光二极管(OLED)触摸显示器、柔性触摸 显示器、三维(3D)触摸显示器、墨水屏显示器等中的至少一种,可在显示屏504内置指纹模组,以用于采集用户在显示屏504的触控操作时的指纹信息。所述显示屏504可包括一个或多个显示屏幕。The display screen 504 may include a front touch display area and a side touch display area, and may display a user interface (UI) or a graphical user interface (GUI), including data such as photos, videos, and chat content. The display screen 504 also includes Can be used as input device and output device, the display screen can include liquid crystal display (LCD), thin film transistor LCD (TFT-LCD), organic light-emitting diode (OLED) touch display, flexible touch display, three-dimensional (3D) touch display, ink screen At least one of the display and the like may have a fingerprint module built into the display screen 504 to collect fingerprint information of the user during the touch operation of the display screen 504. The display screen 504 may include one or more display screens.
所述处理器500执行所述计算机程序时实现上述各个实施例中基于截屏的交互方法中的步骤,例如图1所示的步骤100-104、图2所示的步骤200-205、图3所示的步骤300-310。或者,所述处理器500执行所述计算机程序时实现各模块/单元的功能。When the processor 500 executes the computer program, the steps in the screenshot-based interaction method in the foregoing embodiments are implemented, for example, steps 100-104 shown in FIG. 1, steps 200-205 shown in FIG. 2, and steps shown in FIG. 3.示 的 步骤 300-310. Alternatively, the processor 500 implements the functions of each module / unit when executing the computer program.
示例性的,所述计算机程序可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储装置502中,并由所述处理器500执行,以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序在所述电子设备50中的执行过程,以实现上述各个实施例中基于截屏的交互方法中的步骤。Exemplarily, the computer program may be divided into one or more modules / units, and the one or more modules / units are stored in the storage device 502 and executed by the processor 500 to complete this invention. The one or more modules / units may be a series of computer program instruction segments capable of performing specific functions, and the instruction segments are used to describe the execution process of the computer program in the electronic device 50, so as to implement the above embodiments Steps in the interactive method based on screenshots.
请一并参阅图7,所示为本发明一实施方式中的截屏操作的示意图。电子设备50的显示屏可包括第一显示区510及第二显示区512,其中第一显示区510内可包括位于第一显示区510上部的状态栏518、位于第一显示区510中间的应用程序图标区域514及位于第一显示区510下部的导航栏520。Please refer to FIG. 7 together, which is a schematic diagram of a screen capture operation according to an embodiment of the present invention. The display screen of the electronic device 50 may include a first display area 510 and a second display area 512, wherein the first display area 510 may include a status bar 518 located above the first display area 510, and an application located in the middle of the first display area 510 The program icon area 514 and the navigation bar 520 located at the lower part of the first display area 510.
处理器500用于接收到获取显示于第一显示区510的截屏指令。例如,当用户按键截屏按键(如同时按下电子设备的电源按键及音量减少键等实体按键,或是从状态栏518中点击截屏图标“Screenshot”)时,处理器500可获得用户输入的截屏指令。在另一实施方式中,亦可通过第三方软件来获得截屏指令,如当用户打开第三方应用程序(如点选截屏应用程序的图标)时,处理器500可接收到截屏指令,或是用户选择第三方应用程序提供的截屏选项(如微博应用程序提供的截屏功能菜单)时,处理器500亦可获得截屏指令。The processor 500 is used for receiving a screen capture instruction displayed in the first display area 510. For example, when the user presses a screenshot button (such as pressing a physical button such as the power button and volume down button of the electronic device at the same time, or clicking the screenshot icon "Screenshot" from the status bar 518), the processor 500 may obtain a screenshot input by the user instruction. In another embodiment, a third-party software may also be used to obtain the screenshot command. For example, when the user opens a third-party application (such as clicking the icon of the screenshot application), the processor 500 may receive the screenshot command, or the user When a screenshot option provided by a third-party application (such as a screenshot function menu provided by a Weibo application) is selected, the processor 500 can also obtain a screenshot instruction.
请一并参阅图8,所示为本发明的一实施方式中的生成截屏图像的示意图。处理器500还用于获取对应所述电子设备50第一显示区510的截屏图像524。Please refer to FIG. 8 together, which is a schematic diagram of generating a screenshot image in an embodiment of the present invention. The processor 500 is further used to obtain a screenshot image 524 corresponding to the first display area 510 of the electronic device 50.
处理器500在接收截屏指令后,可对第一显示区510显示的内容进行截屏操作,以得到对应所述第一显示区的截屏图像524。After receiving the screen capture instruction, the processor 500 may perform a screen capture operation on the content displayed in the first display area 510 to obtain a screen capture image 524 corresponding to the first display area.
当第一显示区510显示的为应用程序界面时,处理器500获取的截屏截屏 图像524可包括应用程序界面、状态栏518及导航栏520的内容;当第一显示区510显示的为系统界面时,截屏图像524可包括应用程序图标区域514、状态栏518及导航栏520。When the first display area 510 displays an application program interface, the screenshot image 524 obtained by the processor 500 may include the contents of the application program interface, status bar 518, and navigation bar 520; when the first display area 510 displays a system interface At this time, the screenshot image 524 may include an application icon area 514, a status bar 518, and a navigation bar 520.
处理器500用于将所述截屏图像524显示于所述第一显示区510内,并显示与所述截屏图像524相关联的操作控件516于所述电子设备的第二显示区512。The processor 500 is used for displaying the screenshot image 524 in the first display area 510 and displaying the operation control 516 associated with the screenshot image 524 in the second display area 512 of the electronic device.
为方便用户针对截屏后的操作,处理器500可将与所述截屏图像524相关联的操作控件516显示于第二显示区512内,而将截屏图像524显示在第一显示区510,如此,用户可通过位于第二显示区512的操作控件516来对截屏图像524进行的交互操作,包括但不限于对截屏图像524进行的编辑操作或是对截屏图像进行的分享操作。To facilitate the user's operation after the screenshot, the processor 500 may display the operation control 516 associated with the screenshot image 524 in the second display area 512, and display the screenshot image 524 in the first display area 510. The user can perform interactive operations on the screenshot image 524 through the operation controls 516 located in the second display area 512, including but not limited to editing operations on the screenshot image 524 or sharing operations on the screenshot images.
电子设备在进行截屏操作时,处理器500可通过调用操作系统提供的接口或直接读取framebuffer设备来实现截屏,以得到所述截屏图像524。当第一显示区510显示的界面为系统界面时,第一显示区510的分辨率可为1080*2246像素(长*宽),通过截屏操作后得到的截屏图像524的分辨率亦可为1080*2246像素;或是得到的截屏图像524的分辨率为1080*2102像素。处理器500在将截屏图像524显示于第一显示区510内时,第一显示区510的第一分辨率存在至少一方向上(长度方向及/或宽度方向)与显示截屏图像524占第一显示区510的第二分辨率相同。例如,当第一显示区510的第一分辨率为1080*2246时,处理器500显示的截屏图像524占第一显示的第二分辨率为1080*2246时,表示截屏图像524以全屏显示的方式显示在第一显示区510内,也表示了第一显示区510的第一分辨率在长度方向及宽度方向与显示截屏图像524所占第一显示区510内的第二分辨率均相同;当第一显示区510的第一分辨率为1080*2246时,处理器500显示截屏图像524占第一显示的第二分辨率为1080*2102时,表示第一显示区510的第一分辨率在长度方向与显示截屏图像524所占第一显示区510内的第二分辨率的长度方向相同,而第一显示区510的第一分辨率在宽度方向与显示截屏图像524所占第一显示区510内的第二分辨率的宽度方向不相同。When the electronic device performs the screen capture operation, the processor 500 may implement the screen capture by calling the interface provided by the operating system or directly reading the framebuffer device to obtain the screen capture image 524. When the interface displayed in the first display area 510 is a system interface, the resolution of the first display area 510 may be 1080 * 2246 pixels (length * width), and the resolution of the screenshot image 524 obtained through the screenshot operation may also be 1080 * 2246 pixels; or the resolution of the screenshot 524 obtained is 1080 * 2102 pixels. When the processor 500 displays the screenshot image 524 in the first display area 510, the first resolution of the first display area 510 has at least one direction (length direction and / or width direction) and the display screenshot image 524 occupies the first display The second resolution of area 510 is the same. For example, when the first resolution of the first display area 510 is 1080 * 2246, and the screenshot image 524 displayed by the processor 500 occupies the second resolution of the first display of 1080 * 2246, it means that the screenshot image 524 is displayed in full screen The method is displayed in the first display area 510, which also indicates that the first resolution of the first display area 510 is the same as the second resolution in the first display area 510 occupied by the display screenshot 524 in the length and width directions; When the first resolution of the first display area 510 is 1080 * 2246, and the processor 500 displays the screenshot image 524 as the second resolution of the first display is 1080 * 2102, it means the first resolution of the first display area 510 The length direction is the same as the length direction of the second resolution in the first display area 510 occupied by the display screenshot 524, and the first resolution of the first display area 510 is the same as the first display in the width direction displayed by the screenshot The width direction of the second resolution in the area 510 is different.
处理器500也可在所述第一显示区510内显示与所述第一显示区510大小 基本相同的所述截屏图像524。在生成截屏图像524时,由于截屏图像524与第一显示区510的分辨率基本相同,故此在截屏后,可能存在用户无法分辨是否截屏成功,因此,处理器500可对截屏图像524进行预设处理,生成包含边框的截屏图像524。之后,处理器500可在第一显示区510内显示包含边框的截屏图像524。由于边框存在一定的宽度,如此,显示在第一显示区510内的截屏图像524会小于第一显示区510的大小,因而,截屏图像524在第一显示区510的大小会小于第一显示区510的大小,而所述第一显示区510的大小与所述预处理图像的大小相等。The processor 500 may also display the screenshot image 524 in the first display area 510 that is substantially the same size as the first display area 510. When the screenshot image 524 is generated, since the resolution of the screenshot image 524 is basically the same as the resolution of the first display area 510, after the screenshot, the user may not be able to distinguish whether the screenshot is successful. Therefore, the processor 500 may preset the screenshot image 524 Processing, generating a screenshot image 524 containing a frame. After that, the processor 500 may display the screenshot image 524 including the frame in the first display area 510. Since the frame has a certain width, the screenshot image 524 displayed in the first display area 510 will be smaller than the size of the first display area 510, so the size of the screenshot image 524 in the first display area 510 will be smaller than the first display area The size of 510, and the size of the first display area 510 is equal to the size of the pre-processed image.
对于具有曲面屏的电子设备而言,截屏图像524可显示于主屏显示区所对应第一显示区510内,操作控件516可显示于侧屏显示区所对应第二显示区512内。For an electronic device with a curved screen, the screenshot image 524 can be displayed in the first display area 510 corresponding to the main screen display area, and the operation control 516 can be displayed in the second display area 512 corresponding to the side screen display area.
对于具有柔性显示屏的电子设备而言,处理器500还可用于获取电子设备50的工作状态,如弯折状态或展开状态。当电子设备50处于弯折状态时,处理器500可将截屏图像524显示于对应第一显示区510的主屏显示区或辅屏显示区内,并将操作控件516显示于对应第二显示区512的曲屏显示区内。For an electronic device with a flexible display screen, the processor 500 can also be used to obtain the working state of the electronic device 50, such as a bent state or an unfolded state. When the electronic device 50 is in the bent state, the processor 500 may display the screenshot image 524 in the main screen display area or the auxiliary screen display area corresponding to the first display area 510, and display the operation control 516 in the corresponding second display area 512 In the screen display area.
处理器500用于判断是否在预设时间内接收到指令,其中,所述指令基于所述操作控件响应用户操作所触发,若是,可能表示用户想取消本次截屏操作或是由于在用户不知情的情况下产生误碰而产生的截屏操作,此时,处理器500可隐藏显示在所述第二显示区512内的操作控件516来取消本次的截屏操作。在其他实施方式中,处理器500亦可取消或隐藏显示于第一显示区510内的截屏图像524等来取消本次截屏操作,或是输出相应的提示信息给用户,以确定用户是否要继续或取消本次的截屏操作。其中,预设时间可为3秒、或0.3秒或是其他的时间间隔,具体的时间间隔可根据实际需要进行相应的设置。The processor 500 is used to determine whether an instruction is received within a preset time, wherein the instruction is triggered based on the operation control in response to a user operation, and if so, it may indicate that the user wants to cancel the screenshot operation or because the user does not know In the case of an accidental screenshot operation, the processor 500 may hide the operation control 516 displayed in the second display area 512 to cancel the current screenshot operation. In other embodiments, the processor 500 may also cancel or hide the screenshot image 524 displayed in the first display area 510 to cancel the screenshot operation, or output a corresponding prompt message to the user to determine whether the user wants to continue Or cancel this screenshot operation. The preset time can be 3 seconds, 0.3 seconds, or other time intervals. The specific time interval can be set according to actual needs.
处理器500可控制第二显示区512内显示对应操作控件516的预设区域,其中每一预设区域可为对应操作控件的图标所在的区域。操作控件516包括但不限于编辑操作、第一分享操作、第二分享操作图标,其中,编辑操作用于触发对截屏图像的编辑处理,第一分享操作用于将截屏图像分享到第一应用程序,第二分享操作用于将截屏图像分享到第二应用程序。。The processor 500 may control the second display area 512 to display preset areas corresponding to the operation controls 516, wherein each preset area may be an area where the icon of the corresponding operation control is located. The operation control 516 includes, but is not limited to, an editing operation, a first sharing operation, and a second sharing operation icon, where the editing operation is used to trigger the editing process of the screenshot image, and the first sharing operation is used to share the screenshot image to the first application , The second sharing operation is used to share the screenshot image to the second application. .
请一并参阅图9,所示为本发明的一实施方式中的滑动操作的示意图。处 理器500可通过检测操作控件所在的区域是否被触发。当所述区域被触发时,处理器500可生成所述区域所对应的操作控件的指令。当对应区域被点击或是存在由第一显示区510滑动至第二显示区512的滑动操作时,处理器500生成指令。例如,在操作控件516内的编辑操作图标被点击,用户可在截屏图像524上进行长按操作,并将截屏图像524由第一显示区滑动到对应的编辑控件上时,处理器500可生成对应编辑操作的指令。在由第一显示区510滑动至第二显示区512时,处理器500可依据滑动的距离对第一显示区510内的截屏图像524进行缩放处理并进行显示,如当滑动操作离第二显示区512的距离越小时,处理器500可将显示于第一显示区510内截屏图像524的大小越小,可便于大屏电子设备的操作,亦有利于提升用户的体验。Please also refer to FIG. 9, which is a schematic diagram of a sliding operation in an embodiment of the present invention. The processor 500 can detect whether the area where the operation control is located is triggered. When the area is triggered, the processor 500 may generate an instruction of an operation control corresponding to the area. When the corresponding area is clicked or there is a sliding operation from the first display area 510 to the second display area 512, the processor 500 generates an instruction. For example, when the editing operation icon in the operation control 516 is clicked, the user can perform a long-press operation on the screenshot image 524, and slide the screenshot image 524 from the first display area to the corresponding editing control, the processor 500 may generate Commands corresponding to editing operations. When sliding from the first display area 510 to the second display area 512, the processor 500 may zoom and display the screenshot image 524 in the first display area 510 according to the sliding distance, such as when the sliding operation is away from the second display The smaller the distance of the area 512, the smaller the size of the screenshot image 524 displayed in the first display area 510 by the processor 500, which can facilitate the operation of a large-screen electronic device and also help to improve the user experience.
在一实施方式中,第二显示区512内可显示具有预设数量的操作控件,而由于第二显示区512可显示的操作控件的数量有限,因此,处理器500可判断具有预设数量的所述相关联的操作控件是否可以显示于所述第二显示区的同一界面内,若无法在第二显示区的同一界面显示操作控件时,处理器500可对操作控件执行分页显示操作,以将操作控件显示在不同的分页界面内,因此,用户在第二显示区内亦可进行简单的翻页和点击等操作,以选择对应的操作控件。In an embodiment, the second display area 512 can display a preset number of operation controls, and since the number of operation controls that the second display area 512 can display is limited, the processor 500 can determine that the preset number of operation controls Whether the associated operation control can be displayed in the same interface of the second display area, if the operation control cannot be displayed on the same interface of the second display area, the processor 500 can perform a paging display operation on the operation control, to The operation controls are displayed in different paging interfaces, therefore, the user can also perform simple page turning and clicking operations in the second display area to select the corresponding operation controls.
在一实施方式中,处理器500可在显示于第二显示区内的操作控件按预设顺序进行显示,如按照操作控件的使用频率或次数进行排列,可将使用频率最高的操作控件显示于第二显示区的第一位置,将使用频率次之的操作控件显示于第二显示区的第二位置。In an embodiment, the processor 500 may display the operation controls displayed in the second display area in a preset order. For example, according to the frequency or number of times the operation controls are used, the operation controls with the highest frequency may be displayed on In the first position of the second display area, the operation control with the second lowest frequency of use is displayed in the second position of the second display area.
在没有接收到截屏指令时,处理器500在第二显示区512内可显示其他的应用程序图标,如录音、备忘录、扫一扫、二维码等。When the screen capture instruction is not received, the processor 500 may display other application icons in the second display area 512, such as recording, memo, scan, QR code, etc.
请一并参阅图10,所示为本发明的一实施方式中的运行界面的示意图。当处理器500生成指令后,处理器500可在第一显示区510内显示对应的运行界面522,以执行对应的交互操作。例如,当指令对应于编辑操作时,处理器500可在生成编辑操作的运行界面522于第一显示区510内,其中编辑的运行界面522中截屏图像,还包括过滤、裁剪等不同的功能选项,以方便用户对截屏图像524进行相应的编辑。当指令对应于分享操作时,如在操作控件内点选 或将截屏图像524拖拽至第一分享操作控件时,处理器500可调用第一分享操作所对应的第一应用程序接口,并可在第一显示区510显示应用程序的运行界面522,以控制将截屏图像524分享至第一分享控件所对应的应用程序中,方便用户进行后续的操作。Please refer to FIG. 10 together, which is a schematic diagram of an operation interface in an embodiment of the present invention. After the processor 500 generates an instruction, the processor 500 may display the corresponding running interface 522 in the first display area 510 to perform the corresponding interactive operation. For example, when the instruction corresponds to an editing operation, the processor 500 may generate an operation interface 522 of the editing operation in the first display area 510, wherein the screenshot image in the editing operation interface 522 also includes different functional options such as filtering and cropping To facilitate the user to edit the screenshot 524 accordingly. When the instruction corresponds to a sharing operation, such as clicking in the operation control or dragging the screenshot image 524 to the first sharing operation control, the processor 500 may call the first application program interface corresponding to the first sharing operation, and may The running interface 522 of the application program is displayed on the first display area 510 to control the sharing of the screenshot image 524 to the application program corresponding to the first sharing control, so that the user can perform subsequent operations.
当用户选择的编辑操作完成后,可在触发分享操作控件对应的区域,以将编辑完成后的截屏图像524进行分享,避免了现有用户可能需要在编辑操作与分享操作之间进行界面的切换,简化了用户的操作流程,亦有利于提高用户的体验。After the editing operation selected by the user is completed, the screenshot corresponding image 524 after the editing can be shared in the area corresponding to the triggering sharing operation control, avoiding the existing user who may need to switch between the editing operation and the sharing operation , Simplifies the user's operation process, and also helps to improve the user's experience.
在一实施方式中,当在第一显示区510内显示了运行界面后,处理器500可同时将显示在第二显示区512内的操作控件进行隐藏显示,可用于提示用户本次的截屏图像524可进行后续的交互操作。In one embodiment, after the running interface is displayed in the first display area 510, the processor 500 can simultaneously hide the operation controls displayed in the second display area 512, which can be used to prompt the user of the screenshot image 524 can perform subsequent interactive operations.
上述电子设备通过将截屏图像显示第一显示区内,并将操作控件显示于不同第一显示区的第二显示区内,有利于用户通过第二显示内来完成对应截屏的交互操作,而无需需要进行操作的跳转,简化了用户的操作流程。另外,通过在第一显示区内显示具有基本相同分辨率的截屏图像,而无需大幅度的缩小截屏图像,有利于提高用户的体验。对于具有柔性显示屏的电子设备而言,当其处于打开状态时,亦可在相同的显示区内显示截屏图像及操作控件,有利于保持有些用户需要。另外,通过判断在第二显示区内的预设区域是否被触发,并在预设区域被触发时在第一显示区内显示对应的运行界面,用户无需进行操作的跳转。The above electronic device displays the screenshot image in the first display area and displays the operation controls in the second display area in different first display areas, which is beneficial to the user to complete the interactive operation of the corresponding screenshot through the second display, without The operation jump is required, which simplifies the user's operation process. In addition, by displaying the screenshot images with substantially the same resolution in the first display area without greatly reducing the screenshot images, it is beneficial to improve the user experience. For an electronic device with a flexible display screen, when it is in an open state, a screenshot image and operation controls can also be displayed in the same display area, which is helpful for maintaining some user needs. In addition, by judging whether the preset area in the second display area is triggered, and displaying the corresponding running interface in the first display area when the preset area is triggered, the user does not need to perform an operation jump.
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。In the above embodiments, the description of each embodiment has its own emphasis. For a part that is not detailed in an embodiment, you can refer to related descriptions in other embodiments.
以上对本发明实施例进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。The embodiments of the present invention have been described in detail above, and specific examples have been used in this article to explain the principles and implementations of the present invention. The descriptions of the above embodiments are only used to help understand the method and the core idea of the present invention; Those of ordinary skill in the art, according to the ideas of the present invention, may have changes in specific implementations and application scopes. In summary, the content of this specification should not be construed as limiting the present invention.

Claims (21)

  1. 一种基于截屏的交互方法,应用于包括显示屏的电子设备,其特征在于,所述交互方法包括:An interactive method based on a screenshot is applied to an electronic device including a display screen. The interactive method includes:
    接收到获取显示于所述显示屏的第一显示区的内容的截屏指令;Receiving a screen capture instruction to obtain the content displayed in the first display area of the display screen;
    响应所述截屏指令获取截屏图像;Acquiring a screenshot image in response to the screenshot command;
    将所述截屏图像显示于所述第一显示区内,并将与所述截屏图像相关联的操作控件显示于所述显示屏的第二显示区,其中,所述第二显示区与所述第一显示区为所述显示屏的不同区域。Displaying the screenshot image in the first display area, and displaying operation controls associated with the screenshot image in the second display area of the display screen, wherein the second display area and the The first display area is a different area of the display screen.
  2. 如权利要求1所述的交互方法,其特征在于,所述显示屏为曲面屏,所述第一显示区为所述曲面屏与所述电子设备的壳体正面相对应的显示区,所述第二显示区为所述曲面屏与所述电子设备的壳体侧边相对应的显示区。The interaction method according to claim 1, wherein the display screen is a curved screen, and the first display area is a display area of the curved screen corresponding to the front of the housing of the electronic device, the The second display area is a display area corresponding to the curved screen and the side of the casing of the electronic device.
  3. 如权利要求1所述的交互方法,其特征在于,所述显示屏为柔性显示屏,所述第一显示区为所述柔性屏处于弯折状态下与所述电子设备的壳体正面相对应的显示区,所述第二显示区为所述柔性显示屏与所述电子设备的壳体侧面相对应的显示区。The interaction method according to claim 1, wherein the display screen is a flexible display screen, and the first display area corresponds to the front of the housing of the electronic device when the flexible screen is in a bent state The second display area is a display area corresponding to the flexible display screen and the side of the housing of the electronic device.
  4. 如权利要求2或3所述的交互方法,其特征在于,所述交互方法还包括:The interaction method according to claim 2 or 3, wherein the interaction method further comprises:
    接收到所述操作控件响应用户触控操作所触发的指令;Receiving an instruction triggered by the operation control in response to the user's touch operation;
    执行所述指令所对应的交互操作。Perform the interactive operation corresponding to the instruction.
  5. 如权利要求4所述的交互方法,其特征在于,所述操作控件包括编辑控件和分享控件,所述编辑控件用于对所述截屏图像进行编辑,所述分享控件用于将所述截屏图像分享到应用程序的运行界面中。The interaction method according to claim 4, wherein the operation control comprises an editing control and a sharing control, the editing control is used to edit the screenshot image, and the sharing control is used to convert the screenshot image Share to the running interface of the application.
  6. 如权利要求5所述的交互方法,其特征在于,所述执行所述指令所对应的交互操作,具体包括:The interactive method according to claim 5, wherein the interactive operation corresponding to the execution of the instruction specifically includes:
    当所述截屏图像上接收到长按操作且由所述第一显示区滑动到所述编辑控件上时,控制对所述截屏图像进行编辑操作。When a long-press operation is received on the screenshot image and the first display area is slid onto the editing control, the editing operation on the screenshot image is controlled.
  7. 如权利要求6所述的交互方法,其特征在于,所述交互方法还包括:The interaction method according to claim 6, wherein the interaction method further comprises:
    控制在所述第一显示区显示所述截屏图像的编辑界面,所述编辑界面包括有不同的编辑功能的选项。Controlling an editing interface for displaying the screenshot image in the first display area, the editing interface including options for different editing functions.
  8. 如权利要求6所述的交互方法,其特征在于,所述控制对所述截屏图像进行编辑操作之后,具体包括:The interaction method according to claim 6, wherein after the editing operation of the screenshot image, the control specifically includes:
    控制隐藏显示于第二显示区的操作控件。Control to hide the operation controls displayed in the second display area.
  9. 如权利要求5所述的交互方法,其特征在于,当所述分享控件接收到触控操作时,控制将所述截屏图像分享到所述分享控件所对应的应用程序中。The interaction method according to claim 5, wherein when the sharing control receives a touch operation, it controls to share the screenshot image to an application corresponding to the sharing control.
  10. 如权利要求9所述的交互方法,其特征在于,所述控制将所述截屏图像分享到所述分享控件对应的应用程序中,具体包括:The interaction method according to claim 9, wherein the controlling to share the screenshot image to an application corresponding to the sharing control specifically includes:
    控制在第一显示区内显示所述应用程序的运行界面,所述运行界面中包括有所述截屏图像。Controlling to display the running interface of the application program in the first display area, and the running interface includes the screenshot image.
  11. 一种电子设备,其特征在于,所述电子设备包括:An electronic device, characterized in that the electronic device includes:
    显示屏,包括第一显示区及第二显示区,所述第二显示区与所述第一显示区为所述显示屏的不同区域;The display screen includes a first display area and a second display area, and the second display area and the first display area are different areas of the display screen;
    处理器,用于接收到获取显示于所述显示屏的第一显示区的内容的截屏指令;所述处理器用于响应所述截屏指令获取截屏图像,并将所述截屏图像显示于所述第一显示区内;所述处理器还用于将与所述截屏图像相关联的操作控件显示于所述显示屏的第二显示区。A processor, configured to receive a screen capture instruction for acquiring the content displayed in the first display area of the display screen; the processor is configured to obtain a screen capture image in response to the screen capture instruction, and display the screen capture image on the first A display area; the processor is further used to display the operation controls associated with the screenshot image on the second display area of the display screen.
  12. 如权利要求11所述的电子设备,其特征在于,所述显示屏为曲面屏,所述第一显示区为所述曲面屏与所述电子设备的壳体正面相对应的显示区,所述第二显示区为所述曲面屏与所述电子设备的壳体侧边相对应的显示区。The electronic device according to claim 11, wherein the display screen is a curved screen, and the first display area is a display area of the curved screen corresponding to the front of the housing of the electronic device, the The second display area is a display area corresponding to the curved screen and the side of the casing of the electronic device.
  13. 如权利要求11所述的电子设备,其特征在于,所述显示屏为柔性显示屏,所述第一显示区为所述柔性屏处于弯折状态下与所述电子设备的壳体正面相对应的显示区,所述第二显示区为所述柔性显示屏与所述电子设备的壳体侧面相对应的显示区。The electronic device according to claim 11, wherein the display screen is a flexible display screen, and the first display area is that the flexible screen is in a bent state corresponding to the front of the housing of the electronic device The second display area is a display area corresponding to the flexible display screen and the side of the housing of the electronic device.
  14. 如权利要求12或13所述的电子设备,其特征在于,所述处理器还用于在接收到所述操作控件响应用户操作所触发的指令后执行所述指令所对应的交互操作。The electronic device according to claim 12 or 13, wherein the processor is further configured to execute an interactive operation corresponding to the instruction after receiving an instruction triggered by the operation control in response to a user operation.
  15. 如权利要求14所述的电子设备,其特征在于,所述操作控件包括编辑控件和分享控件,所述编辑控件用于对所述截屏图像进行编辑,所述分享控件用于将所述截屏图像分享到应用程序的运行界面中。The electronic device according to claim 14, wherein the operation control comprises an editing control and a sharing control, the editing control is used to edit the screenshot image, and the sharing control is used to convert the screenshot image Share to the running interface of the application.
  16. 如权利要求15所述的电子设备,其特征在于,所述处理器还用于在所述截屏图像上接收到长按操作且由所述第一显示区滑动到所述编辑控件上时控制对所述截屏图像进行编辑操作。The electronic device according to claim 15, wherein the processor is further configured to control the control when a long-press operation is received on the screenshot image and the first display area is slid onto the editing control Edit the screenshot image.
  17. 如权利要求16所述的电子设备,其特征在于,所述处理器还用于控制在所述第一显示区显示所述截屏图像的编辑界面,所述编辑界面包括有不同的编辑功能的选项。The electronic device of claim 16, wherein the processor is further configured to control an editing interface that displays the screenshot image in the first display area, the editing interface includes options for different editing functions .
  18. 如权利要求16所述的电子设备,其特征在于,所述处理器还用于在控制对所述截屏图像进行编辑操作之后,控制隐藏显示于第二显示区的操作控件。The electronic device according to claim 16, wherein the processor is further configured to control hiding the operation controls displayed in the second display area after controlling the editing operation on the screenshot image.
  19. 如权利要求15所述的电子设备,其特征在于,所述处理器还用于当所述分享控件接收到触控操作时,控制将所述截屏图像分享到所述分享控件所对应的应用程序中。The electronic device according to claim 15, wherein the processor is further configured to control the sharing of the screenshot image to an application corresponding to the sharing control when the sharing control receives a touch operation in.
  20. 如权利要求19所述的电子设备,其特征在于,所述处理还用于控制在第一显示区内显示所述应用程序的运行界面,所述运行界面中包括有所述截屏图像。The electronic device of claim 19, wherein the processing is further used to control the display of the running interface of the application program in the first display area, the running interface including the screenshot image.
  21. 一种计算机可读存储介质,存储有计算机指令,其特征在于,所述计算机指令被处理器执行时实现如权利要求1至10中任意一项所述的基于截屏的交互方法。A computer-readable storage medium storing computer instructions, characterized in that, when the computer instructions are executed by a processor, a screen capture-based interaction method according to any one of claims 1 to 10 is implemented.
PCT/CN2018/113700 2018-11-02 2018-11-02 Screenshot interaction method, electronic device, and computer-readable storage medium WO2020087504A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201880096018.2A CN112889020A (en) 2018-11-02 2018-11-02 Interaction method based on screen capture, electronic device and computer readable storage medium
PCT/CN2018/113700 WO2020087504A1 (en) 2018-11-02 2018-11-02 Screenshot interaction method, electronic device, and computer-readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2018/113700 WO2020087504A1 (en) 2018-11-02 2018-11-02 Screenshot interaction method, electronic device, and computer-readable storage medium

Publications (1)

Publication Number Publication Date
WO2020087504A1 true WO2020087504A1 (en) 2020-05-07

Family

ID=70462496

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/113700 WO2020087504A1 (en) 2018-11-02 2018-11-02 Screenshot interaction method, electronic device, and computer-readable storage medium

Country Status (2)

Country Link
CN (1) CN112889020A (en)
WO (1) WO2020087504A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112486385A (en) * 2020-11-30 2021-03-12 维沃移动通信有限公司 File sharing method and device, electronic equipment and readable storage medium
US20220030105A1 (en) * 2018-09-30 2022-01-27 Huawei Technologies Co., Ltd. Screenshot Generating Method, Control Method, and Electronic Device

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150128017A1 (en) * 2013-11-06 2015-05-07 International Business Machines Corporation Enabling interactive screenshots within collaborative applications
CN105812563A (en) * 2016-03-10 2016-07-27 上海银天下科技有限公司 Picture sending method and device
CN105930084A (en) * 2016-04-20 2016-09-07 乐视控股(北京)有限公司 Screenshot picture editing method and apparatus
CN106598462A (en) * 2016-12-19 2017-04-26 上海异势信息科技有限公司 Screen shot sharing method and device
CN107291839A (en) * 2017-05-31 2017-10-24 广州三星通信技术研究有限公司 Share the method and apparatus of picture

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150128017A1 (en) * 2013-11-06 2015-05-07 International Business Machines Corporation Enabling interactive screenshots within collaborative applications
CN105812563A (en) * 2016-03-10 2016-07-27 上海银天下科技有限公司 Picture sending method and device
CN105930084A (en) * 2016-04-20 2016-09-07 乐视控股(北京)有限公司 Screenshot picture editing method and apparatus
CN106598462A (en) * 2016-12-19 2017-04-26 上海异势信息科技有限公司 Screen shot sharing method and device
CN107291839A (en) * 2017-05-31 2017-10-24 广州三星通信技术研究有限公司 Share the method and apparatus of picture

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20220030105A1 (en) * 2018-09-30 2022-01-27 Huawei Technologies Co., Ltd. Screenshot Generating Method, Control Method, and Electronic Device
US11930130B2 (en) * 2018-09-30 2024-03-12 Huawei Technologies Co., Ltd. Screenshot generating method, control method, and electronic device
CN112486385A (en) * 2020-11-30 2021-03-12 维沃移动通信有限公司 File sharing method and device, electronic equipment and readable storage medium

Also Published As

Publication number Publication date
CN112889020A (en) 2021-06-01

Similar Documents

Publication Publication Date Title
US12192617B2 (en) User interfaces for capturing and managing visual media
US11706521B2 (en) User interfaces for capturing and managing visual media
US11709560B2 (en) Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator
US11023055B2 (en) Devices, methods, and graphical user interfaces for an electronic device interacting with a stylus
US11128802B2 (en) Photographing method and mobile terminal
EP3091426B1 (en) User terminal device providing user interaction and method therefor
WO2018192390A1 (en) Photographing method of mobile terminal, and mobile terminal
CN108353126B (en) Handle method, electronic equipment and the computer readable storage medium of the content of camera
US8760557B2 (en) User interface for a digital camera
JP5409364B2 (en) Portable electronic devices that perform similar actions for different gestures
CN110851034B (en) Method and electronic device for managing user interface
US9933935B2 (en) Device, method, and graphical user interface for editing videos
JP6264293B2 (en) Display control apparatus, display control method, and program
KR20170082349A (en) Display apparatus and control methods thereof
CN107172347B (en) Photographing method and terminal
WO2023061280A1 (en) Application program display method and apparatus, and electronic device
WO2020087504A1 (en) Screenshot interaction method, electronic device, and computer-readable storage medium
CA2807866C (en) User interface for a digital camera
WO2023093661A1 (en) Interface control method and apparatus, and electronic device and storage medium
US20200257396A1 (en) Electronic device and control method therefor
JP6779778B2 (en) Display control device and its control method
CN113330415A (en) Interactive method, display device and computer-readable storage medium
JP2016081302A (en) Display control apparatus, control method thereof, program, and recording medium
JP2019125024A (en) Electronic device, information processing method, program, and storage medium

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: 18939030

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: 18939030

Country of ref document: EP

Kind code of ref document: A1