WO2023131022A1 - 显示控制方法、电子设备及可读存储介质 - Google Patents

显示控制方法、电子设备及可读存储介质 Download PDF

Info

Publication number
WO2023131022A1
WO2023131022A1 PCT/CN2022/142750 CN2022142750W WO2023131022A1 WO 2023131022 A1 WO2023131022 A1 WO 2023131022A1 CN 2022142750 W CN2022142750 W CN 2022142750W WO 2023131022 A1 WO2023131022 A1 WO 2023131022A1
Authority
WO
WIPO (PCT)
Prior art keywords
track
interface
user
lasso
display
Prior art date
Application number
PCT/CN2022/142750
Other languages
English (en)
French (fr)
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 EP22918463.5A priority Critical patent/EP4296852A1/en
Publication of WO2023131022A1 publication Critical patent/WO2023131022A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present application relates to the technical field of smart terminals, and in particular to a display control method, electronic equipment, and a readable storage medium.
  • terminal electronic devices relying on mouse, touch screen, etc. for display control generally include applications capable of document processing, such as memos, electronic documents, electronic graphics processing software, note-taking software, etc.
  • applications capable of document processing such as memos, electronic documents, electronic graphics processing software, note-taking software, etc.
  • the user can select the required target area by himself, and can transform the selected target area through display control, such as moving, zooming, rotating, etc.
  • the user operates the tablet computer 100 in the memo, and the process of selecting the target area can be shown as operation 1 in Fig. 1a, first click the lasso tool 11 on the display interface of the tablet computer 100, and then select Starting point 12 starts to frame the target area, and ends at end point 14.
  • the tablet computer 100 will respond to the user's frame selection operation in real time to form a corresponding frame selection track 13, and at this time, the tablet computer 100 can display an interface as shown in FIG. 1a.
  • the target area is contained within a marquee track 13 .
  • the tablet computer 100 detects that the user has completed the frame selection operation, and will generate a key handle 16 at the starting point 12 of the frame selection track 13, and the target in the area selected according to the frame selection track 13 area, adjust the frame selection track 13 to match the outer contour of the target area to obtain a lasso track 15, and the frame selection track 13 will disappear, as shown in Figure 1b.
  • the user can operate the key handle 16 to complete zooming, rotating, etc. of the target area.
  • the button handle 16 is separated from the lasso track 15 and the frame-selected target area, and the button handle 16 cannot be fitted with the lasso track 15 and the frame-selected target area, which affects the user's perception, especially when After the user operates the button handle 16 to zoom in, the target area is still in the interface displayed by the tablet computer 100, but the button handle 16 has left the interface displayed by the tablet computer 100. When the target area needs to be reduced, the user needs to drag the canvas to display the button handle 16. The operation is cumbersome, which eventually leads to poor user experience.
  • Embodiments of the present application provide a display control method, an electronic device, and a readable storage medium, which can improve user experience and help improve user experience.
  • the present application provides a display control method, including: the electronic device displays a first interface, and the first interface includes a first window of a first application; The first trajectory of the first operation, the first trajectory surrounds at least part of the first target; in response to the user ending the first operation, converting the first trajectory to a second trajectory, displaying the second trajectory, and displaying the second trajectory on the second trajectory A control, wherein the second trajectory is determined based on the edge of the first target, and the first target is located in the second trajectory; in response to the user's second operation on the first control in the first interface, simultaneously changing the second trajectory and The first target in the second trajectory.
  • the first operation is a frame selection operation performed by the user in the frame selection mode
  • the first track is a frame selection track displayed on the screen of the electronic device corresponding to the frame selection operation.
  • the second track is a lasso track generated by the electronic device according to the frame selection track when the electronic device detects that the user finishes the frame selection operation.
  • the first target is the target area that the user wants to change (ie, transformation hereinafter)
  • the first control is a button handle that can control the target area to be transformed.
  • the second gesture operation is a control operation performed by the user.
  • the control operation is to control the first target to perform a touch slide operation for moving transformation, a touch slide operation for scaling transformation, or a touch slide operation for performing rotation transformation, and the like.
  • the display control method provided by the embodiment of the present application can determine the key handle on the lasso track in the visual interface of the electronic device, and at the same time, the relative position and relative position of the key handle and the lasso track in different control scenarios of the electronic device The size remains unchanged, so that the button handle fits the lasso track, and ensures the stability of the button handle in different scenarios, which can improve the user's perception and experience.
  • the change includes at least one of scaling transformation, translation transformation, and rotation transformation.
  • the above method further includes: during the process of changing the second track, the first control is stationary relative to the second track.
  • the display position of the first control on the second track is the first intersection point between the first connection line and the second track, wherein the first connection line is the The first intersection point of the straight line between the central point and the starting point of the first track is the intersection point closest to the starting point of the first track among the intersection points between the first connecting line and the second track.
  • the first intersection point is the closest intersection point to the center point of the second track among the intersection points searched for between the first connection line and the second track.
  • the display position of the first control on the second track is the second intersection point between the second line and the second track, wherein the second line is the The straight line between the center point and the end point of the first track, and the second intersection point is the intersection point closest to the end point of the first track among the intersection points between the second connecting line and the second track.
  • the second intersection point is the closest intersection point to the center point of the second track among the intersection points searched for between the second connecting line and the second track.
  • the above-mentioned method further includes: changing from the first interface to a second interface in response to a third operation performed by the user on the first interface, the second interface including a second window, Wherein, the second window is generated based on the adjustment of the display scale of the first window, and the second window displays the second target, the third track and the second control.
  • the third operation may be an operation in which the user opens the split-screen window mode in the first interface of the electronic device, then the second window and the third window may be displayed in the split-screen window mode; in some embodiments
  • the third operation may be an operation for the user to open the floating window mode in the first interface of the electronic device, and then the second window or the third window may be displayed in the floating window mode.
  • the second target, the third track and the second control are generated based on the adjustment of the display scale of the first target, the second track and the first control, and the second target, The relative positions of the third track and the second control remain unchanged.
  • the third operation includes a split-screen operation or a floating window operation.
  • the second interface further includes a third window
  • the above method further includes: responding to the user's fourth operation in the second window, simultaneously changing the second control, the third track and The second target in the third trajectory, and the third window remains stationary.
  • the fourth operation may include a rotation operation, a scaling transformation operation, and a translation operation.
  • the third window and the second window may be different window interfaces of the same application, for example, both are memo windows, and the third window also includes key handles, lasso tracks and their corresponding target areas.
  • the fourth operation in the second window such as rotation operation, zoom transformation operation, and translation operation
  • the key handle, lasso track and its corresponding target area in the second window can be changed, while the Key handles, lasso tracks and their corresponding target areas will not change following the user's fourth operation.
  • the first application includes a memo, an electronic note application, an electronic document application, or an electronic graphics processing application.
  • the first application is a memo
  • the lasso tool in the first interface is in an open state. It can be understood that when the lasso tool in the first interface is in an open state, it means that the memo in the electronic device is in a frame selection mode.
  • the embodiment of the present application provides an electronic device, including: one or more processors; one or more memories; one or more memories storing one or more programs, when the one or more programs are When executed by one or more processors, the electronic device executes the above display control method.
  • the embodiment of the present application provides a computer-readable storage medium, where instructions are stored on the storage medium, and when the instructions are executed on a computer, the computer executes the above display control method.
  • an embodiment of the present application provides a computer program product, including a computer program/instruction, and when the computer program/instruction is executed by a processor, the above display control method is implemented.
  • FIG. 1a to 1b are schematic diagrams of an operation process interface of a display control method.
  • Fig. 2a to Fig. 2b are schematic diagrams of an operation process interface exemplarily showing some display control methods according to some embodiments of the present application.
  • Fig. 3 is a schematic diagram showing a hardware structure of an electronic device 200 according to some embodiments of the present application.
  • Fig. 4 is a schematic diagram illustrating an implementation flow of a display control method according to some embodiments of the present application.
  • Fig. 5a to Fig. 5r are schematic diagrams of operation process interfaces exemplarily showing some display control methods according to some embodiments of the present application.
  • Fig. 6 is a schematic diagram illustrating an implementation flow of another display control method according to some embodiments of the present application.
  • Fig. 7 is a schematic interface diagram exemplarily showing a process of determining a key handle according to some embodiments of the present application.
  • FIG. 8 is a schematic diagram illustrating an implementation flow of a display control method provided by an embodiment of the present application according to some embodiments of the present application;
  • Fig. 9 is a block diagram illustrating a software structure of an electronic device 200 according to some embodiments of the present application.
  • the embodiment of the present application provides a display control method. Specifically, the method determines a point on the lasso track in the display interface of the electronic device by collecting the position coordinates of the frame selection track and the lasso track, and displays the position corresponding to the point as a button handle, and then the user based on the display interface
  • the key handle completes the transformation of the target area.
  • the method of determining the position of the key handle may be determined, for example, according to the intersection point of the lasso track and the line connecting the start point or end point of the frame selection track to the center point of the target area.
  • the relative position and relative size of the key handle and the lasso track remain unchanged.
  • the display control method provided by the embodiment of the present application can determine the button handle on the lasso track in the visual interface of the electronic device, and at the same time, the relative position of the button handle and the lasso track in different control scenarios of the electronic device And the relative size remains unchanged, so that the button handle fits the lasso track, and ensures the stability of the button handle in different scenarios, which can improve the user's perception and experience.
  • the frame selection track is an operation track displayed by the electronic device in response to the user's frame selection operation, wherein the frame selection operation is an operation performed by the user on the touch screen of the electronic device on the target area to be frame selected.
  • the lasso track is generated by the electronic device according to the frame selection track drawn by the user and the target area framed by the frame selection track, and is a track matching the outer contour of the target area.
  • the button handle can be operated by the user to control the transformation of the target area in the lasso track.
  • the user drags the button handle to slide, and the electronic device can control the target area to perform zoom transformation.
  • the user drags the button handle to rotate, and the electronic device can control the target area to perform rotation transformation.
  • FIG. 2a to FIG. 2b are user interaction interface diagrams of the display control method of the embodiment of the present application.
  • the display interface of the tablet computer 200 displays a mushroom-shaped pattern, which may be the content and signature created by the user.
  • the user wants to select the created content for other processing, such as moving. Therefore, user-authored content and signatures may be an example of a target area of embodiments of the present application.
  • the user can click the lasso tool 201 on the display interface of the tablet computer 200, and then start to frame the target area from the starting point 202, and end at the end point 204.
  • the tablet computer 200 will display the corresponding frame selection track 203 in real time in response to the user's frame selection operation. At this time, the tablet computer 200 can display the interface as shown in FIG. 2a.
  • the target area is contained within a marquee track 203 .
  • the tablet computer 200 detects that the user has completed the frame selection operation, and adjusts the frame selection track 203 to match the outer contour of the target area according to the target area in the area selected by the frame selection track 203 , get the lasso track 205, and the frame selection track 203 will disappear.
  • the tablet computer 200 will obtain the position coordinates of the starting point 202 of the frame selection track 203 and the position coordinates of the lasso track 205 .
  • the center point of the area in the lasso track 205 can be determined according to the position coordinates of the lasso track 205, then a straight line passing through the center point and the starting position 202 can be determined, and then the multiple intersection points of the straight line and the lasso track 205 can be combined with The closest point of the starting point 206 is used as the position of the key handle 206, as shown in FIG. 2b.
  • the button handle 206 fits better with the lasso track 205 and the target area, and the user can understand the target area corresponding to the button handle more intuitively. It is convenient for the user to change the area of the frame-selected target area, and there will be no situation that the target area is in the display interface of the tablet computer 200 and the button handle disappears, which can improve the user's impression and help improve the user experience.
  • the electronic devices implementing the display control method in the embodiments of the present application include but are not limited to tablet computers, mobile phones (including folding screen mobile phones), laptop computers, desktop computers, servers, wearable devices, head-mounted displays, Various electronic devices such as mobile email devices, car-machine devices, portable game consoles, reader devices, and televisions with one or more processors embedded or coupled therein.
  • FIG. 3 shows a schematic diagram of a hardware structure of an electronic device 200 .
  • the electronic device 200 may include a processor 110 , an external memory interface 120 , an internal memory 121 , a sensor module 180 , a display screen 190 and the like.
  • the sensor module 180 may include a pressure sensor 180A, an acceleration sensor 180E, a touch sensor 180K and the like.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 200 .
  • the electronic device 200 may include more or fewer components than shown in the figure, or combine certain components, or separate certain components, or arrange different components.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • the processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (neural-network processing unit, NPU), etc. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.
  • the controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the relevant instructions and data for executing the display control method of the present application can be stored in the memory for calling by the processor 110, and the processor 110 can control and execute the steps of implementing the display control method through the controller. The process will be described in detail below and will not be repeated here.
  • processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, a mobile industry processor interface (mobile industry processor interface, MIPI), a general-purpose input/output (general-purpose input/output, GPIO) interface, a subscriber identity module (subscriber identity module, SIM) interface, and/or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB universal serial bus
  • the I2C interface is a bidirectional synchronous serial bus, including a serial data line (serial data line, SDA) and a serial clock line (derail clock line, SCL).
  • processor 110 may include multiple sets of I2C buses.
  • the processor 110 may be respectively coupled to the touch sensor 180K and the like through different I2C bus interfaces.
  • the processor 110 may be coupled to the touch sensor 180K through an I2C interface, so that the processor 110 communicates with the touch sensor 180K through the I2C bus interface to realize the touch function of the electronic device 200 .
  • the MIPI interface can be used to connect peripheral devices such as the processor 110 and the display screen 190 .
  • MIPI interface includes camera serial interface (camera serial interface, CSI), display serial interface (display serial interface, DSI), etc.
  • the processor 110 communicates with the display screen 190 through the DSI interface to realize the display function of the electronic device 200 .
  • the GPIO interface can be configured by software.
  • the GPIO interface can be configured as a control signal or as a data signal.
  • the GPIO interface can be used to connect the processor 110 to the display screen 190 , the sensor module 180 and so on.
  • the GPIO interface can also be configured as an I2C interface, MIPI interface, etc.
  • the interface connection relationship among the modules shown in the embodiment of the present application is only a schematic illustration, and does not constitute a structural limitation of the electronic device 200 .
  • the electronic device 200 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the electronic device 200 realizes the display function through the GPU, the display screen 190 , and the application processor.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 190 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering.
  • Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
  • the display screen 190 is used for displaying images, videos and the like.
  • the display screen 190 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Mini-LED, Micro-LED, Micro-OLED, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc.
  • the electronic device 200 may include 1 or N display screens 190 , where N is a positive integer greater than 1.
  • the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 200.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. Such as saving music, video and other files in the external memory card.
  • the internal memory 121 may be used to store computer-executable program codes including instructions.
  • the internal memory 121 may include an area for storing programs and an area for storing data.
  • the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like.
  • the storage data area can store data created during the use of the electronic device 200 (such as audio data, phonebook, etc.) and the like.
  • the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.
  • the processor 110 executes various functional applications and data processing of the electronic device 200 by executing instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.
  • the internal memory 121 may store execution instructions for implementing the display control method of the present application, so as to be called by the processor 110 to implement the display control method of the present application, so that the electronic device 200 follows the user's frame selection operation and Control operation, realize the function of displaying and controlling the button handle.
  • the pressure sensor 180A is used to sense the pressure signal and convert the pressure signal into an electrical signal.
  • the pressure sensor 180A may be disposed on the display screen 190 .
  • pressure sensors 180A such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors.
  • a capacitive pressure sensor may be comprised of at least two parallel plates with conductive material.
  • the electronic device 200 determines the intensity of pressure according to the change in capacitance.
  • the electronic device 200 detects the intensity of the touch operation according to the pressure sensor 180A.
  • the electronic device 200 may also calculate the touched position according to the detection signal of the pressure sensor 180A.
  • touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, an instruction to view short messages is executed. When a touch operation whose intensity is greater than or equal to the first pressure threshold acts on the icon of the short message application, the instruction of creating a new short message is executed.
  • the acceleration sensor 180E can detect the acceleration of the electronic device 200 in various directions (generally three axes). When the electronic device 200 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc.
  • the touch sensor 180K is also called “touch device”.
  • the touch sensor 180K can be arranged on the display screen 190 , and the touch sensor 180K and the display screen 190 form a touch screen, also called “touch screen”.
  • the touch sensor 180K is used to detect a touch operation on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to the touch operation can be provided through the display screen 190 .
  • the touch screen composed of the touch sensor 180K and the display screen 190 can detect the user's frame selection operation, and the touch screen can display the corresponding interface changes as the user's frame selection operation, for example, on the display The interface displays the frame selection track, etc.
  • the touch screen can display the lasso track corresponding to the frame selection track, etc.
  • the touch sensor 180K may also be disposed on the surface of the electronic device 200 , which is different from the position of the display screen 190 .
  • the above system structure shown in FIG. 3 does not constitute a specific limitation on the electronic device 200 .
  • the electronic device 200 may include more or fewer components than those shown in FIG. 3 , or combine certain components, or separate certain components, or arrange different components.
  • the electronic device 200 is used as a tablet computer to describe the technical solutions of the present application.
  • a method for determining a button handle of the present application will be further described in detail below in conjunction with the scene diagram shown in FIG. 1 and the system structure diagram shown in FIG. 2 .
  • Fig. 4 shows a schematic flowchart of a display control method according to an embodiment of the present application.
  • the executing subject of each step shown in FIG. 4 is the tablet computer 200 .
  • the following will not describe the executing subject of each step when describing the execution content of each step.
  • the process includes the following steps:
  • a frame selection operation by the user in the frame selection mode is detected, and a frame selection track is displayed in response to the frame selection operation.
  • the user can operate the touch screen of the tablet computer 200 to switch to the frame selection mode.
  • the operation of switching to the frame selection mode can be that the user clicks the lasso in the display interface of the tablet computer 200 operation of the tool.
  • the tablet computer 200 will enlarge and display the clicked lasso tool, such as the lasso tool 201 shown in FIG. 2 a .
  • the frame selection operation in step 401 may be an operation in which the user touches and slides on the touch screen of the tablet computer 200 with a finger. In some other embodiments, the frame selection operation in step 401 may be an operation in which the user touches and slides on the touch screen of the tablet computer 200 with a stylus pen.
  • the user uses a stylus or a finger to touch and slide along the outer contour of the target area.
  • the tablet computer 200 detects the user's frame selection operation, it will sense the touch position coordinates corresponding to the user's frame operation, and display the user's touch track at the corresponding touch position on the touch screen, that is, obtain the frame selection operation matching the user. frame selection track.
  • the frame selection track may be a rectangular track, an elliptical track, or a track of any irregular shape drawn by the user.
  • the content in the area selected by the frame selection operation may be text, paragraphs, graphics, images or other area objects.
  • the marquee track can be a line of any color and shape.
  • the frame selection track is a black dotted line, such as the frame selection track 203 in FIG. 2 .
  • the process of generating the lasso track in step 402 may be that the tablet computer 200 acquires the target area framed by the frame selection track, and then determines its edge information according to the acquired target area.
  • the tablet computer 200 generates a lasso trajectory based on the edge information.
  • the lasso track may be the same as the position corresponding to the edge information, or may be similar to the position corresponding to the edge information.
  • the tablet computer 200 acquires the picture edge of the picture, and then generates a lasso track matching the picture edge.
  • the lasso track can completely coincide with the edge of the picture, that is, the edge of the picture is used as the lasso track of the picture.
  • the edge of the picture may also be within the lasso track, for example, the positional relationship between the lasso track and the edge of the target area shown in FIG. 2b.
  • the shape, size and position of the frame selection track and the lasso track are the same. Rectangular trajectories of the same size and position.
  • the marquee track has a different shape, size and position than the lasso track. For example, when the area selected by the frame selection track is an area of arbitrary shape, and the frame selection track is a track of any irregular shape drawn by the user, the frame selection track drawn by the user will not completely match the content edge of the selected area , the shape, size and position of the lasso track generated according to the content edge of the frame-selected area are different from the frame-selection track, for example, the frame-selection track 203 in FIG. 2a is different from the lasso track 205 in FIG. 2b.
  • the tablet computer 200 acquires the frame selection operation performed by the user in the frame selection mode, and then determines the coordinates of the first touch position corresponding to the frame selection operation as the starting point of the frame selection track.
  • the tablet computer 200 may acquire the position coordinates of the lasso track generated in step 402, and determine the focal point of the target area according to the acquired position coordinates of the lasso track. Further, taking the x-axis direction as the width direction (horizontal direction) of the tablet computer 200, and the y-center direction as the height direction (vertical direction) of the tablet computer 200 as an example, the determination of the center point of the lasso track can be obtained, for example, from the tablet computer 200.
  • Two end points in the x-axis direction and two end points in the y-axis direction in the position coordinates of the lasso track determine a rectangular area according to the four end points, and then determine the center point of the rectangular area as the center point of the lasso track.
  • FIG. 5a to FIG. 5b show schematic diagrams of a method for determining a key handle provided in Embodiment 1.
  • the user operates the touch screen of the tablet computer 200 to complete the frame selection operation, and generates a frame selection track and a lasso track, that is, steps 401 and 402 are executed.
  • steps 401 and 402 are executed.
  • the tablet computer 200 generates a marquee track 502 and a lasso track 503 after executing the above step 401 and step 402 .
  • the tablet computer 200 may acquire the coordinates of the first touch position when the user performs the frame selection operation, that is, the starting point 501 of the frame selection track (hereinafter referred to as the starting point position 501 ).
  • the tablet computer 200 can determine the four end points of the lasso track 503 in the x-axis direction and the y-axis direction according to the position coordinates of the lasso track 503 generated in step 402, and obtain a rectangular area 504 according to the four end points.
  • the center point 505 of the rectangular area 504 is calculated, and the calculated center point 505 is used as the center point of the area framed by the lasso track 503 .
  • the central point of the rectangular area 504 is the intersection point of two diagonal lines of the rectangular area 504 .
  • the tablet computer 200 can determine a straight line connecting the two points, and set the position of the point where the line intersects with the lasso track Position as key handle. Further, when the line connecting the starting point of the frame selection track and the center point of the lasso track has multiple intersections with the lasso track, determine the position of the intersection point closest to the starting point of the frame selection track among the multiple intersection points as the key handle Location. The method for determining the position of the button handle will be further introduced below.
  • the tablet computer 200 can determine a straight line 506 connecting the starting point 501 and the center point 505 . It can further be determined that the straight line 506 intersects the lasso track 503 at an intersection point 507, and the position of the intersection point 507 is the position of the button handle.
  • start position 501 and the center point 505 acquired by the tablet computer 200 can be represented as two position coordinates
  • the straight line 506 determined according to the start position 501 and the center point 505 can be represented as a function
  • the position of the button handle 507 can be represented as a coordinate. That is, when the tablet computer executes step 404, it does not need to render the interface diagram shown in FIG.
  • the position of the closest point to the starting point of the frame selection track among the multiple points can be determined as the button handle The location of , as shown in Figure 5b.
  • the user operates the tablet computer 200 to enter the frame selection mode, and can perform a frame selection operation to frame the graphic 511.
  • the user operates the tablet computer 200 to enter the frame selection mode, and can perform a frame selection operation to frame the graphic 511.
  • a frame selection operation to frame the graphic 511.
  • the tablet computer 200 executes the above steps 401 and 402 to draw a frame selection track 513 on the touch screen of the tablet computer 200 and generate a lasso track 514 .
  • the tablet computer 200 executes step 403 , it acquires the starting point 512 and the center point 515 of the area framed by the lasso track 514 .
  • the tablet computer 200 determines a straight line 516 connecting the two points according to the obtained starting point 512 and the center point 515 .
  • the tablet computer 200 determines the intersection points of the straight line 516 and the lasso track 514, 10 positions of the intersection points will be obtained, and then the tablet computer 200 will determine the position of the intersection point 517 closest to the starting position 512 as the position of the button handle.
  • the starting point of the frame selection operation (that is, the starting point of the frame selection track) may be in the display interface on the touch screen of the tablet computer 200, and then the line segment 516 and the lasso Among the 10 points where the trajectory 514 intersects, the point closest to the starting point of the frame selection operation is in the display interface of the touch screen of the tablet computer 200, so that the user needs to operate the button handle 517 to control the position change or other shapes of the graphic 511 When changing, the position of the key handle 517 can be quickly determined.
  • determining a point on the lasso track as the key handle can make the key handle fit the lasso track, making the display interface of the tablet computer 200 more beautiful, and improving the user's perception and experience.
  • 405 Display the key handle on the display interface according to the position of the key handle.
  • the button handle displayed on the display interface may be a graphic of any preset shape.
  • An example is the button handle 507 shown in Figure 5a.
  • the center point of the shape of the key handle matches the position of the key handle determined in step 404 .
  • the button handles of different application windows have the same shape and color, such as the button handle 507 shown in FIG. 5 a .
  • key handles corresponding to shapes and colors may be preset according to attribute information in the application or the application window.
  • the attribute information therein may be, for example, the background color of the application window, the size of the application window, the type of the application, and the like.
  • the tablet computer 200 when the tablet computer 200 is executing step 405 in the display control method described in Embodiment 1, it can acquire the attribute information of the application or the application window, and determine the corresponding key to be displayed according to the acquired attribute information.
  • the shape and color of the handle is executing step 405 in the display control method described in Embodiment 1, it can acquire the attribute information of the application or the application window, and determine the corresponding key to be displayed according to the acquired attribute information.
  • the shape and color of the handle when the tablet computer 200 is executing step 405 in the display control method described in Embodiment 1, it can acquire the attribute information of the application or the application
  • key handle 1 combined with a black circle and a white circular arrow
  • key handle 2 combined with a white circle and a black circular arrow
  • the preset application When the background color of the window is white, the displayed key handle is key handle 1; when the background color is black, the displayed key handle is key handle 2.
  • step 405 in the display control method described in Embodiment 1, it can determine that the background color of the application window is white, and then when the tablet computer 200 displays the key handle, it can be in the determined key handle.
  • the position shows key handle 1.
  • a user's control operation on the button handle is detected, and in response to the control operation, the button handle, the lasso track, and the target area are controlled to change following the user's control operation.
  • the tablet computer 200 when the user can operate the button handle on the display interface of the tablet computer 200 to complete the control operation, the tablet computer 200 will acquire the user's touch area and touch track in real time, and operate the target area, button handle, and lasso track according to the control operation. Transform accordingly.
  • the tablet computer 200 when the tablet computer 200 detects the user's control operation on the key handle or the target area, it will control the key handle, the lasso track and the target area to change accordingly. When it is detected that the user's control operation occurs outside the target area and the button handle, the tablet computer 200 will not respond to the user's control operation, that is, the target area will not change.
  • the lasso track and the button handle will also be controlled to change accordingly. It can be understood that when the user completes the control operation, the relative positions of the button handle, the lasso track and the area selected by it remain unchanged, so that the user can accurately and quickly perform the next control operation on the button handle. The operation can be completed accurately, and the stability of the button handle is high.
  • 5c to 5r show some interface change diagrams of executing step 406 in the first embodiment.
  • the above step 406 will be further introduced below with reference to FIGS. 5c to 5m.
  • the user can operate the button handle displayed in step 405 above to control the target area to perform rotation transformation.
  • the target area can be the mushroom-shaped image and signature drawn by the user in Figure 5c.
  • the tablet computer 200 After the user performs a frame selection operation on the touch screen of the tablet computer 200 in the frame selection mode, the tablet computer 200 will display the lasso track and key handles on the touch screen. As shown in FIG. 5 c , a lasso track 503 and a button handle 507 are displayed on the touch screen of the tablet computer 200 , and the area framed by the lasso track 503 is the target area. The user operates the key handle 507 displayed on the touch screen of the tablet computer 200 to rotate clockwise by 90°, that is, performs operation 2 in FIG. 5c, and the touch screen of the tablet computer 200 can display an interface as shown in FIG. 5d.
  • the button handle 507 and the lasso track 503 will rotate 90° clockwise along with the target area.
  • the relative positions of the key handle 507, the lasso track 503 and the target area remain unchanged.
  • the tablet computer 200 can control the target area to rotate 90° clockwise with its center point as the rotation center.
  • the rotation transformation completed by the operation 2 performed by the user can be used to transform the position of the target area, and its size may not be transformed.
  • the tablet computer 200 controls the lasso track 503 and the key handle 507 for synchronous transformation, The lasso track 503 and the key handle 507 perform position transformation.
  • the user can operate the button handle displayed in the above step 405 to control the target area to perform zoom transformation.
  • the tablet computer 200 After the user performs a frame selection operation on the touch screen of the tablet computer 200 in the frame selection mode, the tablet computer 200 will display the lasso track and key handles on the touch screen. As shown in FIG. 5 e , a lasso track 503 and a key handle 507 are displayed on the touch screen of the tablet computer 200 , and the area framed by the lasso track 503 is the target area. The user operates the button handle 507 displayed on the touch screen of the tablet computer 200 to slide to the lower right corner of the touch screen of the tablet computer 200, that is, after performing the operation 3 in FIG. interface shown.
  • the user operates the button handle 507 to slide to the lower right corner of the touch screen of the tablet computer 200, that is, controls the target area to zoom out, and the button handle 507 and the lasso track 503 will follow the target area to reduce the corresponding ratio. .
  • the relative positions of the key handle 507, the lasso track 503 and the target area remain unchanged.
  • the tablet computer 200 can control the target area to shrink by a certain ratio with its center point as the center of the zoom-out transformation.
  • the reduction ratio is proportional to the distance the user performs operation 3 sliding.
  • the tablet computer 200 controls the lasso track 503 and the key handle 507 to perform synchronous transformation, it can also control the lasso track 503 and the key handle 507 to perform shape transformation.
  • the target area is controlled to perform zoom transformation, or the user operates the key handle 507 displayed on the touch screen of the tablet computer 200 to the touch screen of the tablet computer 200.
  • the lower edge slides.
  • the button handle is located at the upper right of the target area, and the target area is controlled to perform zoom transformation. slide. It can be understood that in the embodiment of the present application, the user controls the target area to perform zoom transformation, which may be an operation performed by the user according to the position of the key handle relative to the target area, and the present application does not limit this.
  • the user can operate the target area to control the target area to perform translation transformation.
  • the tablet computer 200 After the user performs a frame selection operation on the touch screen of the tablet computer 200 in the frame selection mode, the tablet computer 200 will display the lasso track and key handles on the touch screen. As shown in FIG. 5 g , a lasso track 503 and a button handle 507 are displayed on the touch screen of the tablet computer 200 , and the area framed by the lasso track 503 is the target area. The user slides the target area on the touch screen of the tablet computer 200 to the right edge of the tablet computer 200, that is, performs operation 4 in FIG. 5g, and the touch screen of the tablet computer 200 can display an interface as shown in FIG. 5h.
  • the user operates the operation of sliding the target area to the right edge of the tablet computer 200, that is, the translation transformation that controls the translation of the target area to the right, and the key handle 507 and the lasso track 503 will translate to the right along with the target area.
  • the relative positions of the key handle 507, the lasso track 503 and the target area remain unchanged.
  • the tablet computer 200 will control the button handle 507 and the lasso track 503 to follow the translation track of the user's operation 4 and translate a corresponding distance.
  • the tablet computer 200 can control the target area to translate a corresponding distance along the translation track of the user's operation 4.
  • the translation distance is proportional to the distance the user performs operation 4 sliding.
  • the user can operate the button handle, the lasso track, and the canvas where the target area is located to slide up and down.
  • the tablet computer 200 can display the lasso track and the key handle on its touch screen. As shown in FIG. 5i , a lasso track 503 and a button handle 507 are displayed on the touch screen of the tablet computer 200 , and the area framed by the lasso track 503 is the target area. After the user operates the moving button 508 of the canvas on the touch screen of the tablet computer 200 to slide upward, that is, after performing operation 5 in FIG. 5i , the touch screen of the tablet computer 200 can display an interface as shown in FIG. 5j .
  • the user operates the operation of moving the canvas moving button 508 on the touch screen of the tablet computer 200 to slide upwards, that is, the operation of controlling the movement of the canvas. relative transformation.
  • the relative positions of the key handle 507, the lasso track 503 and the target area remain unchanged.
  • the moving button 508 controlling the canvas slides up a certain distance
  • the key handle 507 , the lasso track 503 and the target area slide down a certain distance on the touch screen of the tablet computer 200 .
  • the tablet computer 200 can display the lasso track and key handles on the touch screen.
  • the touch screen of the tablet computer 200 may display an interface as shown in FIG. 2b.
  • the tablet computer 200 After the user performs a split-screen operation on the interface shown in FIG. 2 b , the tablet computer 200 enters a split-screen window mode. At this time, the left window of the display interface of the tablet computer 200 displays a memo window 521 , and the right window displays a desktop window 522 , as shown in FIG. 5k .
  • the memo window 521 includes a target area, a key handle 507 and a lasso track 503 .
  • the user in the split-screen window mode, the user operates the button handle 507 or the target area in FIG. 5k to control the relative positions of the target area, the button handle 507 and the lasso track 503 when the target area changes constant.
  • the button computer 200 displays an interface as shown in FIG. 5l.
  • the tablet computer 200 After the user performs the floating window operation on the interface shown in FIG. 2 b , the tablet computer 200 enters the floating window mode. At this time, the display interface of the tablet computer 200 will display the desktop window 531 in full screen, and the memo window 532 floats above the desktop window 531 in the form of a floating window, as shown in FIG. 5m .
  • the memo window 532 includes a target area, a key handle 507 , and a lasso track 503 .
  • the relative positions of the target area, the button handle 507 and the lasso track 503 remain unchanged.
  • the relative positions of the target area, the key handle 507, and the lasso track 503 remain unchanged.
  • the tablet computer 200 displays an interface as shown in FIG. 5n.
  • the user opens the memo window 541 and the memo window 542 in the split-screen window mode.
  • the left window of the display interface of the tablet computer 200 displays a memo window 541, and the right window displays a memo window 542.
  • the memo window 541 includes the target area, the key handle 507, and the lasso track 503, and the memo window 542 includes the graphic 511, the key handle 517, and the lasso track 514, as shown in FIGS. 5o and 5q.
  • the tablet computer 200 displays an interface as shown in FIG. 5p.
  • the relative positions of the graphic 511, the key handle 517, and the lasso track 514 remain unchanged.
  • the tablet computer 200 displays an interface as shown in FIG. 5r.
  • the display control method provided in Embodiment 1 can determine the button handle on the lasso track in the visual interface of the electronic device, and at the same time, the relative position of the button handle and the lasso track in different control scenarios of the electronic device And the relative size remains unchanged, so that the button handle fits the lasso track, and ensures the stability of the button handle in different scenarios, which can improve the user's perception and experience.
  • Fig. 6 shows a schematic flowchart of a display control method according to an embodiment of the present application.
  • the execution subject of each step shown in FIG. 6 is the tablet computer 200 , and in order to avoid repeated description, the execution subject of each step will not be described below when describing the execution content of each step.
  • the process includes the following steps:
  • step 601 Detect a frame selection operation by a user in a frame selection mode, and display a frame selection track in response to the frame selection operation. Wherein, step 601 is the same as step 401 above, and will not be repeated here.
  • step 602 Generate a lasso track matching the content edge of the area framed by the marquee track, and display the lasso track. Wherein, step 602 is the same as step 402 above, and will not be repeated here.
  • step 603 and step 403 lie in that the positions of the acquired points on the frame selection track are different. What is acquired in step 603 is the end point of the frame selection track, and what is acquired in step 403 is the start point of the frame selection track. It can be understood that, after the user performs the frame selection operation, the starting point and the end point of the frame selection track are all located in the display interface of the tablet computer 200, which can facilitate the determination of the position of the key handle. For details, refer to the relevant description of step 403, and will not repeat them here. .
  • step 604 the difference between step 604 and step 404 lies in that the conditions for determining the position of the button handle are different, but the method for determining the button handle is the same.
  • step 404 refers to the relevant description of step 404, which will not be repeated here.
  • step 605 Display the key handle on the display interface according to the position of the key handle. Wherein, step 605 is the same as step 405 above, and will not be repeated here.
  • step 606 Detect the user's control operation on the button handle, and control the button handle, the lasso track and the area selected by the frame to change following the user's control operation. Wherein, step 606 is the same as step 406 above, and will not be repeated here.
  • FIG. 7 shows an interface diagram of the method for determining the position of the button handle provided in the second embodiment.
  • the method for determining the position of the button handle in this embodiment will be introduced below with reference to FIG. 7 .
  • the user operates the touch screen of the tablet computer 200 to complete the frame selection operation, and generates a frame selection track and a lasso track, that is, steps 601 and 602 are executed.
  • steps 601 and 602 are executed.
  • the tablet computer 200 generates a marquee track 702 and a lasso track 703 after executing the above steps 601 and 602 .
  • the tablet computer 200 may acquire the coordinates of the first touch position when the user performs the frame selection operation, that is, the end point 701 of the frame selection track (hereinafter referred to as the end point position 701 ).
  • the tablet computer 200 can determine the four extreme values of the position coordinates of the lasso track 703 in the x-axis direction and the y-axis direction according to the position coordinates of the lasso track 703 generated in step 602, and obtain a rectangular area according to the four extreme values 704.
  • the tablet computer 200 calculates the center point 705 of the rectangular area 504 , and uses the calculated center point 705 as the center point of the area framed by the lasso track 703 .
  • the central point of the rectangular area 704 is the intersection point of two diagonal lines of the rectangular area 704 .
  • the tablet computer 200 can determine a straight line 706 connecting the end position 701 and the center point 705 .
  • the tablet computer 200 can determine that the line 706 intersects the lasso track 703 at a point 707, and the position of the point 707 is the position of the button handle.
  • the terminal position 701 and the central point 705 acquired by the tablet computer 200 can be represented as two position coordinates
  • the straight line 706 determined according to the terminal position 701 and the central point 705 can be represented as a function
  • the position of the button handle 707 can be represented as a coordinate. That is to say, when the tablet computer executes step 604, it does not need to simulate and render the interface diagram shown in FIG.
  • FIG. 8 shows a flow chart of the display control method provided by the present application.
  • the process includes the following steps:
  • step 801 Detect a frame selection operation by a user in a frame selection mode, and display a frame selection track in response to the operation. Wherein, step 801 is the same as step 401 above, and will not be repeated here.
  • step 802 Generate a lasso track matching the content edge of the area selected by the frame selection track, and display the lasso track. Wherein, step 802 is the same as step 402 above, and will not be repeated here.
  • the position determined on the lasso track may be the position of the button handle determined according to the methods in Embodiment 1 and Embodiment 2.
  • other positions on the track of the lasso may also be determined as examples of key handles. For example, determine the position of the closest point on the lasso track to the start point or end point of the marquee track as the position of the key handle. For example, determine the straight line connecting the center point of the lasso track and the start point or end point of the frame selection track, and the position of the intersection point closest to the center point of the lasso track among multiple intersection points of the lasso track as the position of the button handle.
  • the determination method of the key handle in the embodiment of the present application is not limited to the above embodiment 1 and embodiment 2.
  • the purpose of the present application is to determine the position of a point on the lasso track as the position of the key handle, and the determined The point is located in the display interface of the tablet computer 200, so that the position of the button handle fits with the lasso track, optimizes the display interface of the tablet computer 200 in the frame selection mode, and improves the user's perception and experience.
  • step 804 Detect the user's control operation on the button handle, and control the button handle, the lasso track and the area selected by the frame to change following the user's control operation. Wherein, step 804 is the same as step 405 above, and will not be repeated here.
  • FIG. 9 shows a software structural block diagram of an electronic device 200 according to an embodiment of the present application.
  • the software system of the electronic device 200 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture.
  • an Android system with a layered architecture is taken as an example to illustrate the software structure of the electronic device 200 .
  • FIG. 9 shows a software structural block diagram of an electronic device 200 according to an embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate through software interfaces.
  • the Android system is divided into four layers, which are the application program layer, the application program framework layer, the Android runtime and system library, and the kernel layer from top to bottom.
  • the application layer can consist of a series of application packages.
  • the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions.
  • the application framework layer may include a window manager, a task manager, a phone manager, a resource manager, a notification manager, a view system, an optical character recognizer, and the like.
  • a window manager is used to manage window programs.
  • the window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, capture the screen, etc.
  • the window manager can obtain the touch event corresponding to the user's frame selection operation, including the image information and text information in the original window, to match the corresponding display task and display the corresponding interface, for example, display the above-mentioned For the marquee track described in step 401, or the display of the lasso track described in the above step 402, or the display of the button handle described in step 404, etc., refer to the relevant descriptions in the above step 401, step 402 or step 404, and will not be discussed here. Let me repeat.
  • the task manager is used to cooperate with the window manager to call the task content corresponding to the user's sliding operation, such as the display task that needs to be controlled by the window manager, etc.
  • the task manager calls the content of the corresponding display task and sends it to the window manager for execution , so as to realize the process that the electronic device 200 displays the corresponding interface.
  • Content providers are used to store and retrieve data and make it accessible to applications.
  • the aforementioned data can include videos, images, audio, calls made and received, browsing history and bookmarks, phonebook, etc.
  • the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.
  • the notification manager enables the application to display notification information in the status bar, which can be used to convey notification-type messages, and can automatically disappear after a short stay without user interaction.
  • the notification manager is used to notify the download completion, message reminder, etc.
  • the notification manager can also be a notification that appears on the top status bar of the system in the form of a chart or scroll bar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window.
  • prompting text information in the status bar issuing a prompt sound, vibrating the electronic device, and flashing the indicator light, etc.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on.
  • the view system can be used to build applications.
  • a display interface can consist of one or more views.
  • a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.
  • the Android runtime includes core libraries and a virtual machine.
  • the Android runtime is responsible for the scheduling and management of the Android system.
  • the core library consists of two parts: one part is the function function that the java language needs to call, and the other part is the core library of Android.
  • the application layer and the application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application program layer and the application program framework layer as binary files.
  • the virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
  • a system library can include multiple function modules. For example: surface manager (surface manager), media library (Media Libraries), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.
  • the surface manager is used to manage the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of various commonly used audio and video formats, as well as still image files, etc.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing, etc.
  • 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer includes at least a display driver, a touch driver, and a sensor driver.
  • a corresponding hardware interrupt is sent to the kernel layer.
  • the kernel layer processes touch operations into original input events (including touch coordinates, time stamps of touch operations, and other information). Raw input events are stored at the kernel level.
  • the application framework layer obtains the original input event from the kernel layer, and identifies the control corresponding to the input event. Take the touch operation as the operation of clicking the lasso tool, and the object window corresponding to the operation of the click lasso tool is the memo window as an example.
  • the memo calls the interface of the application framework layer to start the memo, and then starts the display driver by calling the kernel layer.
  • Screen 190 displays the memo window in frame selection mode.
  • the present disclosure also relates to means for performing operations in text.
  • This apparatus may be specially constructed for the required purposes or it may comprise a general purpose computer selectively activated or reconfigured by a computer program stored in the computer.
  • a computer program may be stored on a computer readable medium such as, but not limited to, any type of disk, including floppy disk, compact disk, CD-ROM, magneto-optical disk, read-only memory (ROM), random-access memory (RAM) , EPROM, EEPROM, magnetic or optical card, application specific integrated circuit (ASIC), or any type of medium suitable for storing electronic instructions, and each may be coupled to a computer system bus.
  • computers referred to in the specification may comprise a single processor or may be architectures involving multiple processors for increased computing power.

Abstract

一种显示控制方法、电子设备及可读存储介质，涉及智能终端技术领域。其中该方法包括：电子设备显示有第一界面，第一界面中包括第一应用的第一窗口；响应于用户在第一界面上的第一操作，显示对应第一操作的第一轨迹，第一轨迹围绕第一目标的至少部分；响应于用户结束第一操作，将第一轨迹转换为第二轨迹，显示第二轨迹，并在第二轨迹上显示第一控件，其中第二轨迹是基于第一目标的边沿确定的，并且第一目标位于第二轨迹中；响应于用户在第一界面中对第一控件的第二操作，同时改变第二轨迹和第二轨迹中的第一目标。该方法可以使第一控件与第二轨迹和第一目标相贴合，可以提高用户观感，利于提高用户使用体验。

Description

显示控制方法、电子设备及可读存储介质
本申请要求于2022年01月04日提交中国专利局、申请号为202210003211.5、申请名称为“显示控制方法、电子设备及可读存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及智能终端技术领域，具体涉及一种显示控制方法、电子设备及可读存储介质。
背景技术
随着智能终端技术的发展，在依靠鼠标、触控屏等做显示控制的终端电子设备上，一般均包括能够进行文档处理的应用，例如备忘录、电子文档、电子图形处理软件、笔记软件等。在这些应用中，用户能够自行框选需要的目标区域，并能够通过显示控制控制框选的目标区域进行变换，例如移动、缩放、旋转等。
参考图1a和图1b所示，用户在备忘录中操作平板电脑100，框选目标区域的过程可以如图1a中操作①所示，首先在平板电脑100的显示界面点击套索工具11，然后从起点位置12开始框选目标区域，到终点位置14结束。在用户执行操作①的过程中，平板电脑100会实时响应于用户的框选操作，形成对应的框选轨迹13，此时平板电脑100可以显示如图1a中的界面。如图1a所示，目标区域被包含在框选轨迹13内。
当用户的手指离开触控屏时，平板电脑100检测到用户完成框选操作，会在框选轨迹13的起点位置12处生成按键句柄16，并且根据框选轨迹13框选的区域内的目标区域，调整框选轨迹13使其匹配于目标区域的外轮廓，得到套索轨迹15，框选轨迹13会消失，如图1b所示。用户可以操作按键句柄16完成目标区域的缩放、旋转等。
可以看出，按键句柄16与套索轨迹15以及框选的目标区域是分离的，按键句柄16无法与套索轨迹15以及框选的目标区域相贴合，比较影响用户的观感，特别是当用户操作按键句柄16进行放大后，目标区域仍处于平板电脑100显示的界面，但按键句柄16已经离开平板电脑100显示的界面，当目标区域需要缩小时，需要用户拖动画布，显示出按键句柄16，操作比较繁琐，最终导致用户体验不佳。
发明内容
本申请实施例提供了一种显示控制方法、电子设备及可读存储介质，可以提高用户观感，利于提高用户使用体验。
第一方面，本申请提供了显示控制方法，包括：电子设备显示有第一界面，第一界面中包括第一应用的第一窗口；响应于用户在第一界面上的第一操作，显示对应第一操作的第一轨迹，第一轨迹围绕第一目标的至少部分；响应于用户结束第一操作，将第一轨迹转换为第二轨迹，显示第二轨迹，并在第二轨迹上显示第一控件，其中第二轨迹是基于第一目标的边沿确定的，并且第一目标位于第二轨迹中；响应于用户在第一界面中对第一控件的第二操作，同时改变第二轨迹和第二轨迹中的第一目标。
可以理解，第一操作为用户在框选模式下的框选操作，第一轨迹为电子设备对应于框选操作，在其屏幕上显示的框选轨迹。第二轨迹为电子设备在检测到用户结束框选操作时，根据框选轨迹生成的套索轨迹。可以理解，第一目标为用户想要进行移动、旋转等改变(即下文中称变换)的目标区域，第一控件为能够控制目标区域进行变换的按键句柄。
可以理解，第二手势操作为用户在的控制操作。在一些实施例中，控制操作为控制第一目标进行移动变换的触摸滑动操作、进行缩放变换的触摸滑动操作，或进行旋转变换的触摸滑动操作等。
本申请实施例所提供的显示控制方法，能够在电子设备的可视界面中的套索轨迹上确定按键句柄，同时在对电子设备不同控制场景下，按键句柄与套索轨迹的相对位置和相对大小保持不变，从而使得按键句柄与套索轨迹相贴合，且保证按键句柄在不同场景下的稳定性，可以提高用户观感，利于提高用户使用体验。
在上述第一方面的一种可能的实现中，改变包括缩放变换、平移变换和旋转变换中的至少一种。
在上述第一方面的一种可能的实现中，上述方法还包括：在第二轨迹发生改变过程中，第一控件相对于第二轨迹静止。
可以理解，在执行第二手势操作时，第一控件、第一目标和第二轨迹会同时发生改变，且其相对位置保持不变
在上述第一方面的一种可能的实现中，第一控件在第二轨迹上的显示位置为第一连线与第二轨迹的第一交点，其中，第一连线为连接第二轨迹的中心点与第一轨迹的起点的直线，第一交点为所述第一连线与第二轨迹的交点中，距离第一轨迹的起点最近的交点。
可以理解，在一些实施例中，第一交点为搜索第一连线与第二轨迹的交点中，距离第二轨迹的中心点最近的交点。
在上述第一方面的一种可能的实现中，第一控件在第二轨迹上的显示位置为第二连线与第二轨迹的第二交点，其中，第二连线为连接第二轨迹的中心点与第一轨迹的终点的直线，第二交点为所述第二连线与第二轨迹的交点中，距离第一轨迹的终点最近的交点。
可以理解，在一些实施例中，第二交点为搜索第二连线与第二轨迹的交点中，距离第二轨迹的中心点最近的交点。
在上述第一方面的一种可能的实现中，上述方法还包括：响应于用户在第一界面内的第三操作，从第一界面变化为第二界面，第二界面中包括第二窗口，其中，第二窗口是第一窗口基于显示比例的调整生成的，第二窗口显示第二目标、第三轨迹和第二控件。
在一些实施例中，第三操作可以为用户在电子设备的第一界面内打开分屏窗口模式的操作，则第二窗口和第三窗口可采用分屏窗口模式进行显示；在一些实施例中，第三操作可以为用户在电子设备的第一界面内打开浮窗模式的操作，则第二窗口或第三窗口可以通过浮窗模式进行显示。
在上述第一方面的一种可能的实现中，第二目标、第三轨迹和第二控件是第一目标、第二轨迹和第一控件基于显示比例的调整而生成的，且第二目标、第三轨迹和第二控件的相对位置保持不变。
可以理解，在检测到用户的第三操作后，第一窗口变为第二窗口的过程中，按键句柄、套索轨迹、目标区域的相对位置保持不变，只对显示比例进行调整。
在上述第一方面的一种可能的实现中，第三操作包括分屏操作或浮窗操作。
在上述第一方面的一种可能的实现中，第二界面还包括第三窗口，上述方法还包括：响应于用户在第二窗口内的第四操作，同时改变第二控件、第三轨迹和第三轨迹中的第二目标，且第三窗口保持静止。
可以理解，第四操作可以包括旋转操作、缩放变换操作、平移操作。其中，第三窗口和第二窗口可以为相同应用的不同窗口界面，例如均为备忘录的窗口，且第三窗口内也包含按键句柄、套索轨迹及其对应的目标区域。当用户在第二窗口执行第四操作时，例如旋转操作、缩放变换操作、平移操作时，可以改变第二窗口内的按键句柄、套索轨迹及其对应的目标区域，而第三窗口内的按键句柄、套索轨迹及其对应的目标区域不会跟随用户的第四操作发生变化。
在上述第一方面的一种可能的实现中，第一应用包括备忘录、电子笔记应用、电子文档应用或电子图形处理应用。
在上述第一方面的一种可能的实现中，第一应用为备忘录，并且第一界面中的套索工具处于打开状态。可以理解，第一界面中的套索工具处于打开状态即为电子设备中的备忘录处于框选模式。
第二方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；一个或多个存储器；一个或多个存储器存储有一个或多个程序，当一个或者多个程序被一个或多个处理器执行时，使得电子设备执行上述显示控制方法。
第三方面，本申请实施例提供了一种计算机可读存储介质，存储介质上存储有指令，指令在计算机上执行时使计算机执行上述显示控制方法。
第四方面，本申请实施例提供了一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现上述显示控制方法。
附图说明
图1a至图1b所示为一种显示控制方法的操作过程界面示意图。
图2a至图2b所示为根据本申请的一些实施例，示例性地示出了一些显示控制方法的操作过程界面示意图。
图3所示为根据本申请的一些实施例，示例性地示出了一种电子设备200的硬件结构示意图。
图4所示为根据本申请的一些实施例，示例性地示出了一种显示控制方法的实施流程示意图。
图5a至图5r为根据本申请的一些实施例，示例性地示出了一些显示控制方法的操作过程界面示意图。
图6所示为根据本申请的一些实施例，示例性地示出了另一种显示控制方法的实施流程示意图。
图7所示为根据本申请的一些实施例，示例性地示出了一种按键句柄的确定过程的界面示意图。
图8所示为根据本申请的一些实施例，示例性地示出了本申请实施例提供的显示控制方法的实施流程示意图；
图9所示为根据本申请的一些实施例，示例性地示出了一种电子设备200的软件结构 框图。
具体实施方式
为了解决上述用户在平板电脑等等电子设备的触控屏上框选目标区域后按键句柄与套索轨迹和目标区域分离，导致用户体验不佳的问题，本申请实施例提供了一种显示控制方法。具体地，该方法通过采集框选轨迹与套索轨迹的位置坐标，在电子设备的显示界面中的套索轨迹上确定一点，在该点对应的位置显示作为按键句柄，进而用户基于显示界面的按键句柄完成对目标区域的变换。其中，按键句柄的位置确定方式例如可以为根据框选轨迹的起点或终点至目标区域的中心点的连线，与套索轨迹的交点确定。此外，在控制目标区域变换，或目标区域对应的应用的显示窗口的位置和大小发生改变时，按键句柄与套索轨迹的相对位置和相对大小保持不变。
如此，本申请实施例所提供的显示控制方法，能够在电子设备的可视界面中的套索轨迹上确定按键句柄，同时在对电子设备不同控制场景下，按键句柄与套索轨迹的相对位置和相对大小保持不变，从而使得按键句柄与套索轨迹相贴合，且保证按键句柄在不同场景下的稳定性，可以提高用户观感，利于提高用户使用体验。
可以理解，框选轨迹为电子设备响应于用户的框选操作显示的操作轨迹，其中，框选操作为用户在电子设备的触控屏上对待框选的目标区域执行的操作。套索轨迹为电子设备根据用户画出的框选轨迹以及框选轨迹所框选的目标区域生成的，匹配于目标区域的外轮廓的轨迹。
可以理解，按键句柄可以被用户通过操作，以控制套索轨迹内的目标区域发生变换。例如用户拖动按键句柄滑动，电子设备可以控制目标区域进行缩放变换，例如用户拖动按键句柄旋转，电子设备可以控制目标区域进行旋转变换。
请参考图2a至图2b所示，为本申请实施例的显示控制方法的用户交互界面图。
如图2a所示，平板电脑200的显示界面中显示了蘑菇形状的图案，可以是用户创作的内容和签名，用户想要选中创作的内容进行其他处理，比如说移动等。因此，用户创作的内容和签名可以是本申请实施例的目标区域的一个示例。用户操作平板电脑200框选目标区域的过程中，用户可以在平板电脑200的显示界面点击套索工具201，然后从起点位置202开始框选目标区域，到终点位置204结束，在用户框选的过程中，平板电脑200会实时响应于用户的框选操作显示对应的框选轨迹203，此时平板电脑200可以显示如图2a中的界面。
如图2a所示，目标区域被包含在框选轨迹203内。当用户的手指离开触控屏时，平板电脑200检测到用户完成框选操作，会根据框选轨迹203框选的区域内的目标区域，调整框选轨迹203使其匹配于目标区域的外轮廓，得到套索轨迹205，框选轨迹203会消失。此时平板电脑200会获取框选轨迹203的起点位置202的位置坐标以及套索轨迹205的位置坐标。然后根据获取到的起点位置202的位置坐标以及套索轨迹205的位置坐标，在套索轨迹205上确定一点的位置作为按键句柄的位置。例如，可以根据套索轨迹205的位置坐标确定套索轨迹205内的区域的中心点，然后确定经过中心点以及起点位置202的直线，然后将该直线与套索轨迹205的多个交点中与起点位置206最近的一点的位置作为按键句柄206的位置，如图2b所示。
可以看出，相比于图1b所示的界面，图2b所示的界面中，按键句柄206与套索轨迹 205以及目标区域更加贴合，用户能够更加直观的了解按键句柄对应的目标区域，便于用户对框选的目标区域进行区域变换，也不会出现目标区域处于平板电脑200的显示界面，按键句柄消失的情况，可以提高用户观感，利于提高用户使用体验。
可以理解，本申请实施例中实施显示控制方法的电子设备，包括但不限于平板电脑、手机(包括折叠屏手机)、膝上型计算机、台式计算机、服务器、可穿戴设备、头戴式显示器、移动电子邮件设备、车机设备、便携式游戏机、阅读器设备、其中嵌入或耦接有一个或多个处理器的电视机等各类电子设备。
示例性地，图3示出了一种电子设备200的硬件结构示意图。
如图3所示，电子设备200可以包括处理器110，外部存储器接口120，内部存储器121，传感器模块180，显示屏190等。其中传感器模块180可以包括压力传感器180A，加速度传感器180E，触摸传感器180K等。
可以理解的是，本申请实施例示意的结构并不构成对电子设备200的具体限定。在本申请另一些实施例中，电子设备200可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。处理器110中还可以设置存储器，用于存储指令和数据。在本申请实施例中，执行本申请的显示控制方法的相关指令和数据可以存储在存储器中，供处理器110调用，处理器110可以通过控制器控制执行实施显示控制方法的各步骤，具体实施过程将在下文详细描述，在此不再赘述。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备200的触摸功能。
MIPI接口可以被用于连接处理器110与显示屏190等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(display serial interface，DSI)等。处理器110和显示屏190通过DSI接口通信，实现电子设备200的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据 信号。在一些实施例中，GPIO接口可以用于连接处理器110显示屏190，传感器模块180等。GPIO接口还可以被配置为I2C接口，MIPI接口等。
可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备200的结构限定。在本申请另一些实施例中，电子设备200也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
电子设备200通过GPU，显示屏190，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏190和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏190用于显示图像，视频等。显示屏190包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Mini-LED，Micro-LED，Micro-OLED，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备200可以包括1个或N个显示屏190，N为大于1的正整数。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备200的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，该可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备200使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部存储器121的指令，和/或存储在设置于处理器中的存储器的指令，执行电子设备200的各种功能应用以及数据处理。
在本申请实施例中，内部存储器121中可以存储实施本申请的显示控制方法的执行指令，以供处理器110调用，实施本申请的显示控制方法，使电子设备200跟随用户的框选操作和控制操作，实现显示并控制按键句柄的功能。
压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏190。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备200根据电容的变化确定压力的强度。当有触摸操作作用于显示屏190，电子设备200根据压力传感器180A检测该触摸操作强度。电子设备200也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。
加速度传感器180E可检测电子设备200在各个方向上(一般为三轴)加速度的大小。当电子设备200静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。
触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏190，由触摸传感器180K与显示屏190组成触控屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏190提供与触摸操作相关的视觉输出。在本申请实施例中，例如触摸传感器180K与显示屏190组成的触控屏可以检测到用户的框选操作，随着用户的框选操作，触控屏可以显示相应的界面变化，例如在显示界面显示框选轨迹等，例如用户完成框选操作，手指离开触控屏时，则触控屏可以显示框选轨迹对应的套索轨迹等，具体可以参考下文详细描述，在此不再赘述。在另一些实施例中，触摸传感器180K也可以设置于电子设备200的表面，与显示屏190所处的位置不同。
可以理解的是，以上图3所示的系统结构并不构成对电子设备200的具体限定。在本申请另一些实施例中，电子设备200可以包括比图3所示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。
为了简化说明，下文均以电子设备200为平板电脑，说明本申请的技术方案。
以下将结合图1所示的场景图，图2所示的系统结构图，对本申请的一种按键句柄的确定方法进行进一步地详细描述。
实施例1
下面结合流程图以及相关界面示意图，详细介绍平板电脑200实施本申请实施例的显示控制方法的具体过程。
图4根据本申请实施例示出了一种显示控制方法的流程示意图。在本申请实施例中，图4所示各步骤的执行主体均为平板电脑200，为了避免重复描述，以下在描述各步骤的执行内容时将不再描述各步骤的执行主体。
如图4所示，该流程包括以下步骤：
401：检测到用户在框选模式下的框选操作，并响应于框选操作显示框选轨迹。
示例性地，用户可以操作平板电脑200的触控屏切换至框选模式，可以理解，在一些实施例中，切换至框选模式的操作可以是用户点击平板电脑200的显示界面中的套索工具的操作。此时，平板电脑200响应于用户的操作，会将被点击的套索工具放大并显示，例如图2a中所示的套索工具201。
可以理解，在一些实施例中，步骤401中的框选操作可以是用户通过手指，在平板电脑200的触控屏上进行触摸滑动的操作。在另一些实施例中，步骤401中的框选操作可以是用户通过触控笔，在平板电脑200的触控屏上进行触摸滑动的操作。
例如，用户在操作平板电脑200的触控屏上，采用触控笔或者手指沿着目标区域的外轮廓的触摸滑动的操作。平板电脑200检测到用户的框选操作时，会感应用户的框操作所对应的触摸位置坐标，并在触控屏上对应的触摸位置显示用户的触摸轨迹，即得到匹配于用户的框选操作的框选轨迹。
可以理解，在一些实施例中，框选轨迹可以是矩形轨迹、椭圆形轨迹、或者是用户绘制的任意不规则形状的轨迹。
其中，框选操作所框选的区域中的内容可以是文字、文段、图形、图像或其他区域对象。例如，用户打开平板电脑的备忘录后，在备忘录中手绘的图形、粘贴的图像，以及编辑的文字等。其中，框选轨迹可以是任意颜色、任意形状线条。例如，框选轨迹为黑色虚线，如图2中的框选轨迹203。
402：生成匹配于框选轨迹所框选的目标区域的边缘的套索轨迹，并显示套索轨迹。
示例性地，步骤402中生成的套索轨迹的过程，可以是平板电脑200获取框选轨迹所框选的目标区域，然后根据获取到的目标区域，确定其边缘信息。平板电脑200根据该边缘信息，生成套索轨迹。其中，套索轨迹可以与边缘信息对应的位置相同，也可以与边缘信息对应的位置相似。例如，当框选的内容是图片时，平板电脑200获取该图片的图片边缘，然后生成匹配于该图片边缘的套索轨迹。其中，套索轨迹可以与图片边缘完全重合，即将图片边缘作为该图片的套索轨迹。图片边缘也可以处于套索轨迹内，例如图2b所示的套索轨迹与目标区域的边缘的位置关系。
可以理解，在一些实施例中，框选轨迹与套索轨迹的形状、大小和位置相同，例如，当框选轨迹所框选的区域为矩形区域时，框选轨迹与套索轨迹为形状、大小和位置相同的矩形轨迹。在一些实施例中，框选轨迹与套索轨迹的形状、大小和位置不同。例如当框选轨迹所框选的区域为任意形状区域时，框选轨迹为用户绘制的任意不规则形状的轨迹，则用户绘制的框选轨迹不会完全匹配于所框选的区域的内容边缘，此时根据所框选的区域的内容边缘生成的套索轨迹与框选轨迹的形状、大小和位置不同，例如图2a中的框选轨迹203与图2b中的套索轨迹205。
403：确定框选轨迹的起点以及套索轨迹的中心点。
示例性地，平板电脑200获取用户在框选模式下的框选操作，然后确定框选操作对应的第一个触摸位置坐标为框选轨迹的起点。平板电脑200可以获取步骤402中生成的套索轨迹的位置坐标，根据获取到的套索轨迹的位置坐标确定目标区域的重点。进一步地，以平板电脑200宽度方向(水平方向)为x轴方向，平板电脑200高度方向(垂直方向)为y中方向为例，套索轨迹的中心点的确定，可以例如平板电脑200获取套索轨迹的位置坐标中x轴方向的两个端点和y轴方向的两个端点，根据四个端点确定一个矩形区域，然后确定该矩形区域的中心点为套索轨迹的中心点。
作为示例，图5a至图5b示出了本实施例1所提供的按键句柄的确定方法示意图。
用户操作平板电脑200的触控屏完成框选操作，并生成框选轨迹和套索轨迹，即执行步骤401和步骤402，具体参考上文中图2a至图2b的相关描述，在此不做赘述。
如图5a所示，平板电脑200在执行上述步骤401和步骤402后，生成框选轨迹502和套索轨迹503。平板电脑200可以获取用户在执行框选操作时的第一个触摸位置坐标，即框选轨迹的起点501(下文称起点位置501)。平板电脑200可以根据步骤402中生成的套索轨迹503的位置坐标，并确定套索轨迹503的位置坐标在x轴方向和y轴方向的四个端点，根据四个端点得到一个矩形区域504。最后，计算得到该矩形区域504的中心点505，并将计算得到的中心点505作为套索轨迹503所框选的区域的中心点。其中，矩形区域504的中心点为矩形区域504的两条对角线的交点。
404：在框选轨迹的起点与套索轨迹的中心点的连线上，确定与套索轨迹相交的点的位置作为按键句柄的位置。
示例性地，平板电脑200获取到上述步骤403中的框选轨迹的起点和套索轨迹的中心点后，可以确定连接此两点的直线，并将该直线与套索轨迹相交的点的位置作为按键句柄的位置。进一步地，当连接框选轨迹的起点与套索轨迹中心点的连线，和套索轨迹有多个交点时，确定多个交点中与框选轨迹的起点最近的交点的位置为按键句柄的位置。下面将按键句柄的位置的确定方法进行进一步介绍。
作为示例，继续参考图5a，平板电脑200获取到起点位置501和套索轨迹的中心点505后，可以确定连接起点位置501与中心点505的直线506。进一步可以确定直线506与套索轨迹503相交于交点507，则该交点507的位置即为按键句柄的位置。
可以理解，平板电脑200获取的起点位置501和中心点505可以表征为一个两个位置坐标，根据起点位置501和中心点505确定的直线506可以表征为一个函数，按键句柄507的位置可以表征为一个坐标。即板电脑在执行步骤404时，并不需要模拟渲染出图5a所示的界面图，而是通过获取起点位置501和中心点505的坐标以及直线506的函数来确定按键句柄507的坐标。
当框选轨迹的起点与套索轨迹的中心点的连线和套索轨迹有多个相交于多个点时，可以确定多个点中与框选轨迹的起点最近的点的位置为按键句柄的位置，具体如图5b所示。
用户操作平板电脑200进入框选模式，可以执行框选操作，框选图形511，具体地参考图2a至图2b的相关描述，在此不作赘述。
参考图5b，平板电脑200执行上述步骤401、402，在平板电脑200的触控屏上绘制出框选轨迹513，并生成套索轨迹514。平板电脑200在执行步骤403后，获取到起点位置512和套索轨迹514所框选的区域的中心点515。然后，平板电脑200会根据获取起点位置512与中心点515，确定连接两点的直线516。此时，平板电脑200在确定直线516与套索轨迹514的交点时，会得到10个交点的位置，则平板电脑200会确定距离起点位置512最近的交点517的位置作为按键句柄的位置。
可以理解，用户在操作平板电脑200完成框选操作时，该框选操作的起点(即框选轨迹的起点)可以处于平板电脑200的触控屏上的显示界面内，进而线段516与套索轨迹514相交的10个点中，距离该框选操作的起点最近的一点处于平板电脑200的触控屏的显示界面中，便于用户需要在操作按键句柄517以控制图形511发生位置变换或其他形状变换时，可以迅速确定按键句柄517的位置。
此外，在套索轨迹上确定一点作为按键句柄，能够使得按键句柄与套索轨迹相贴合，使得平板电脑200的显示界面更加美观，提高用户的观感以及使用体验。
405：根据按键句柄的位置，在显示界面显示按键句柄。
示例性地，在显示界面显示的按键句柄可以为任意预设形状的图形。例如图5a中所示的按键句柄507。在一些实施例中，按键句柄的形状的中心点匹配于步骤404中确定的按键句柄的位置。
在一些实施例，不同应用窗口的按键句柄的形状、颜色相同，例如均为图5a中所示的按键句柄507。在一些实施例中，可以根据应用或应用窗口中的属性信息，预设对应形状、颜色的按键句柄。其中的属性信息可例如应用窗口的背景色、应用窗口的尺寸、应用的类型等。具体地，当平板电脑200在执行本实施例1中所述的显示控制方法中的步骤405时，可以获取应用或应用窗口的属性信息，并根据获取到的属性信息，确定对应需要显示 的按键句柄的形状、颜色。
例如，假设，平板电脑200中预设两种按键句柄：黑色圆形与白色环形箭头组合的按键句柄1，以及白色圆形与黑色环形箭头组合的按键句柄2，并且平板电脑200中预设应用窗口的背景色为白色时显示的按键句柄为按键句柄1，背景色为黑色时，显示的按键句柄为按键句柄2。则平板电脑200在执行本实施例1所述的显示控制方法中的步骤405时，可以确定应用窗口的背景色为白色，则在平板电脑200显示按键句柄时，可以在确定好的按键句柄的位置显示按键句柄1。
406：检测到用户对按键句柄的控制操作，响应于该控制操作控制按键句柄、套索轨迹及目标区域跟随用户的控制操作发生变换。
示例性地，用户可以操作平板电脑200的显示界面的按键句柄完成控制操作时，平板电脑200会实时获取用户的触摸区域以及触摸轨迹，并根据该控制操作目标区域、按键句柄、套索轨迹发生相应变换。
可以理解，平板电脑200在检测到用户对于按键句柄或者目标区域的控制操作时，会控制按键句柄、套索轨迹及其目标区域发生相应变换。当检测到用户的控制操作发生在目标区域和按键句柄之外时，平板电脑200不会响应性用户的控制操作，即目标区域不会发生变换。
此外，为了提高按键句柄的稳定性，在平板电脑200控制目标区域发生变换时，也会控制套索轨迹和按键句柄发生相应的变换。可以理解，在用户完成控制操作的过程中，按键句柄、套索轨迹及其所框选的区域的相对位置保持不变，进而用户在执行下一次对按键句柄的控制操作时，能够准确、快速地完成操作，按键句柄的稳定性较高。
图5c至5r示出了本实施例1中执行步骤406的一些界面变化图。下面结合图5c至5m对上述步骤406进行进一步介绍。
请参考图5c至图5d所示的一些界面变化。在一些实施例中，用户可以操作上述步骤405中显示的按键句柄，控制目标区域进行旋转变换。其中的目标区域可以为图5c中用户绘制的蘑菇形状的图像和签名。
用户在框选模式下，操作平板电脑200的触控屏执行框选操作后，平板电脑200会在其触控屏上显示套索轨迹和按键句柄。如图5c所示，在平板电脑200的触控屏上显示套索轨迹503和按键句柄507，且套索轨迹503所框选的区域为目标区域。用户操作平板电脑200的触控屏上显示的按键句柄507顺时针旋转90°，即执行图5c中的操作②，平板电脑200的触控屏上可以显示如图5d所示的界面。
继续参考图5d，用户操作按键句柄507进行顺时针旋转90°的控制操作后，按键句柄507和套索轨迹503会跟随目标区域一起顺时针旋转90°。按键句柄507、套索轨迹503和目标区域的相对位置保持不变。
可以理解，用户操作按键句柄508进行顺时针旋转90°的控制操作时，平板电脑200可以控制目标区域以其中心点为旋转中心，顺时针旋转90°。
此外，在用户执行的操作②完成的旋转变换，可以用于对目标区域的位置变换，其大小可以不发生变换，平板电脑200在控制套索轨迹503和按键句柄507进行同步变换时，可以控制套索轨迹503和按键句柄507进行位置变换。
请参考图5e至图5f所示的一些界面变化。在一些实施例中，用户可以操作上述步骤 405中显示的按键句柄，控制目标区域进行缩放变换。
用户在框选模式下，操作平板电脑200的触控屏执行框选操作后，平板电脑200会在其触控屏上显示套索轨迹和按键句柄。如图5e所示，在平板电脑200的触控屏上显示套索轨迹503和按键句柄507，且套索轨迹503所框选的区域为目标区域。用户操作平板电脑200的触控屏上显示的按键句柄507向平板电脑200的触控屏的右下角滑动，即执行图5e中的操作③后，平板电脑200的触控屏上显示如图5f所示的界面。
继续参考图5f，用户操作按键句柄507向平板电脑200的触控屏的右下角滑动的操作，即控制目标区域进行缩小变换，按键句柄507和套索轨迹503会跟随目标区域一起缩小对应的比例。按键句柄507、套索轨迹503和目标区域的相对位置保持不变。
可以理解，用户操作按键句柄508向平板电脑200的触控屏的右下角滑动时，平板电脑200可以控制目标区域以其中心点为缩小变换的中心，缩小一定比例。其中缩小的比例与用户执行操作③滑动的距离成正比。
此外，在用户执行的操作③是用于对目标区域的形状变换，平板电脑200在控制套索轨迹503和按键句柄507进行同步变换时，也可以控制套索轨迹503和按键句柄507进行形状变换。
在一些实施例中，按键句柄位于目标区域的正上方，则控制目标区域进行缩放变换，也可以是用户操作平板电脑200的触控屏上显示的按键句柄507向平板电脑200的触控屏的下侧边缘滑动。在另一些实施例中，按键句柄位于目标区域的右上方，控制目标区域进行缩放变换，还可以是操作平板电脑200的触控屏上显示的按键句柄向平板电脑200的触控屏的左下角滑动。可以理解，本申请实施例中，用户控制目标区域进行缩放变换，可以是用户根据按键句柄相对于目标区域的位置进行的操作，本申请对此不作限制。
请参考图5g至图5h所示的一些界面变化。在一些实施例中，用户可以操作目标区域，控制目标区域进行平移变换。
用户在框选模式下，操作平板电脑200的触控屏执行框选操作后，平板电脑200会在其触控屏上显示套索轨迹和按键句柄。如图5g所示，在平板电脑200的触控屏上显示套索轨迹503和按键句柄507，且套索轨迹503所框选的区域为目标区域。用户操作平板电脑200的触控屏上目标区域向平板电脑200的右侧边缘滑动，即执行图5g中的操作④，平板电脑200的触控屏上可以显示如图5h所示的界面。
继续参考图5h，用户操作目标区域向平板电脑200的右侧边缘滑动的操作，即控制目标区域向右平移的平移变换，按键句柄507和套索轨迹503会跟随目标区域一起向右平移。按键句柄507、套索轨迹503和目标区域的相对位置保持不变。具体地，在用户执行操作④时，平板电脑200会控制按键句柄507和套索轨迹503跟随用户的操作④的平移轨迹，平移相对应的距离。
可以理解，用户操作目标区域向向平板电脑200的右侧边缘滑动时，平板电脑200可以控制目标区域沿着用户的操作④的平移轨迹，平移相对应的距离。其中平移的距离与用户执行操作④滑动的距离成正比。
请参考图5i至图5j所示的一些界面变化。在一些实施例中，用户可以操作按键句柄、套索轨迹及目标区域所在的画布上下滑动。
用户在框选模式下，操作平板电脑200的触控屏执行框选操作后，平板电脑200可以 在其触控屏上显示套索轨迹和按键句柄。如图5i所示，在平板电脑200的触控屏上显示套索轨迹503和按键句柄507，且套索轨迹503所框选的区域为目标区域。用户操作平板电脑200的触控屏上画布的移动按钮508向上滑动，即执行图5i中的操作⑤后，平板电脑200的触控屏上可以显示如图5j所示的界面。
继续参考图5i，用户操作平板电脑200的触控屏上画布的移动按钮508向上滑动的操作，即控制画布移动的操作，按键句柄507、套索轨迹503以及目标区域会随着画布的平移发生相对的变换。按键句柄507、套索轨迹503和目标区域的相对位置保持不变。
其中的相对的变换，例如控制画布的移动按钮508向上滑动一定距离，按键句柄507、套索轨迹503以及目标区域会在平板电脑200的触控屏上向下滑动一定距离。
可以理解，在控制画布进行平移时，按键句柄507、套索轨迹503以及目标区域与画布的相对位置保持不变。
请参考图5k至图5r所示的一些界面变化。在一些实施例中，用户操作平板电脑200处于不同模式时，按键句柄的稳定性也能够得到保证。
用户在框选模式下，操作平板电脑200的触控屏执行框选操作后，平板电脑200可以在其触控屏上显示套索轨迹和按键句柄。平板电脑200的触控屏上可以显示如图2b所示的界面。
当用户在图2b所示的界面执行分屏操作后，平板电脑200进入分屏窗口模式。此时，平板电脑200的显示界面的左侧窗口显示备忘录窗口521，右侧窗口显示桌面窗口522，如图5k所示。其中，备忘录窗口521中包括目标区域、按键句柄507、套索轨迹503。
可以理解，在分屏窗口模式下，相比于图2b所示的显示界面中，图5k中的备忘录窗口521缩小为原来的1/2，此时目标区域、按键句柄507、套索轨迹503也缩小至原始的1/2，且目标区域、按键句柄507、套索轨迹503的相对位置保持不变。
可以理解，在一些实施例中，用户在分屏窗口模式下，操作图5k中的按键句柄507或目标区域，控制目标区域发生变换时，目标区域、按键句柄507、套索轨迹503的相对位置保持不变。例如，用户在图5k所示的界面执行如图5c中的旋转操作时，目标区域、按键句柄507、套索轨迹503的相对位置保持不变。此时，平板电脑200显示如图5l所示的界面。
当用户在图2b所示的界面执行浮窗操作后，平板电脑200进入浮窗模式。此时，平板电脑200的显示界面会全屏显示桌面窗口531，备忘录窗口532以浮窗的形式悬浮与桌面窗口531之上，如图5m所示。其中，备忘录窗口532中包括目标区域、按键句柄507、套索轨迹503。
可以理解，在浮窗模式下，相比于图2b所示的显示界面中，图5m中的备忘录窗口532会以一定比例缩小，此时目标区域、按键句柄507、套索轨迹503也缩小相应比例，且目标区域、按键句柄507、套索轨迹503的相对位置保持不变。
可以理解，在一些实施例中，用户在浮窗模式下，操作按键句柄507或目标区域控制目标区域发生变换时，目标区域、按键句柄507、套索轨迹503的相对位置保持不变。例如，用户在图5m所示的界面执行如图5c中的旋转操作时，目标区域、按键句柄507、套索轨迹503的相对位置保持不变。此时，平板电脑200显示如图5n所示的界面。
在一些实施例中，用户分屏窗口模式下，打开备忘录窗口541和备忘录窗口542。平 板电脑200的显示界面的左侧窗口显示备忘录窗口541，右侧窗口显示显示备忘录窗口542。其中，备忘录窗口541中包括目标区域、按键句柄507、套索轨迹503，备忘录窗口542中包括图形511、按键句柄517、套索轨迹514，如图5o和5q所示。
可以理解，在一些实施例中，用户在分屏窗口模式下，操作按键句柄或目标区域发生变换时，目标区域、按键句柄和套索轨迹的相对位置保持不变。例如，用户在图5o所示的界面执行如图5c中的旋转操作时，目标区域、按键句柄507、套索轨迹503的相对位置保持不变。此时，平板电脑200显示如图5p所示的界面。再例如，用户在图5q所示的界面执行如图5c中的旋转操作时，图形511、按键句柄517、套索轨迹514的相对位置保持不变。此时，平板电脑200显示如图5r所示的界面。
可以理解，本实施例1提供的显示控制方法，能够在电子设备的可视界面中的套索轨迹上确定按键句柄，同时在对电子设备不同控制场景下，按键句柄与套索轨迹的相对位置和相对大小保持不变，从而使得按键句柄与套索轨迹相贴合，且保证按键句柄在不同场景下的稳定性，可以提高用户观感，利于提高用户使用体验。
以下将结合图1所示的场景图，图2所示的系统结构图，对本申请的另一种按键句柄的确定方法进行进一步地详细描述。
实施例2
下面结合流程图以及相关界面示意图，详细介绍平板电脑200实施本申请实施例的显示控制方法的具体过程。
图6根据本申请实施例示出了一种显示控制方法的流程示意图。在本申请实施例中，图6所示各步骤的执行主体均为平板电脑200，为了避免重复描述，以下在描述各步骤的执行内容时将不再描述各步骤的执行主体。
如图6所示，该流程包括以下步骤：
601：检测到用户在框选模式下的框选操作，并响应于框选操作显示框选轨迹。其中，步骤601上述步骤401相同，在此不作赘述。
602：生成匹配于框选轨迹所框选的区域的内容边缘的套索轨迹，并显示套索轨迹。其中，步骤602上述步骤402相同，在此不作赘述。
603：确定框选轨迹的终点以及套索轨迹的中心点。
可以理解，步骤603与步骤403的不同在于，在框选轨迹上获取的点的位置不同。步骤603中获取的是框选轨迹的终点，步骤403中获取的是框选轨迹的起点。可以理解，框选轨迹的起点和终点在用户执行框选操作后，都处于平板电脑200的显示界面中，都能够便于确定按键句柄的位置，具体地参考步骤403的相关描述，在此不作赘述。
604：在框选轨迹的终点与套索轨迹的中心点的连线上，确定与套索轨迹相交的点的位置作为按键句柄的位置。
可以理解，步骤604与步骤404的不同在于，确定按键句柄的位置的条件不同，但按键句柄的确定方法相同，具体地参考步骤404的相关描述，在此不作赘述。
605：根据按键句柄的位置，在显示界面显示按键句柄。其中，步骤605上述步骤405相同，在此不作赘述。
606：检测到用户对按键句柄的控制操作，并控制按键句柄、套索轨迹及其所框选的区域跟随用户的控制操作发生变换。其中，步骤606上述步骤406相同，在此不作赘述。
作为示例，图7示出了本实施例2提供的按键句柄的位置的确定方法的界面图。下面结合图7对本实施例中的按键句柄的位置的确定方法进行介绍。
用户操作平板电脑200的触控屏完成框选操作，并生成框选轨迹和套索轨迹，即执行步骤601和步骤602，具体参考上文中图2a至图2b的相关描述，在此不做赘述。
如图7所示，平板电脑200在执行上述步骤601和步骤602后，生成框选轨迹702和套索轨迹703。平板电脑200可以获取用户在执行框选操作时的第一个触摸位置坐标，即框选轨迹的终点701(下文称终点位置701)。平板电脑200可以根据步骤602中生成的套索轨迹703的位置坐标，并确定套索轨迹703的位置坐标在x轴方向和y轴方向的四个极值，根据四个极值得到一个矩形区域704。平板电脑200计算得到该矩形区域504的中心点705，并将计算得到的中心点705作为套索轨迹703所框选的区域的中心点。其中，矩形区域704的中心点为矩形区域704的两条对角线的交点。
继续参考图5a，平板电脑200获取到终点位置701和目标区域的中心点705后，可以确定连接终点位置701与中心点705的直线706。平板电脑200可以确定直线706与套索轨迹703相交于点707，则该点707的位置即为按键句柄的位置。
可以理解，平板电脑200获取的终点位置701和中心点705可以表征为一个两个位置坐标，根据终点位置701和中心点705确定的直线706可以表征为一个函数，按键句柄707的位置可以表征为一个坐标。即板电脑在执行步骤604时，并不需要模拟渲染出图7所示的界面图，而是通过获取终点位置701和中心点705的坐标以及直线706的函数来确定手柄707的坐标。
以上分别以实施例1至实施例2，以电子设备200为平板电脑为例，对申请的技术方案中按键句柄的不同确定方法进行介绍。下面将仍以平板电脑100为例，基于对以上各实施例的分析介绍，对本申请提供的显示控制方法进行概括。
具体地，图8示出了本申请提供的显示控制方法的流程图。
如图8所示，该流程包括以下步骤：
801：检测到用户在框选模式下的框选操作，并响应于操作显示框选轨迹。其中，步骤801上述步骤401相同，在此不作赘述。
802：生成匹配于框选轨迹所框选的区域的内容边缘的套索轨迹，并显示套索轨迹。其中，步骤802上述步骤402相同，在此不作赘述。
803：在套索轨迹上确定一个位置，生成按键句柄并显示。
可以理解，在一些实施例中，在套索轨迹上确定的位置，可以是根据实施例1和实施例2中的方法确定的按键句柄的位置。在一些实施例中，还可以确定套索轨迹上的其他位置作为按键句柄的为例。例如，确定套索轨迹上距离框选轨迹的起点或终点最近的一个点的位置作为按键句柄的位置。例如，确定连接套索轨迹的中心点与框选轨迹的起点或终点的直线，与套索轨迹的多个交点中距离套索轨迹的中心点最近的交点的位置作为按键句柄的位置。
可以理解，本申请实施例中的按键句柄的确定方法不局限于以上实施例1和实施例2，本申请的目的在于，确定套索轨迹上的一点的位置作为按键句柄的位置，且确定的点位于平板电脑200的显示界面中，以使得按键句柄的位置与套索轨迹相贴合，优化框选模式下平板电脑200的显示界面，提高用户的观感和使用体验。
804：检测到用户对按键句柄的控制操作，并控制按键句柄、套索轨迹及其所框选的区域跟随用户的控制操作发生变换。其中，步骤804上述步骤405相同，在此不作赘述。
图9根据本申请实施例示出了一种电子设备200的软件结构框图。
电子设备200的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的安卓系统为例，示例性说明电子设备200的软件结构。
图9根据本申请实施例示出了一种电子设备200的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将安卓系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时和系统库，以及内核层。
应用程序层可以包括一系列应用程序包。
如图9所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图9所示，应用程序框架层可以包括窗口管理器，任务管理器，电话管理器，资源管理器，通知管理器，视图系统、光学字符识别器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。在本申请实施例中，窗口管理器可以获取用户的框选操作对应的触摸事件、包括原始窗口中的图像信息、文本信息等，来匹配相应的显示任务、并显示相应的界面，例如显示上述步骤401中描述的框选轨迹、或者显示上述步骤402所描述的套索轨迹、或者显示步骤404中描述的按键句柄等，具体参考上述步骤401、步骤402或步骤404中相关描述，在此不再赘述。
任务管理器用于配合窗口管理器，调取对应于用户滑动操作的任务内容，例如需要窗口管理器控制执行的显示任务等，任务管理器调取相应显示任务的内容后发送给窗口管理器进行执行，从而实现电子设备200显示相应界面的过程。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。上述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
安卓运行时包括核心库和虚拟机。安卓运行时负责安卓系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，触控驱动，传感器驱动。
下面结合捕获上滑操作切换至框选模式窗口的场景，示例性说明电子设备200软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是点击套索工具操作，该点击套索工具操作所对应的对象窗口为备忘录窗口为例，备忘录调用应用框架层的接口，启动备忘录，进而通过调用内核层启动显示驱动，通过显示屏190显示框选模式下的备忘录窗口。
在说明书对“一个实施例”或“实施例”的引用意指结合实施例所描述的具体特征、结构或特性被包括在根据本申请公开的至少一个范例实施方案或技术中。说明书中的各个地方的短语“在一个实施例中”的出现不一定全部指代同一个实施例。
本申请公开还涉及用于执行文本中的操作装置。该装置可以专门处于所要求的目的而构造或者其可以包括被存储在计算机中的计算机程序选择性地激活或者重新配置的通用计算机。这样的计算机程序可以被存储在计算机可读介质中，诸如，但不限于任何类型的盘，包括软盘、光盘、CD-ROM、磁光盘、只读存储器(ROM)、随机存取存储器(RAM)、EPROM、EEPROM、磁或光卡、专用集成电路(ASIC)或者适于存储电子指令的任何类型的介质，并且每个可以被耦合到计算机系统总线。此外，说明书中所提到的计算机可以包括单个处理器或者可以是采用针对增加的计算能力的多个处理器涉及的架构。
另外，在本说明书所使用的语言已经主要被选择用于可读性和指导性的目的并且可能未被选择为描绘或限制所公开的主题。因此，本申请公开旨在说明而非限制本文所讨论的概念的区域。

Claims (14)

  1. 一种显示控制方法，应用于电子设备，其特征在于，包括：
    电子设备显示有第一界面，所述第一界面中包括第一应用的第一窗口；
    响应于用户在所述第一界面上的第一操作，显示对应所述第一操作的第一轨迹，所述第一轨迹围绕第一目标的至少部分；
    响应于用户结束所述第一操作，将所述第一轨迹转换为第二轨迹，显示所述第二轨迹，并在所述第二轨迹上显示第一控件，其中，所述第二轨迹是基于所述第一目标的边沿确定的，并且所述第一目标位于所述第二轨迹中；
    响应于用户在所述第一界面中对所述第一控件的第二操作，同时改变所述第二轨迹和所述第二轨迹中的所述第一目标。
  2. 根据权利要求1所述的显示控制方法，其特征在于，所述改变包括缩放变换、平移变换和旋转变换中的至少一种。
  3. 根据权利要求1或2所述的显示控制方法，其特征在于，还包括：
    在所述第二轨迹发生改变过程中，所述第一控件相对于所述第二轨迹静止。
  4. 根据权利要求1所述的显示控制方法，其特征在于，所述第一控件在所述第二轨迹上的显示的位置为：第一连线与所述第二轨迹的第一交点，
    其中，所述第一连线为连接所述第二轨迹的中心点与所述第一轨迹的起点的直线，所述第一交点为所述第一连线与所述第二轨迹的交点中，距离所述第一轨迹的起点最近的交点。
  5. 根据权利要求1所述的显示控制方法，其特征在于，所述第一控件在所述第二轨迹上的显示的位置为：第二连线与所述第二轨迹的第二交点，
    其中，所述第二连线为连接所述第二轨迹的中心点与所述第一轨迹的终点的直线，所述第二交点为所述第二连线与所述第二轨迹的交点中，距离所述第一轨迹的终点最近的交点。
  6. 根据权利要求1所述的显示控制方法，其特征在于，还包括：
    响应于用户在所述第一界面内的第三操作，从所述第一界面变化为第二界面，所述第二界面中包括第二窗口，
    其中，所述第二窗口是所述第一窗口基于显示比例的调整生成的，所述第二窗口显示第二目标、第三轨迹和第二控件。
  7. 根据权利要求6所述的显示控制方法，其特征在于，所述第二目标、所述第三轨迹和所述第二控件是所述第一目标、所述第二轨迹和所述第一控件基于所述显示比例的调整而生成的，且所述第二目标、所述第三轨迹和所述第二控件的相对位置保持不变。
  8. 根据权利要求6所述的显示控制方法，其特征在于，所述第三操作包括分屏操作或浮窗操作。
  9. 根据权利要求6所述的显示控制方法，其特征在于，所述第二界面还包括第三窗口，所述方法还包括：
    响应于用户在所述第二窗口内的第四操作，同时改变所述第二控件、所述第三轨迹和所述第三轨迹中的所述第二目标，且所述第三窗口保持静止。
  10. 根据权利要求1所述的显示控制方法，其特征在于，所述第一应用为备忘录、电子笔记应用、电子文档应用或电子图形处理应用。
  11. 根据权利要求10所述的显示控制方法，其特征在于，所述第一应用为备忘录，并且所述第一界面中的套索工具处于打开状态。
  12. 一种电子设备，其特征在于，包括：
    显示屏；
    存储器，用于存储由电子设备的一个或多个处理器执行的指令，以及
    处理器，是电子设备的处理器之一，用于控制所述显示屏执行权利要求1至11中任一项所述的显示控制方法。
  13. 一种计算机可读存储介质，其特征在于，所述存储介质上存储有指令，所述指令在计算机上执行时使所述计算机执行权利要求1至11中任一项所述的显示控制方法。
  14. 一种计算机程序产品，其特征在于，所述计算机程序产品包括指令，该指令在执行时使计算机执行权利要求1至11中任一项所述的显示控制方法。
PCT/CN2022/142750 2022-01-04 2022-12-28 显示控制方法、电子设备及可读存储介质 WO2023131022A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
EP22918463.5A EP4296852A1 (en) 2022-01-04 2022-12-28 Display control method, electronic device, and readable storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210003211.5 2022-01-04
CN202210003211.5A CN116431256A (zh) 2022-01-04 2022-01-04 显示控制方法、电子设备及可读存储介质

Publications (1)

Publication Number Publication Date
WO2023131022A1 true WO2023131022A1 (zh) 2023-07-13

Family

ID=87073144

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/142750 WO2023131022A1 (zh) 2022-01-04 2022-12-28 显示控制方法、电子设备及可读存储介质

Country Status (3)

Country Link
EP (1) EP4296852A1 (zh)
CN (1) CN116431256A (zh)
WO (1) WO2023131022A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103885696A (zh) * 2014-03-17 2014-06-25 联想(北京)有限公司 一种信息处理方法及电子设备
WO2015074507A1 (zh) * 2013-11-21 2015-05-28 北京金山办公软件有限公司 在显示界面中选中对象的方法及装置
CN111324261A (zh) * 2020-01-20 2020-06-23 北京无限光场科技有限公司 目标对象的截取方法、装置、电子设备及存储介质
CN112639713A (zh) * 2018-12-29 2021-04-09 深圳市柔宇科技股份有限公司 一种笔记局部选取方法、装置、电子终端和可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015074507A1 (zh) * 2013-11-21 2015-05-28 北京金山办公软件有限公司 在显示界面中选中对象的方法及装置
CN103885696A (zh) * 2014-03-17 2014-06-25 联想(北京)有限公司 一种信息处理方法及电子设备
CN112639713A (zh) * 2018-12-29 2021-04-09 深圳市柔宇科技股份有限公司 一种笔记局部选取方法、装置、电子终端和可读存储介质
CN111324261A (zh) * 2020-01-20 2020-06-23 北京无限光场科技有限公司 目标对象的截取方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN116431256A (zh) 2023-07-14
EP4296852A1 (en) 2023-12-27

Similar Documents

Publication Publication Date Title
US11023055B2 (en) Devices, methods, and graphical user interfaces for an electronic device interacting with a stylus
US11402978B2 (en) Devices, methods, and systems for manipulating user interfaces
US20200073443A1 (en) Flexible display apparatus and operating method thereof
US10175871B2 (en) Device, method, and graphical user interface for adjusting the appearance of a control
EP2529292B1 (en) Device, method, and graphical user interface for resizing objects
KR102061881B1 (ko) 멀티 디스플레이 장치 및 그 디스플레이 제어 방법
CN114416227B (zh) 窗口切换方法、电子设备及可读存储介质
US9047006B2 (en) Electronic device system with information processing mechanism and method of operation thereof
US9575706B2 (en) Flexible display apparatus and control method thereof
US11947791B2 (en) Devices, methods, and systems for manipulating user interfaces
US20210049321A1 (en) Device, method, and graphical user interface for annotating text
US9513791B2 (en) Electronic device system with process continuation mechanism and method of operation thereof
JP2014078234A (ja) マルチディスプレイ装置及びマルチディスプレイ方法
WO2021203724A1 (zh) 笔迹选择方法、装置、计算机设备和存储介质
EP2916208A1 (en) Portable terminal and method of enlarging and displaying contents
KR20160055552A (ko) 메모 표시 방법 및 이를 위한 디바이스
WO2023131022A1 (zh) 显示控制方法、电子设备及可读存储介质
CN114461312B (zh) 显示的方法、电子设备及存储介质
WO2024078114A1 (zh) 窗口显示方法、电子设备及计算机可读存储介质
CN116450066A (zh) 分屏显示方法、电子设备及可读存储介质
WO2022166516A1 (zh) 分屏方法、装置、电子设备以及存储介质
EP4332744A1 (en) Control method and electronic device
US20150234794A1 (en) Electronic device and method of displaying electronic documents linked with link objects for the same
CN116048373A (zh) 悬浮球控件的显示方法、电子设备以及存储介质
CN115033138A (zh) 图标排列方法、电子设备和可读介质

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

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2022918463

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2022918463

Country of ref document: EP

Effective date: 20230920

WWE Wipo information: entry into national phase

Ref document number: 18553122

Country of ref document: US