WO2023030198A1 - 批注方法和电子设备 - Google Patents

批注方法和电子设备 Download PDF

Info

Publication number
WO2023030198A1
WO2023030198A1 PCT/CN2022/115223 CN2022115223W WO2023030198A1 WO 2023030198 A1 WO2023030198 A1 WO 2023030198A1 CN 2022115223 W CN2022115223 W CN 2022115223W WO 2023030198 A1 WO2023030198 A1 WO 2023030198A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
annotation
application
application interface
user
Prior art date
Application number
PCT/CN2022/115223
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 EP22863335.0A priority Critical patent/EP4375822A1/en
Publication of WO2023030198A1 publication Critical patent/WO2023030198A1/zh

Links

Images

Classifications

    • 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
    • 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
    • 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/04842—Selection of displayed objects or displayed text elements
    • 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
    • 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/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/169—Annotation, e.g. comment data or footnotes
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/171—Editing, e.g. inserting or deleting by use of digital ink
    • 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
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • the present application relates to the technical field of terminals, in particular to an annotation method and electronic equipment.
  • Electronic devices such as mobile phones and tablets have been increasingly used in people's work and study.
  • some electronic devices provide annotation functions, through which users can annotate texts, pictures, and other content.
  • the user can open the "Gallery” application program (application, APP) on the tablet to control the tablet to enter the annotation mode; after entering the annotation mode, as shown in (b) in Figure 1 It shows that the user can annotate the picture with a stylus on the annotation interface.
  • a toolbar can be provided in the annotation interface, and the user can adjust the content of the annotation through the toolbar.
  • the present application provides an annotation method and an electronic device, which are used to enrich the application scenarios of the annotation function and improve the flexibility of the user to perform annotation.
  • the embodiment of the present application provides an annotation method, including:
  • the first interface includes a first application interface and a second application interface displayed on a split screen
  • the second interface In response to the first scrolling operation, display a second interface, the second interface includes a first application interface and a second application interface displayed in split screen, the second interface is different from the first interface;
  • a first annotation image is generated, and the first annotation image includes: the first annotation, the second annotation, the first interface, and the second interface.
  • the electronic device when it is displaying the first application interface and the second application interface on a split screen, it can receive the user's comment trigger operation, enter the comment mode, and display the comment interface (ie, the above-mentioned first interface); the first interface can continue to split the screen
  • the first application interface and the second application interface are displayed, and an annotation layer can be loaded on the displayed application interface.
  • the annotation layer can be transparent, and the annotation layer can also include a toolbar.
  • the above-mentioned first annotation operation and second annotation operation may be annotation operations performed by the user on the screen with a stylus or fingers.
  • the user inputs an upward or downward scrolling operation, and the electronic device can scroll the first application interface and/or the second application interface to realize left and right split screens. Scroll up and down annotations in screen scenes.
  • the user inputs a scroll operation to the left or right, and the electronic device can scroll the first application interface and/or the second application interface to realize up and down split screens Left and right scrolling comments under the scene.
  • the electronic device can enter the annotation mode in the split-screen scene for the user to make annotations.
  • the annotation mode the user can make annotations on the first application interface and the second application interface displayed on the split screen , and the user can perform scrolling annotations, therefore, this method can enrich the application scenarios of the annotation function, improve the flexibility of the user's annotation, and improve the user's annotation experience.
  • the displaying the second interface in response to the first scrolling operation specifically includes:
  • the first application interface displayed in split screen is switched from the first sub-interface of the first application to the second sub-interface of the first application.
  • the electronic device can respond to the user's scrolling operation, and update the displayed interface content of the first application interface, so that the user can scroll the interface content of the first application interface in the annotation mode, thereby improving the flexibility of the user's annotation.
  • the method further includes:
  • the second application interface displayed in split screen is switched from the third subinterface of the second application to the fourth subinterface of the second application.
  • the first scrolling operation is an upward scrolling operation
  • the first subinterface in the first annotation picture is located above the second subinterface
  • the first subinterface is located above the second subinterface.
  • the third sub-interface is located above the fourth sub-interface.
  • the user can view the interface content behind the first application interface and the second application interface by scrolling up during the annotation process.
  • the first scrolling operation is a scrolling down operation
  • the first subinterface in the first annotation picture is located below the second subinterface
  • the The third sub-interface is located below the fourth sub-interface.
  • the user can scroll down to view the interface content in front of the first application interface and the second application interface during the annotation process.
  • the first application interface is located on the left side of the second application interface
  • the first sub-interface in the first annotation picture is located on the third sub-interface On the left side
  • the second sub-interface is located on the left side of the fourth sub-interface
  • the first application interface is located on the right side of the second application interface
  • the first sub-interface in the first annotation picture is located on the right side of the third sub-interface
  • the second sub-interface is located on the right side of the third sub-interface. The right side of the four sub-interface.
  • the user can make scrolling annotations in the left and right split-screen scenes.
  • the fourth sub-interface is a filling page. In this way, for the application interface that cannot continue to scroll, the user can use more comment space through the filled page.
  • the first application interface further includes a first component fixedly displayed at the bottom of the first application interface
  • the method further includes:
  • the first component After receiving the user's first scrolling operation on the first interface, the first component is no longer displayed.
  • the components fixedly displayed at the bottom of the first application interface such as the menu bar, are not displayed during the scrolling annotation process, so that the user can view more interface content on the screen and improve the user's annotation experience.
  • the first application interface further includes a second component fixedly displayed on the top of the first application interface
  • the method further includes:
  • the second component After receiving the user's first scrolling operation on the first interface, the second component is no longer displayed.
  • the components fixedly displayed on the top of the first application interface such as the status bar, are not displayed during the scrolling annotation process, so that the user can view more interface content on the screen and improve the user's annotation experience.
  • the method further includes:
  • the third interface includes a third application interface and a fourth application interface displayed on a split screen
  • a second annotation image is generated, the second annotation image including: the third annotation and the third application interface.
  • the electronic device can display which application interface in full screen when the user scrolls which application interface, so as to realize the upper and lower split screen scenarios. to scroll up and down annotations.
  • the electronic device can display which application interface in full screen when the user scrolls which application interface, so as to realize left and right split screens. Left and right scrolling comments under the scene.
  • the application scenarios of the annotation function can be further enriched, the flexibility of annotation by the user can be improved, and the annotation experience of the user can be improved.
  • the method further includes:
  • the fourth interface includes a fifth application interface and a sixth application interface displayed in split screen;
  • a third annotation picture is generated, where the third annotation image includes: the fifth application interface, the sixth application interface and the fourth annotation displayed in full screen.
  • the user can add annotations, scroll the interface, etc. on the fifth application interface.
  • the annotations added on the application interface are combined into one annotation image
  • the sixth application interface displayed during the annotation process and the annotations added by the user on the sixth application interface are combined into one annotation image, and then the two annotation images are stitched together and saved .
  • the application scenarios of the annotation function can be further enriched, the flexibility of annotation by the user can be improved, and the annotation experience of the user can be improved.
  • the method further includes:
  • the fifth interface includes a seventh application interface and an eighth application interface displayed in split screen;
  • the fifth annotation overlaps with the boundary line between the seventh application interface and the eighth application interface;
  • a fourth annotation image and a fifth annotation image are generated;
  • the fourth annotation image includes: the seventh application interface and the fifth annotation displayed in full screen, the
  • the fifth comment image includes the fifth interface and the fifth comment.
  • the application scenarios of the annotation function can be further enriched, the flexibility of annotation by the user can be improved, and the annotation experience of the user can be improved.
  • the method further includes:
  • the sixth interface includes a ninth application interface displayed in full screen and a tenth application interface displayed in suspension on the ninth application interface;
  • the tenth application interface displayed in suspension is hidden or the ninth application interface and the tenth application interface are displayed on a split screen.
  • the electronic device can enable the user to enter the annotation mode in the floating window scene, so as to further enrich the application scenarios of the annotation function, improve the flexibility of the user's annotation, and improve the user's annotation experience.
  • an embodiment of the present application provides an electronic device, including: a memory and a processor, the memory is used to store a computer program; the processor is used to execute the above-mentioned first aspect or any implementation manner of the first aspect when calling the computer program the method described.
  • the embodiments of the present application provide a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the method described in the above-mentioned first aspect or any implementation manner of the first aspect is implemented.
  • an embodiment of the present application provides a computer program product, which, when running on an electronic device, causes the electronic device to execute the method described in the first aspect or any implementation manner of the first aspect.
  • the embodiment of the present application provides a chip system, including a processor, the processor is coupled with the memory, and the processor executes the computer program stored in the memory, so as to realize the above-mentioned first aspect or any of the first aspects.
  • the chip system may be a single chip, or a chip module composed of multiple chips.
  • Figure 1 is a schematic diagram of an existing annotation scene
  • Fig. 2 is a schematic flow chart of the annotation method provided by the embodiment of the present application.
  • FIG. 3 is a schematic diagram of an annotation scene provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram of the floating menu triggering process provided by the embodiment of the present application.
  • FIGS. 5 to 17 are schematic diagrams of some annotation scenarios provided by the embodiments of this application.
  • FIG. 18 is a schematic structural diagram of an interactive system provided by an embodiment of the present application.
  • FIG. 19 is a schematic diagram of the software architecture of the electronic device provided by the embodiment of the present application.
  • Fig. 20 is a schematic diagram of the principle of scrolling annotation provided by the embodiment of the present application.
  • FIG. 21 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • Fig. 22 is a schematic structural diagram of an annotation device provided by an embodiment of the present application.
  • the embodiment of the present application provides a technical solution, in which the electronic device can enter the annotation mode in a multi-window scene for the user to make annotations.
  • the above-mentioned electronic device may be a display device such as a mobile phone, a tablet, a notebook computer, an e-reader, etc., which is not particularly limited in this embodiment of the present application. .
  • the windows included in the multi-window scene can be two or more, and the multiple windows included in the multi-window scene can be arranged horizontally (for example, a left-right split-screen scene), or vertically (for example, a top-bottom split-screen scene), It can also be arranged overlappingly (such as a floating window scene).
  • the technical solution of the present application will be described below by taking the left and right split screen scene, the top and bottom split screen scene, and the floating window scene as examples.
  • FIG. 2 is a schematic flow chart of the annotation method provided by the embodiment of the present application. As shown in Figure 2, the annotation method provided by this embodiment may include the following steps:
  • S110 Display a split-screen interface, where the split-screen interface includes a first application interface and a second application interface arranged horizontally.
  • the first application interface is the application interface of the "Gallery” APP
  • the second application interface is the application interface of the "Memorandum” APP
  • the "Gallery” APP and the “Memo” APP are displayed on the left and right split screens
  • the first application interface is located on the left side of the second application interface.
  • the following description will also take this positional relationship as an example.
  • the application interface of the same APP can also be displayed in the left and right split screens, that is, the APPs corresponding to the first application interface and the second application interface can be the same, and the user can control the first application interface and the second application interface to display the same or For different content, this display mode can also be called parallel horizon.
  • the left and right split screens can also divide the application interface of the same APP into columns.
  • the first application interface and the second application interface are used as different APP interface
  • the application interface is taken as an example for illustration.
  • the annotation triggering operation may be an operation performed by the user on the screen of the electronic device.
  • annotation triggering operation may be a triggering operation on a target control in the floating menu.
  • the electronic device can display a floating menu 10 on the screen after establishing a connection with the stylus, and an annotation control (ie, a target control) can be provided in the floating menu 10, and the user can click on the The control triggers the electronics to enter annotation mode.
  • an annotation control ie, a target control
  • FIG. 4 shows another implementation of the floating menu.
  • the user can slide inward from the first corner of the screen (here, the upper right corner for example) to open the floating menu 10.
  • the floating menu 10 can be in a semi-circular shape and displayed along the upper and right edges of the screen; similar to FIG. 3 , a comment control can be provided in the floating menu 10, and the user can Clicking on the control triggers the electronic device to enter annotation mode.
  • the annotation triggering operation may include an operation of triggering the electronic device to display a floating menu and an operation of clicking an annotation control.
  • the operation of triggering the electronic device to display the floating menu is not limited to the above-mentioned operation of sliding in from the upper right corner of the screen, and may also be other operations.
  • the device displays a floating menu.
  • the user can trigger the electronic device to close the floating menu by clicking an area outside the floating menu or performing other operations.
  • other functional controls may also be provided in the floating menu, and here, the control corresponding to function A is exemplarily included.
  • some functional controls can be displayed in the floating menu, for example, two functional controls are displayed, and other functional controls can be hidden. The user can slide upward or downward along the extension direction of the floating menu to control Function controls displayed in the floating menu.
  • the comment triggering operation performed by the user on the screen of the electronic device may also be a preset gesture operation.
  • the user can slide in from the second corner (such as the lower left corner) of the screen to trigger the electronic device to enter the comment mode; the user may also execute The target's air gesture operation triggers the electronic device to enter the annotation mode.
  • This embodiment does not specifically limit the gesture operation.
  • the touch operation performed on the screen of the electronic device may be a touch operation performed by the user through a finger, or a touch operation performed by the user through a stylus.
  • the stylus is used as an example. sexual description.
  • annotation triggering operation may also be an operation performed by the user on the stylus.
  • the user can double-click the pen shaft of the stylus, shake the pen shaft or press a target button on the stylus to trigger the electronic device to enter the annotation mode.
  • the displayed first annotation interface may include the interface content 21 of the split-screen interface and the annotation layer covering the interface content 21 .
  • the annotation layer may include a transparent area 22 and a toolbar 23 .
  • the user can view the interface content 21 under the annotation layer through the transparent area 22 , and make annotations on the interface content 21 in the transparent area 22 .
  • Toolbar 23 is provided with functional options for adjusting the annotation content, and (b) in Figure 3 exemplarily shows several functional options, which are in turn from left to right: the option to exit the annotation mode, the option to adjust the thickness of the line , an option to adjust the line color, an eraser option, and an option to save annotations.
  • function options in the toolbar 23 are not limited to the options shown in FIG. 3 , and may include more or less options, which is not particularly limited in this embodiment.
  • the toolbar 23 can be positioned at the bottom of the first annotation interface by default, and the user can also drag the toolbar 23 to change the position of the toolbar 23 .
  • the user can add annotations (that is, the first annotation) to the interface content 21 in the transparent area 22 through the stylus, and the electronic device can display in real time the content added by the user. comments.
  • annotations that is, the first annotation
  • the user can select the function options in the toolbar 23 to adjust the thickness and color of the annotation lines or erase the annotation lines.
  • the user may input an operation of scrolling the screen (ie, a scrolling operation) on the screen.
  • the electronic device receives the scrolling operation input by the user, it can scroll the interface and update the interface content displayed in the annotation interface; then, the user can continue to add annotations on the scrolled annotation interface (ie, the second annotation interface) (i.e. the second annotation); after completing the annotation, the annotation can be saved by the option of saving the annotation in the toolbar 23, or the electronic device can automatically save the application interface and the user's display in the annotation process after each annotation operation is completed by the user.
  • the user saves the annotation through the toolbar 23 as an example for illustration.
  • the scrolling operation may be an up-swipe operation or a slide-down operation performed by the user on the screen, or a left-swipe operation or a right-swipe operation performed by the user on the screen, wherein the scroll annotation process corresponding to various scroll operations is similar,
  • the main difference lies in the different scrolling directions.
  • the following swipe up operation is taken as an example for illustration.
  • the electronic device may scroll and display the first application interface and the second application interface synchronously.
  • the following examples illustrate several possible scrolling annotation scenarios.
  • the interface content of the first application interface can be scrolled, such as email APP, weather APP, etc.
  • the interface content included in the application interface of these APPs is usually not enough to be displayed on the screen.
  • the interface content of the second application interface cannot be scrolled, such as calculator APP, compass APP, etc.
  • the interface content included in the application interface can usually be completely displayed on the screen, that is, the interface content has reached the bottom, and when the APP responds to the user's scrolling operation, the interface content does not scroll in the application interface.
  • the interface content displayed in the first annotation interface before scrolling includes: the interface content 1-1 of the first application interface and the interface content 2 of the second application interface;
  • the annotation content includes: A batch of annotations, wherein the first annotation is located in the central area of the screen, and the first annotation straddles the interface content 1-1 and interface content 2, and the first annotation in the subsequent scene 02 to scene 06 in the first annotation interface
  • the location is also described as an example.
  • the electronic device can scroll up the interface content of the first application interface and the interface content of the second application interface, and scroll the annotation layer synchronously.
  • the interface content of the first application interface can be scrolled, and new interface content can be displayed during the scrolling process; the interface content of the second application interface cannot be scrolled, that is, the interface content has reached the bottom.
  • the bottom of the interface content of the second application interface is filled with preset content.
  • the filling content may be a white page or a background page of the second application interface, etc. In this embodiment, the white page is taken as an example for illustration.
  • the electronic device scrolls up the interface content of the first application interface, the interface content of the second application interface and the annotation layer, and in the second annotation interface displayed after scrolling, the first application interface From top to bottom, the interface content in may include: the partial interface content 1-1 of the first application interface displayed in the first annotation interface and the newly displayed interface content 1-2 of the first application interface;
  • the interface content from top to bottom may include: the partial interface content 2 of the second application interface displayed in the first annotation interface and the filling content of the second application interface; the first annotation scrolls up synchronously, moving from the middle area of the screen to the bottom of the screen upper area.
  • the user can continue to add a second annotation in the second annotation interface, as shown in (b) in Figure 5, the second annotation is located on the newly displayed interface content in the second annotation interface, and the second annotation horizontally The area where the interface content 1-2 of the first application interface is located and the area where the filling content of the second application interface is located. It can be understood that, in the scrolled second annotation interface, the user may also add annotations on the interface content 1 - 1 of the first application interface and the interface content 2 of the second application interface.
  • the user can input the annotation save operation to save the annotation interface.
  • the electronic device After the electronic device receives the user's annotation saving operation, it can combine the interface content of the first application interface displayed during the entire annotation process, the interface content of the second application interface and the annotation in the annotation layer, and the obtained annotation The picture is saved.
  • the interface content of the first application interface may include from top to bottom: all interface contents 1-1 and 1-1 of the first application interface displayed in the first annotation interface
  • the interface content of the second application interface may include from top to bottom: all interface contents 2 and 2 of the second application interface displayed in the first annotation interface
  • the annotation content may include, from top to bottom: the first annotation and the second annotation added by the user.
  • the electronic device when the electronic device saves the commented picture, it can save the commented picture in the default path, for example, it can be saved in the photo album or in the memo; the user can also set the saving path, such as selecting the option of saving the comment in the toolbar 23 Finally, the electronic device may display a pop-up window for the user to set a saving path, and then save the annotation picture in the path set by the user.
  • the electronic device after the electronic device generates the commented picture, it can also display a preview interface. For example, it can display the commented picture through a pop-up window in the preview interface in a manner similar to that of a screenshot. Operation, you can save the commented picture in the default path; if you receive the operation of clicking the commented picture by the user within the preset time, you can display the picture editing interface.
  • the picture editing interface can include the commented picture and some editing controls, for example, delete the control , save control, mosaic control, and share control, etc., users can delete the commented picture in the picture editing interface, or save and/or share the picture after relevant editing.
  • the newly displayed content of interface scrolling is related to the sliding distance in the scrolling operation. Therefore, the interface content in the second annotation interface displayed after scrolling can be all or equal to the interface content in the first annotation interface displayed before scrolling.
  • this embodiment uses partly different as an example for illustration.
  • the tool bar 23 is omitted in (a) and (b) in FIG. 5 , and subsequent figures are similar.
  • Scene 02 Refer to (a) in Figure 6, the interface content of the first application interface and the second application interface can be scrolled, and the interface content displayed in the first annotation interface before scrolling includes: interface content 1 of the first application interface -1 and interface content 2-1 of the second application interface.
  • the electronic device can scroll up the interface content of the first application interface, the interface content of the second application interface and the annotation layer.
  • the interface contents of the first application interface and the second application interface can be scrolled, and new interface contents can be displayed during the scrolling process.
  • the interface content in the first application interface may include from top to bottom: the part of the first application interface displayed in the first annotation interface The interface content 1-1 and the newly displayed interface content 1-2 of the first application interface; the interface content in the second application interface may include from top to bottom: part of the interface content of the second application interface displayed in the first annotation interface 2-1 and the interface content 2-2 of the newly displayed second application interface; the first annotation scrolls up synchronously, moving from the middle area of the screen to the upper area of the screen.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation spans the interface content 1-2 of the first application interface and the second The interface content of the application interface is on 2-2.
  • the interface content of the first application interface may include from top to bottom: the first annotation displayed in the first annotation interface All interface content 1-1 of an application interface and the interface content 1-2 of the first application interface newly displayed in the second annotation interface;
  • the interface content of the second application interface may include from top to bottom: displayed in the first annotation interface The entire interface content 2-1 of the second application interface and the interface content 2-2 of the second application interface newly displayed in the second annotation interface;
  • the annotation content may include from top to bottom: the first annotation added by the user and the second annotation.
  • the application interface of some APPs will include one or more components with fixed positions. When the APP responds to the scrolling operation, the positions of these components will not move accordingly; among them, the interface content of some components can be scrolled, and the interface content of some components cannot be scrolled. , for example, the text content in the gallery APP, contact APP, memo APP, etc. can be scrolled, but the content in the navigation bar and menu bar cannot be scrolled; some apps include toolbars, and the content in the toolbar is usually not scrollable; Each component can include one or more controls.
  • the position and other content of the control in this component can be moved when the APP responds to the user's scrolling operation; for the interface content, it cannot
  • a scrollable component referred to as a non-scrollable component
  • the position and other content of the controls in the component do not move when the APP responds to the user's scrolling operation.
  • the interface can be filled at the bottom of the content of the non-scrollable component when scrolling; if the non-scrollable component is at the bottom or top of the scrollable component, the interface content of the non-scrollable component can be fixedly displayed when scrolling , or you can hide and display the interface content of the non-scrollable component.
  • interface padding may be performed at the bottom of the interface content of the APP.
  • the application interface of the first application includes components 1 and 3 arranged horizontally, and component 3 is located on the left side of component 1; the application interface of the second application includes component 2, Among them, the interface content in component 1 and component 2 can be scrolled, and the interface content in component 3 cannot be scrolled.
  • component 1 is the component corresponding to the content area in the first application interface, and the text content is displayed in component 1; component 3 It is the side toolbar in the first application interface.
  • the interface content in component 1 can be scrolled accordingly, and the interface content in component 3 remains unchanged.
  • the interface content displayed in the first annotation interface before scrolling includes: interface content 1-1 of component 1, interface content 2-1 of component 2, and interface content 3 of component 3;
  • the content of the annotation includes: the first annotation, wherein, the first A comment is located in the central area of the screen, and the first comment straddles the interface content 1-1 and the interface content 2-1.
  • the electronic device can scroll up the interface content of component 1, the interface content of component 2, the interface content of component 3 and the annotation layer.
  • the interface content of component 1 and component 2 can be scrolled, and new interface content can be displayed during the scrolling process; the interface content of component 3 cannot be scrolled, and the interface can be filled.
  • the interface content in the first application interface may include left and right parts, wherein the right part may include from top to bottom: Part of the interface content 1-1 of component 1 displayed in the first annotation interface and the interface content 1-2 of the newly displayed component 1; the left part of the content may include from top to bottom: part of the interface of component 3 displayed in the first annotation interface Filler content for content3 and component3.
  • the interface content in the second application interface may include from top to bottom: part of the interface content 2-1 of the second application displayed in the first annotation interface and the newly displayed interface content 2-2 of the second application; the synchronization of the first annotation Scroll up to move from the middle area of the screen to the upper area of the screen.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation spans the interface content 1-2 of the first application interface and the second The interface content of the application interface is on 2-2.
  • the interface content of the first application interface may include left and right parts, wherein the right part is from top to bottom.
  • the following may include: the entire interface content 1-1 of the first application displayed in the first annotation interface and the interface content 1-2 of the first application newly displayed in the second annotation interface; the content of the left part may include from top to bottom: The entire interface content 3 of component 3 displayed in the first annotation interface and the filling content of component 3 displayed in the second annotation interface.
  • the interface content of the second application interface may include from top to bottom: all interface content 2-1 of the second application displayed in the first annotation interface and interface content 2-2 of the second application newly displayed in the second annotation interface;
  • the annotation content may include, from top to bottom: the first annotation and the second annotation added by the user.
  • Scenario 04 See (a) in Figure 8, the application interface of the first application includes components 1 and 3 arranged vertically, and component 3 is located at the bottom of component 1, for example, component 3 is the menu in the first application interface column; the application interface of the second application includes component 2, wherein the interface content of component 1 can be scrolled, and the interface content of component 2 and component 3 cannot be scrolled.
  • the interface content displayed on the first annotation interface before scrolling includes: interface content 1-1 of component 1, interface content 2 of component 2, and interface content 3 of component 3.
  • the electronic device can scroll up the interface content of component 1, the interface content of component 2 and the annotation layer, and hide and display the interface content of component 3.
  • the interface content of component 1 can be scrolled, and new interface content can be displayed during the scrolling process; the interface content of component 2 cannot be scrolled, and the interface can be filled.
  • the interface content in the first application interface may include from top to bottom: part of the interface content of component 1 displayed in the first annotation interface 1-1 and the interface content 1-2 of the newly displayed component 1;
  • the interface content in the second application interface may include from top to bottom: part of the interface content 2 of the second application displayed in the first annotation interface and the second application Filling content of ;
  • the first comment scrolls up synchronously, moving from the middle area of the screen to the upper area of the screen.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation spans the interface content 1-2 and the second application interface of the first application interface.
  • the interface content of the first application interface may include from top to bottom: the first annotation displayed in the first annotation interface All interface content 1-1 of an application, interface content 1-2 of the first application newly displayed in the second annotation interface, and all interface content 3 of component 3 displayed in the first annotation interface;
  • interface content of the second application interface From top to bottom may include: the entire interface content 2 of the second application displayed in the first annotation interface and the filling content displayed in the second annotation interface; the annotation content may include the first annotation and the second annotation added by the user from top to bottom annotation.
  • Scenario 05 Referring to (a) in Figure 9, the application interface of the first application includes component 1 and component 3 arranged vertically, component 3 is located at the bottom of component 1, and the application interface of the second application includes component 2, where , the interface content in component 1 and component 2 can be scrolled, and the interface content in component 3 cannot be scrolled.
  • the interface content displayed in the first annotation interface before scrolling includes: interface content 1-1 of component 1, interface content 2-1 of component 2 and interface content 3 of component 3.
  • the electronic device can scroll up the interface content of component 1, the interface content of component 2 and the annotation layer, and hide and display the interface content of component 3.
  • the interface content of component 1 and component 2 can be scrolled, and new interface content can be displayed during the scrolling process.
  • the interface content in the first application interface may include from top to bottom: part of the interface content of component 1 displayed in the first annotation interface 1-1 and the interface content 1-2 of the newly displayed component 1;
  • the interface content in the second application interface may include from top to bottom: part of the interface content 2-1 of the second application displayed in the first annotation interface and the new The displayed interface content 2-2 of the second application;
  • the first annotation scrolls up synchronously, moving from the middle area of the screen to the upper area of the screen.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation spans the interface content 1-2 and the second application interface of the first application interface.
  • the interface content of the application interface is on 2-2.
  • the interface content of the first application interface may include from top to bottom: the first annotation displayed in the first annotation interface All interface content 1-1 of an application, interface content 1-2 of the first application newly displayed in the second annotation interface, and all interface content 3 of component 3 displayed in the first annotation interface; interface content of the second application interface From top to bottom, it may include: the entire interface content 2-1 of the second application displayed in the first annotation interface, the interface content 2-2 of the second application newly displayed in the second annotation interface, and the new interface corresponding to component 3.
  • the displayed interface content 2-3 of the second application; the annotation content may include the first annotation and the second annotation added by the user from top to bottom.
  • the interface content of component 3 when saving, if the interface content of component 3 is spliced at the bottom of the interface content 1-2 of component 1, a part of the interface content can be displayed after the interface content 2-2 of component 2, so that the saved annotation
  • the lengths of the first application interface and the second application interface in the picture are the same. It can be understood that the interface padding can also be performed at the bottom of the interface content 2-2 of the component 2.
  • Scenario 06 See (a) in Figure 10, the application interface of the first application includes vertically arranged components 1 and 3, component 3 is located at the bottom of component 1, and the application interface of the second application includes vertically arranged Component 2 and Component 4, Component 4 is located at the bottom of Component 2, where the interface content in Component 1 and Component 2 can be scrolled, and the interface content in Component 3 and Component 4 cannot be scrolled.
  • the interface content displayed on the first annotation interface before scrolling includes: interface content 1-1 of component 1, interface content 2-1 of component 2, interface content 3 of component 3, and interface content 4 of component 4.
  • the electronic device can scroll up the interface content of component 1, the interface content of component 2 and the annotation layer, and hide and display the interface content of component 3 and component 4.
  • the interface content of component 1 and component 2 can be scrolled, and new interface content can be displayed during the scrolling process.
  • the interface content in the first application interface may include from top to bottom: part of the interface content of component 1 displayed in the first annotation interface 1-1 and the interface content 1-2 of the newly displayed component 1;
  • the interface content in the second application interface may include from top to bottom: part of the interface content 2-1 of the second application displayed in the first annotation interface and the new The displayed interface content 2-2 of the second application;
  • the first annotation scrolls up synchronously, moving from the middle area of the screen to the upper area of the screen.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation spans the interface content 1-2 of the first application interface and the second The interface content of the application interface is on 2-2.
  • the interface content of the first application interface may include from top to bottom: the first application interface displayed in the first annotation interface All interface content 1-1 of an application, interface content 1-2 of the first application newly displayed in the second annotation interface, and all interface content 3 of component 3 displayed in the first annotation interface; interface content of the second application interface From top to bottom, it may include: the entire interface content 2-1 of the second application displayed in the first annotation interface, the interface content 2-2 of the second application newly displayed in the second annotation interface, and the content displayed in the first annotation interface
  • annotation content may include, from top to bottom: the first annotation and the second annotation added by the user.
  • the height of component 3 and component 4 is the same as an example for illustration. It can be understood that the height of component 3 and component 4 can also be different.
  • a part of the interface content can be re-displayed above the components with a lower height among components 3 and 4, so that the lengths of the first application interface and the second application interface in the saved annotation picture are consistent. For example, if the height of component 3 is lower than that of component 4, a part of the interface content may be displayed after the interface content 1-2 of component 1.
  • the electronic device may only scroll and display the application interface targeted by the scrolling operation, and other application interfaces may not scroll, that is, each application interface scrolls asynchronously;
  • the interface can be filled to make the length of each application interface consistent.
  • cross-screen annotations can be prohibited. The following takes scene 02 as an example for illustration.
  • the interface content of the first application and the second application can be scrolled, and the interface content displayed in the first annotation interface before scrolling includes: the interface content 1-1 of the first application and the interface content of the second application interface content 2; the first annotation includes: annotation 11 and annotation 12, annotation 11 is located in the middle area of interface content 1-1, and annotation 12 is located in the middle area of interface content 2.
  • the electronic device can scroll up the interface content of the first application interface, as shown in (b) in Figure 11, after scrolling
  • the interface content in the first application interface may include from top to bottom: part of the interface content 1-1 of the first application displayed in the first annotation interface and the newly displayed interface content of the first application 1-2; the interface content in the second application interface remains unchanged.
  • the user can save the annotation interface after adding the second annotation in the second annotation interface, wherein the second annotation includes annotation 21 and annotation 22, and annotation 21 is located on the interface content 1-2 , Annotation 22 is located on interface content 2 and below Annotation 12.
  • the interface content of the first application interface may include from top to bottom: the first annotation displayed in the first annotation interface The entire interface content 1-1 of an application and the interface content 1-2 of the first application newly displayed in the second annotation interface; the interface content of the second application interface may include from top to bottom: the first application displayed in the first annotation interface All interface content 2 of the second application and filling content of the second application; annotation content may include: annotation 11 and annotation 21 located in the first application interface, annotation 12 and annotation 22 located in the second application interface.
  • the asynchronous scrolling process is illustrated by taking scene 02 as an example above, and the asynchronous scrolling process in other scenes is similar and will not be repeated here.
  • the application interface of different APPs can be displayed in the upper and lower split screens, and the application interface of the same APP can also be displayed. This embodiment does not specifically limit this.
  • the upper screen displays the first application interface and the lower screen displays the second
  • the second application interface is used as an example to illustrate the scrolling annotation process.
  • annotations added by the user may span screens, that is, the annotations span the first application interface and the second application interface.
  • the annotation added by the user may not be across screens, that is, the annotation is located in the first application interface or the second application interface, and these cases will be described respectively below.
  • Scenario 11 Referring to (a) in FIG. 12 , when the electronic device receives a user's scrolling operation, there is no annotation on the annotation interface. In this case, the electronic device can display the APP targeted by the user's scrolling operation in full screen. For example, as shown in (a) and (b) in FIG. The first application interface is displayed.
  • the user can add annotations to the first application interface on the screen, scroll the interface, etc.
  • the electronic device can display the interface content of the first application interface displayed during the annotation process and Annotations added by users are merged into annotated pictures and saved.
  • the comment interface is saved, wherein the comment added by the user is located in the middle area of the first application interface; as shown in Figure 12
  • the saved annotation image may include: the interface content of the first application interface displayed in full screen and the annotation added by the user.
  • Scenario 12 Referring to (a) in Figure 13, when the electronic device receives the user's scrolling operation, the annotation interface includes annotation 11 and annotation 12, annotation 11 is located in the first application interface, and annotation 12 is located in the second application interface , Annotation 11 and Annotation 12 are not across the screen.
  • the electronic device can display the APP targeted by the user's scrolling operation in full screen, for example, as shown in (a) and (b) in FIG.
  • the first application interface is displayed.
  • the user can add annotations, scroll the interface, etc. to the first application interface on the screen, and after the user inputs the annotation saving operation, the electronic device can combine the first application interface displayed during the annotation process and the user's added information on the first application interface.
  • the annotations are merged into the first annotation image
  • the second application interface displayed during the annotation process and the annotations added by the user on the second application interface are merged into the second annotation image, and then the second annotation image is stitched at the bottom of the first annotation image to save.
  • the annotation interface is saved, wherein the annotation 2 is located below the annotation 11; as shown in (c) in Figure 13
  • the interface content in the saved annotation picture may include from top to bottom: the interface content of the first application interface displayed in full screen and the interface content of the second application interface displayed before scrolling,
  • the annotation content may include: annotation 11 on the first application interface, annotation 2 and annotation 12 on the second application interface.
  • Scenario 13 Referring to (a) in FIG. 14 , when the electronic device receives a user's scrolling operation on the first application interface, the annotation interface includes annotation 1, and annotation 1 spans the screen. For this case, as shown in (b) in Figure 14, the electronic device can pop up a window to prompt the user whether to save the current annotation content, and after the user selects, as shown in (c) in Figure 14, the first application interface.
  • the user can add comments on the first application interface on the screen, scroll the interface, etc., and after the user inputs the comment saving operation, the electronic device can combine the first application interface displayed during the annotation process with the user's first application interface.
  • the annotation added on the above is merged into the annotation picture for saving.
  • the electronic device can simultaneously save the content of the annotation in (a) in Figure 14
  • the displayed application interface and annotation 1 are combined into an annotation picture and saved.
  • the user selects the option "Yes" and adds annotation 2 on the first application interface, then saves the annotation interface, wherein annotation 2 is located in annotation 1 below.
  • one of the saved annotation pictures may include: the first application interface displayed in full screen, annotation 1 and annotation 2 ;
  • Another saved annotation picture may include: the first application interface and the second application interface displayed from top to bottom before scrolling, and the annotation 1 spanning the first application interface and the second application interface.
  • annotation 1 may not be displayed.
  • Scenario 14 Referring to (a) in FIG. 15 , when the electronic device receives a user's scrolling operation on the second application interface, the annotation interface includes annotation 1, and annotation 1 spans the screen.
  • the electronic device can scroll up the first application interface and the second application interface, and during the scrolling process, the first application interface shown in (a) in Figure 15 The interface content is gradually hidden from top to bottom, and the second application interface continuously displays new interface content.
  • annotation 2 is located in the second application interface and below annotation 1 .
  • the interface content of the first application interface shown in (a) in Figure 15 is completely hidden, and the second application interface presents a state of full-screen display; annotation 1 and annotation 2 scroll up synchronously, annotation 1 scrolls to the top of the screen, and the part located in the first application interface is hidden, and annotation 2 scrolls to the upper area of the screen.
  • the electronic device After the user continues to add annotation 3, save the annotation interface, where annotation 3 is located below annotation 2; after the electronic device receives the user's annotation saving operation, it can combine the application interface displayed during the annotation process and the annotation added by the user into an annotation image Save; as shown in (d) in Figure 15, the interface content in the saved annotation picture may include from top to bottom: the interface content of the first application interface and the second application interface displayed before scrolling, and the new application interface after two scrolls.
  • the displayed interface content of the second application interface, the annotation content from top to bottom may include: annotation 1 across the first application interface and the second application interface, annotation 2 and annotation 3 located in the second application interface.
  • the electronic device displays the first application interface in full screen, and displays the second application interface in the floating window, in this scenario, the user clicks the annotation control in the floating menu 10; as shown in Figure 16
  • the electronic device receives the user's comment trigger operation, it enters the comment mode and can hide the floating window.
  • the user can add annotations, scroll the interface, etc. on the screen for the first application interface, and after the user inputs the annotation saving operation, the electronic device can combine the first application interface displayed during the annotation process and the annotations added by the user into an annotation image for storage.
  • the user scrolls the interface, wherein annotation 1 is located in the middle of the screen; as shown in (c) in Figure 16, the electronic After receiving the user's scrolling operation, the device scrolls the interface content of the first application interface, and the lower part of the screen displays the new interface content of the first application interface.
  • the annotation 1 scrolls up to the upper part of the screen synchronously; Add annotation 2 on , and then save the annotation interface, wherein annotation 2 is located on the newly displayed interface content.
  • the interface content in the saved annotation picture may include from top to bottom: the interface content of the first application interface displayed before scrolling and the interface content after scrolling.
  • the newly displayed interface content of the first application interface may include annotation 1 and annotation 2 from top to bottom.
  • the electronic device displays the first application interface in full screen, and displays the second application interface in the floating window.
  • the user inputs a comment trigger operation by clicking the comment control in the floating menu 10 , and after the electronic device enters the comment mode, it can display the first application interface and the second application interface in split screens.
  • the left and right split screens are taken as an example, and it is understandable that the up and down split screens can also be split when performing split screens.
  • the interface content 1-1 of the first application can be scrolled, and the interface content 2 of the second application cannot be scrolled.
  • the user enters the scrolling operation after adding annotation 1, wherein annotation 1 is located in the middle of the screen, And straddle the first application interface and the second application interface.
  • the electronic device scrolls up the interface content of the first application interface, the interface content of the second application interface and the annotation layer, and scrolls up at the bottom of the interface content of the second application. Fill in the interface.
  • the interface content in the first application interface may include from top to bottom: part of the interface content 1-1 of the first application shown in (b) in FIG.
  • the interface content in the second application interface may include from top to bottom: part of the interface content 2 of the second application and the filling content of the second application, and the annotation 1 scrolls up synchronously, scrolling from the middle of the screen to the top of the screen.
  • the user After adding the annotation 2, the user inputs the annotation saving operation to save the annotation interface, wherein the annotation 2 spans the area where the interface content 1-2 of the first application interface is located and the area where the filled content of the second application interface is located.
  • the interface content of the first application interface may include from top to bottom: all interface content 1-1 shown in Figure 17 (b) and Figure 17
  • the newly displayed interface content 1-2 of the first application in (c) the interface content of the second application interface may include from top to bottom: all interface content 2 of the second application and the filling content of the second application, annotations
  • annotations may include from top to bottom: annotation 1 and annotation 2 added by the user.
  • the electronic device can enter the annotation mode in a multi-window scene for users to make annotations, which can enrich the application scenarios of the annotation function, improve the flexibility of the user's annotation, and improve the user's annotation experience.
  • FIG. 18 is a schematic structural diagram of the interactive system provided by the embodiment of the present application.
  • the interactive system may include: an electronic device 100 and a stylus 200 .
  • the electronic device 100 may be a display device such as a mobile phone, a tablet, a notebook computer, or an e-reader.
  • the stylus 200 can be a resistive stylus 200 or a capacitive stylus 200 and so on.
  • the electronic device 100 and the stylus 200 can communicate through wireless communication methods such as Bluetooth and wireless fidelity (Wi-Fi) network.
  • wireless communication methods such as Bluetooth and wireless fidelity (Wi-Fi) network.
  • buttons can be set on the stylus 200, and the buttons can be physical buttons or virtual buttons.
  • the user can control the stylus 200 to perform corresponding operations through the buttons on the stylus 200. For example, after the user clicks the first button, the stylus 200 establishes a communication connection with the electronic device 100; Device 100 enters annotation mode.
  • the electronic device 100 After the electronic device 100 establishes communication with the stylus 200 , the user can input a touch operation through the stylus 200 , and in the annotation mode, the electronic device 100 can display the movement trajectory formed by the stylus 200 on the screen.
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture or a cloud architecture.
  • the software structure of the electronic device 100 is exemplarily described by taking an Android system with a layered architecture as an example.
  • FIG. 19 is a schematic diagram of the software architecture of the electronic device 100 provided by the embodiment of the present application.
  • the software system of the electronic device 100 can be divided into several layers.
  • the Android system can be divided into application layers from top to bottom. Program layer, application framework layer, Android runtime and system library, and kernel layer.
  • the application layer can include a series of applications.
  • the application programs may include application programs such as camera, gallery, calendar, call, WLAN, Bluetooth, music, memo, short message, annotation, and browser.
  • the application framework layer provides an application programming interface (Application Programming Interface, API) and a programming framework for applications in the application layer.
  • API Application Programming Interface
  • the application framework layer includes some predefined functions.
  • the application framework layer may include a window manager, a content provider, a view system, a resource manager, a notification manager, a screenshot module, 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.
  • Content providers are used to store and retrieve data and make it accessible to applications. Said data may include video, images, audio, calls made and received, browsing history and bookmarks, phonebook, 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. For example, a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.
  • 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. For example, a text message is prompted in the status bar, a prompt sound is issued, the electronic device 100 vibrates, an indicator light flashes, and the like.
  • the screenshot module can take a screenshot of the display interface of the electronic device 100 .
  • the Android Runtime includes core library and 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) and input module, etc.
  • Surface Manager Surface Manager
  • Media Libraries Media Libraries
  • 3D graphics processing library eg: OpenGL ES
  • 2D graphics engine eg: SGL
  • input module 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 input module is used for transmitting the touch event generated by the touch operation input by the user to the corresponding application program.
  • the kernel layer is a layer between hardware and software, which is used to provide core system services for the Android kernel, such as security services, network services, memory management services, detection management services, and driver models.
  • the kernel layer can contain display drivers, camera drivers, audio drivers and sensor drivers.
  • the touch sensor in the hardware device can generate a corresponding hardware interrupt and send it to the kernel layer, and the kernel layer can encapsulate the touch operation into a touch event (for example, touch down (action down) event, touch move (action move) events and touch up (action up) events, etc.), and can report touch events to the upper-layer APP through the input module in the system library.
  • a touch event for example, touch down (action down) event, touch move (action move) events and touch up (action up) events, etc.
  • the electronic device 100 after the electronic device 100 enters the annotation mode, it can load the annotation layer on the application interface, so that the touch event generated by the scrolling operation input by the user will be processed by the annotation layer and located below the annotation layer.
  • the APP cannot receive touch events, so that the interface scrolling cannot be realized.
  • the interface scrolling in annotation mode can be realized by simulating touch events.
  • a content sensor can be added in the application framework layer, and the annotation application can use the content sensor to realize the scrolling annotation process. The principle of scrolling annotation is described below.
  • Figure 20 is a schematic diagram of the scrolling annotation principle provided by the embodiment of the present application.
  • the input module can transmit the touch event generated by the annotation trigger operation to the annotation application (step S1); the annotation application receives After a touch event is received, an interface information request command may be sent to the window manager in response to the touch event (step S2), so as to acquire APP interface information.
  • the interface information of the currently displayed APP (herein referred to as the target APP) can be transmitted to the content sensor (step S3); then, the content sensor can transmit the interface information of the target APP Pass it to the annotation application (step S4).
  • the target APP may include one or more.
  • the target APP may include the “Gallery” APP and the “Memorandum” APP shown in Figure 3 above.
  • the processing process of each target APP is similar, and here is an example. Exemplary instructions.
  • the annotation application After the annotation application obtains the interface information of the target APP, it can determine the position of the content display control in the target APP interface (herein referred to as the first target position) according to the interface layout information therein, and then can send a screenshot command to the screenshot module ( Step S5), notify the screenshot module to take a screenshot of the first target location.
  • the screenshot module After the screenshot module completes the screenshot, it can return the screenshot to the annotation application (step S6); then, the annotation application can load the annotation layer on the screenshot and display it (step S7).
  • the input module can pass the touch event corresponding to the first annotation to the annotation application (step S8); the annotation application can respond to the touch event, and display the user's addition on the annotation layer.
  • the first comment (step S9).
  • the annotation application can simulate the touch event corresponding to the scroll operation (referred to as the scroll touch event for short), and then send the simulated scroll touch event to the window manager (step S10) to notify the window manager
  • the controller passes the simulated scroll touch event to the target APP.
  • the target APP After the window manager transmits the simulated scrolling touch event to the target APP (step S11), the target APP can execute the corresponding scrolling process (step S12).
  • the target APP when the interface content is scrollable, the target APP can scroll the interface content; when the interface content is not scrollable, that is, the interface content has reached the bottom, the target APP does not need to scroll the interface content.
  • the annotation application After the annotation application sends the simulated scrolling touch event to the window manager, it can determine the position of the scrollable control (referred to as the second target position here) according to the interface information of the target APP obtained earlier, and then send a screenshot to the screenshot module order (step S13), to notify the screenshot module to take a screenshot of the second target position.
  • the second target position the position of the scrollable control
  • step S13 the screenshot module order
  • the annotation application can determine whether the interface content in the control can be scrolled according to the type of the control.
  • the scrollable controls can include RecycleView, ListView, ScrollView, PageView, and WebView.
  • the main page of the "Gallery" APP generally uses The RecycleView control
  • the ListView control is generally used in the news APP
  • the ScrollView control is generally used in the “Contact” APP
  • the PageView control is generally used in the slideshow APP
  • the WebView control is generally used in the webpage APP.
  • the annotation application may determine the position of the scrollable control as the second target position, and instruct the screenshot module to take a screenshot of the position.
  • the screenshot can be returned to the annotation application (step S14); then, the annotation application can perform image deduplication and image splicing, and update the displayed screenshot after generating a long screenshot (step S15).
  • the annotation application can compare the screenshot obtained this time with the screenshot obtained last time. If all the interface content of the screenshot obtained this time already exists in the screenshot obtained last time, it means that the interface content of the target APP has been scrolled to the bottom At this time, the interface can be filled at the bottom of the interface content of the target APP, for example, filled with a white page. If the screenshot obtained last time does not include all the interface content in the screenshot obtained this time, you can splice the newly loaded interface content in the screenshot obtained this time to the bottom of the interface content in the screenshot obtained last time to generate a long screenshot .
  • the input module can pass the touch event corresponding to the scrolling operation to the annotation application (step S16); the annotation application can respond to the touch event, scroll the long screenshot and the annotation layer, and update the display interface content (step S17).
  • step S15 if it is determined that the interface content of the target APP has not reached the bottom, that is, the interface content of the target APP can continue to scroll, the annotation application can return to step S10 to update the long screenshot, that is, the electronic device 100 can repeat Steps S10-S15 are executed until the preset condition is met.
  • the preset condition may be that the interface content of the target APP reaches the bottom, or the electronic device 100 exits the annotation mode.
  • next long screenshot update process can be performed after each execution of the long screenshot update process; or every time the long screenshot update process is completed After the update process, after waiting for the preset duration, the next long screenshot update process is performed, wherein, the preset duration between each two long screenshot update processes can be equal or different, for example, the preset duration can be Gradually increase.
  • the window manager when implementing the scrolling annotation function, can also be modified so that the annotation application can directly obtain APP interface information from the window manager.
  • the way of adding the content sensor in the application framework layer can reduce the modification of the original framework structure and reduce the difficulty of implementation.
  • the structure of the electronic device 100 will be described below.
  • FIG. 21 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, and an antenna 2 , mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and A subscriber identification module (subscriber identification module, SIM) card interface 195 and the like.
  • SIM subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, bone conduction sensor 180M, etc.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100 .
  • the electronic device 100 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 (sgraphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (neural-network processing unit, NPU) wait.
  • application processor application processor
  • AP application processor
  • modem processor graphics processing unit
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • baseband processor baseband processor
  • neural network processor neural-network processing unit, NPU
  • the controller may be the nerve center and command center of the electronic device 100 .
  • 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 memory in processor 110 is a cache memory.
  • the memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 110 is reduced, thereby improving the efficiency of the system.
  • processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transmitter (universal asynchronous receiver/transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input and output (general-purpose input/output, GPIO) interface, subscriber identity module (subscriber identity module, SIM) interface, and /or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input and output
  • subscriber identity module subscriber identity module
  • 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 (serail clock line, SCL).
  • the I2S interface can be used for audio communication.
  • the PCM interface can also be used for audio communication, sampling, quantizing and encoding the analog signal.
  • the UART interface is a universal serial data bus for asynchronous communication; the bus can be a bidirectional communication bus, which converts the data to be transmitted between serial communication and parallel communication.
  • the MIPI interface can be used to connect the peripheral devices such as the processor 110 and the display screen 194, the camera 193; the MIPI interface includes a camera serial interface (camera serial interface, CSI), a display serial interface (display serial interface, DSI) and the like.
  • the GPIO interface can be configured by software, and the GPIO interface can be configured as a control signal or as a data signal.
  • the USB interface 130 is an interface conforming to the USB standard specification, specifically, it can be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the electronic device 100 , and can also be used to transmit data between the electronic device 100 and peripheral devices. It can also be used to connect headphones and play audio through them. This interface can also be used to connect other electronic devices, such as AR devices.
  • the interface connection relationship between 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 100 .
  • the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the charging management module 140 is configured to receive a charging input from a charger.
  • the charger may be a wireless charger or a wired charger.
  • the charging management module 140 can receive charging input from the wired charger through the USB interface 130 .
  • the charging management module 140 may receive a wireless charging input through a wireless charging coil of the electronic device 100 . While the charging management module 140 is charging the battery 142 , it can also provide power for electronic devices through the power management module 141 .
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives the input from the battery 142 and/or the charging management module 140 to provide power for the processor 110 , the internal memory 121 , the external memory, the display screen 194 , the camera 193 , and the wireless communication module 160 .
  • the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status (leakage, impedance).
  • the power management module 141 can also be set in the processor 110.
  • the power management module 141 and the charging management module 140 may also be set in the same device.
  • the wireless communication function of the electronic device 100 can be realized by the antenna 1 , the antenna 2 , the mobile communication module 150 , the wireless communication module 160 , a modem processor, a baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in electronic device 100 may be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas.
  • Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 150 can provide wireless communication solutions including 2G/3G/4G/5G applied on the electronic device 100 .
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like.
  • the mobile communication module 150 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signals modulated by the modem processor, and convert them into electromagnetic waves through the antenna 1 for radiation.
  • at least part of the functional modules of the mobile communication module 150 may be set in the processor 110 .
  • at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be set in the same device.
  • a modem processor may include a modulator and a demodulator.
  • the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal.
  • the demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing.
  • the low-frequency baseband signal is passed to the application processor after being processed by the baseband processor.
  • the application processor outputs sound signals through audio equipment (not limited to speaker 170A, receiver 170B, etc.), or displays images or videos through display screen 194 .
  • the modem processor may be a stand-alone device.
  • the modem processor may be independent from the processor 110, and be set in the same device as the mobile communication module 150 or other functional modules.
  • the wireless communication module 160 can provide wireless local area networks (wireless local area networks, WLAN) (such as wireless fidelity (Wireless Fidelity, Wi-Fi) network), bluetooth (bluetooth, BT), global navigation satellite, etc. applied on the electronic device 100.
  • System global navigation satellite system, GNSS
  • frequency modulation frequency modulation, FM
  • near field communication technology near field communication, NFC
  • infrared technology infrared, IR
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 .
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.
  • the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (general packet radio service, GPRS), code division multiple access (code division multiple access, CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time division synchronous code division multiple access (time division-synchronous code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), BT, GNSS, WLAN , NFC, FM, and/or IR technology, etc.
  • GSM global system for mobile communications
  • general packet radio service general packet radio service
  • CDMA code division multiple access
  • CDMA broadband Code division multiple access
  • WCDMA wideband code division multiple access
  • time division synchronous code division multiple access time division-synchronous code division multiple access
  • LTE long term evolution
  • BT GNSS
  • WLAN NFC
  • the GNSS may include a global positioning system (global positioning system, GPS), a global navigation satellite system (global navigation satellite system, GNSS), a Beidou navigation satellite system (beidou navigation satellite system, BDS), a quasi-zenith satellite system (quasi -zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).
  • GPS global positioning system
  • GNSS global navigation satellite system
  • BDS Beidou navigation satellite system
  • QZSS quasi-zenith satellite system
  • SBAS satellite based augmentation systems
  • the electronic device 100 realizes the display function through the GPU, the display screen 194 , and the application processor.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 194 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 194 is used to display images, videos and the like.
  • the display screen 194 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, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc.
  • the electronic device 100 may include 1 or N display screens 194 , where N is a positive integer greater than 1.
  • the electronic device 100 can realize the shooting function through the ISP, the camera 193 , the video codec, the GPU, the display screen 194 and the application processor.
  • the ISP is used for processing the data fed back by the camera 193 .
  • Camera 193 is used to capture still images or video.
  • Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals.
  • Video codecs are used to compress or decompress digital video.
  • the NPU is a neural-network (NN) computing processor.
  • NN neural-network
  • Applications such as intelligent cognition of the electronic device 100 can be realized through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.
  • the internal memory 121 may be used to store computer-executable program codes including instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by executing instructions stored in the internal memory 121 .
  • the internal memory 121 may include an area for storing programs and an area for storing data.
  • the storage program area can store an operating system and 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 100 (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 external memory interface 120 may be used to connect an external memory, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
  • 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 electronic device 100 can implement audio functions through the audio module 170 , the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. Such as music playback, recording, etc.
  • the audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signal.
  • the audio module 170 may also be used to encode and decode audio signals.
  • the audio module 170 may be set in the processor 110 , or some functional modules of the audio module 170 may be set in the processor 110 .
  • Speaker 170A also referred to as a "horn” is used to convert audio electrical signals into sound signals.
  • Receiver 170B also called “earpiece”, is used to convert audio electrical signals into sound signals.
  • the microphone 170C also called “microphone” or “microphone” is used to convert sound signals into electrical signals.
  • the earphone interface 170D is used for connecting wired earphones.
  • the earphone interface 170D can be a USB interface 130, or a 3.5mm open mobile terminal platform (open mobile terminal platform, OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.
  • CTIA
  • the keys 190 include a power key, a volume key and the like.
  • the key 190 may be a mechanical key. It can also be a touch button.
  • the electronic device 100 can receive key input and generate key signal input related to user settings and function control of the electronic device 100 .
  • the motor 191 can generate a vibrating reminder.
  • the motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback.
  • the indicator 192 can be an indicator light, and can be used to indicate charging status, power change, and can also be used to indicate messages, missed calls, notifications, and the like.
  • the SIM card interface 195 is used for connecting a SIM card.
  • the SIM card can be connected and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195 .
  • the electronic device 100 may support 1 or N SIM card interfaces, where N is a positive integer greater than 1.
  • SIM card interface 195 can support Nano SIM card, Micro SIM card, SIM card etc.
  • the interactive system provided in this embodiment can execute the above-mentioned method embodiment, and its implementation principle and technical effect are similar, and will not be repeated here.
  • the embodiment of the present application provides an annotation device. The details will be described one by one, but it should be clear that the device in this embodiment can correspondingly implement all the content in the foregoing method embodiments.
  • Figure 22 is a schematic structural diagram of the annotation device provided by the embodiment of the present application. As shown in Figure 22, the device provided by this embodiment includes:
  • a display module 210 an input module 220 , a processing module 230 and a communication module 240 .
  • the display module 210 is used to support the electronic device to perform the interface display operation in the above embodiments and/or other processes used in the technology described herein.
  • the display module can be a touch screen or other hardware or a combination of hardware and software.
  • the input module 220 is used to receive the user's input on the display interface of the electronic device, such as touch input, voice input, gesture input, etc., and the input module is used to support the electronic device to perform the steps of receiving the user's call answering operation in the above embodiments and/or Or other procedures for the techniques described herein.
  • the input module can be a touch screen or other hardware or a combination of hardware and software.
  • the processing module 230 is configured to support the electronic device to perform processing operations related to the annotation process in the above embodiments and/or other processes for the technologies described herein.
  • the communication module 240 is used to support the electronic device to perform operations related to the communication process between the stylus in the above embodiments and/or other processes used in the technology described herein.
  • the device provided in this embodiment can execute the above-mentioned method embodiment, and its implementation principle and technical effect are similar, and details are not repeated here.
  • the embodiment of the present application also provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the method described in the foregoing method embodiment is implemented.
  • An embodiment of the present application further provides a computer program product, which, when the computer program product is run on an electronic device, enables the electronic device to implement the method described in the foregoing method embodiments.
  • An embodiment of the present application further provides a chip system, including a processor, the processor is coupled to a memory, and the processor executes a computer program stored in the memory, so as to implement the method described in the above method embodiment.
  • the chip system may be a single chip, or a chip module composed of multiple chips.
  • all or part of them may be implemented by software, hardware, firmware or any combination thereof.
  • software When implemented using software, it may be implemented in whole or in part in the form of a computer program product.
  • the computer program product includes one or more computer instructions.
  • the computer can be a general purpose computer, a special purpose computer, a computer network, or other programmable devices.
  • the computer instructions may be stored in or transmitted via a computer-readable storage medium.
  • the computer instructions may be transmitted from one web site, computer, server, or data center to another web site, computer, server or data center for transmission.
  • the computer-readable storage medium may be any available medium that can be accessed by a computer, or a data storage device such as a server or a data center integrated with one or more available media.
  • the available medium may be a magnetic medium (such as a floppy disk, a hard disk, or a magnetic tape), an optical medium (such as a DVD), or a semiconductor medium (such as a solid state disk (Solid State Disk, SSD)), etc.
  • the processes can be completed by computer programs to instruct related hardware.
  • the programs can be stored in computer-readable storage media.
  • When the programs are executed may include the processes of the foregoing method embodiments.
  • the aforementioned storage medium may include: ROM or random access memory RAM, magnetic disk or optical disk, and other media capable of storing program codes.
  • the disclosed device/device and method can be implemented in other ways.
  • the device/device embodiments described above are only illustrative.
  • the division of the modules or units is only a logical function division.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces, and the indirect coupling or communication connection of devices or units may be in electrical, mechanical or other forms.
  • plural means two or more than two.
  • At least one of the following or similar expressions refer to any combination of these items, including any combination of single items or plural items.
  • at least one of a, b, or c can represent: a, b, c, a-b, a-c, b-c, or a-b-c, wherein a, b, c can be single or multiple.
  • the term “if” may be construed, depending on the context, as “when” or “once” or “in response to determining” or “in response to detecting “.
  • the phrase “if determined” or “if [the described condition or event] is detected” may be construed, depending on the context, to mean “once determined” or “in response to the determination” or “once detected [the described condition or event] ]” or “in response to detection of [described condition or event]”.
  • references to "one embodiment” or “some embodiments” or the like in the specification of the present application means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the present application.
  • appearances of the phrases “in one embodiment,” “in some embodiments,” “in other embodiments,” “in other embodiments,” etc. in various places in this specification are not necessarily All refer to the same embodiment, but mean “one or more but not all embodiments” unless specifically stated otherwise.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种批注方法和电子设备，涉及终端技术领域，其中，该方法包括：显示第一界面，第一界面包括分屏显示的第一应用界面和第二应用界面；接收用户对第一界面的第一批注操作；响应于第一批注操作，在第一界面上显示第一批注；接收用户对第一界面的第一滚动操作；响应于第一滚动操作，显示第二界面，第二界面包括分屏显示的第一应用界面和第二应用界面，第二界面与第一界面不同；接收用户对第二界面的第二批注操作；响应于第二批注操作，在第二界面上显示第二批注；生成第一批注图片，第一批注图片包括：第一批注、第二批注、第一界面以及第二界面。本申请提供的技术方案可以丰富批注功能的应用场景，提高用户进行批注的灵活性。

Description

批注方法和电子设备
本申请要求于2021年09月06日提交国家知识产权局、申请号为202111039715.4、申请名称为“批注方法和电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，尤其涉及一种批注方法和电子设备。
背景技术
手机、平板等电子设备已经被越来越多地应用到人们的工作和学习中，为了便于用户使用，一些电子设备提供有批注功能，用户可以通过批注功能对文本、图片等内容进行批注。
例如，图1中的(a)所示的，用户可以在平板上打开“图库”应用程序(application，APP)，控制平板进入批注模式；进入批注模式后，如图1中的(b)所示，用户可以在批注界面上通过触控笔对图片进行批注，另外，批注界面中可以提供工具栏，用户可以通过工具栏调整批注内容等。
但是，目前的批注功能的应用场景有限，用户使用起来不够自由灵活。
发明内容
有鉴于此，本申请提供一种批注方法和电子设备，用于丰富批注功能的应用场景，提高用户进行批注的灵活性。
为了实现上述目的，第一方面，本申请实施例提供一种批注方法，包括：
显示第一界面，所述第一界面包括分屏显示的第一应用界面和第二应用界面；
接收用户对所述第一界面的第一批注操作；
响应于所述第一批注操作，在所述第一界面上显示第一批注；
接收用户对所述第一界面的第一滚动操作；
响应于所述第一滚动操作，显示第二界面，所述第二界面包括分屏显示的第一应用界面和第二应用界面，所述第二界面与所述第一界面不同；
接收用户对所述第二界面的第二批注操作；
响应于所述第二批注操作，在所述第二界面上显示第二批注；
生成第一批注图片，所述第一批注图片包括：所述第一批注，所述第二批注，所述第一界面，以及所述第二界面。
其中，电子设备在分屏显示第一应用界面和第二应用界面时，可以接收用户的批注触发操作，进入批注模式，显示批注界面(即上述第一界面)；第一界面中可以继续分屏显示第一应用界面和第二应用界面，并可以在显示的应用界面上加载批注图层，该批注图层可以是透明的，批注图层中也可以包括工具栏。
上述第一批注操作和第二批注操作，可以是用户通过触控笔或手指等在屏幕上进行的批注操作。
示例性的，在第三应用界面和第四应用界面左右分屏显示时，用户输入向上或向下的 滚动操作，电子设备则可以滚动第一应用界面和/或第二应用界面，实现左右分屏场景下的上下滚动批注。
又例如在第三应用界面和第四应用界面上下分屏显示时，用户输入向左或向右的滚动操作，电子设备则可以滚动第一应用界面和/或第二应用界面，实现上下分屏场景下的左右滚动批注。
本申请实施例提供的批注方法中，电子设备可以在分屏场景下进入批注模式，供用户进行批注，在批注模式下，用户可以对分屏显示的第一应用界面和第二应用界面进行批注，并且，用户可以进行滚动批注，因而，该方法可以丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
在第一方面的一种可能的实施方式中，所述响应于所述第一滚动操作，显示第二界面，具体包括：
响应于所述第一滚动操作，分屏显示的所述第一应用界面由第一应用的第一子界面切换为第一应用的第二子界面。
上述实施方式中，电子设备可以响应用户的滚动操作，更新显示的第一应用界面的界面内容，使得用户可以在批注模式下滚动第一应用界面的界面内容，因而可以提高用户进行批注的灵活性。
在第一方面的一种可能的实施方式中，所述方法还包括：
响应于所述第一滚动操作，分屏显示的所述第二应用界面由第二应用的第三子界面切换为第二应用的第四子界面。
通过上述实施方式，可以实现对第一应用界面和第二应用界面中界面内容的同步滚动，从而可以提高用户使用的便利性。
在第一方面的一种可能的实施方式中，若所述第一滚动操作为向上滚动操作，所述第一批注图片中所述第一子界面位于所述第二子界面上方，所述第三子界面位于所述第四子界面上方。
通过上述实施方式，可以使用户在进行批注过程中，通过向上滚动操作查看第一应用界面和第二应用界面后面的界面内容。
在第一方面的一种可能的实施方式中，若所述第一滚动操作为向下滚动操作，所述第一批注图片中所述第一子界面位于所述第二子界面下方，所述第三子界面位于所述第四子界面下方。
通过上述实施方式，可以使用户在进行批注过程中，通过向下滚动操作查看第一应用界面和第二应用界面前面的界面内容。
在第一方面的一种可能的实施方式中，若所述第一应用界面位于所述第二应用界面左侧，所述第一批注图片中所述第一子界面位于所述第三子界面左侧，所述第二子界面位于所述第四子界面左侧；
若所述第一应用界面位于所述第二应用界面右侧，所述第一批注图片中所述第一子界面位于所述第三子界面右侧，所述第二子界面位于所述第四子界面右侧。
通过上述实施方式，可以使用户在左右分屏场景中进行滚动批注。
在第一方面的一种可能的实施方式中，所述第四子界面为填充页面。这样对于不可继续滚动的应用界面，可以通过填充的页面，使用户可以使用更多的批注空间。
在第一方面的一种可能的实施方式中，所述第一应用界面还包括固定显示在所述第一应用界面底部的第一组件，则所述方法还包括：
接收用户对所述第一界面的第一滚动操作之后，不再显示所述第一组件。
上述实施方式中，对于菜单栏等固定显示在第一应用界面底部的组件，在滚动批注过程中，不进行显示，这样可以使用户在屏幕中查看更多的界面内容，提高用户的批注体验。
在第一方面的一种可能的实施方式中，所述第一应用界面还包括固定显示在所述第一应用界面顶部的第二组件，则所述方法还包括：
接收用户对所述第一界面的第一滚动操作之后，不再显示所述第二组件。
上述实施方式中，对于状态栏等固定显示在第一应用界面顶部的组件，在滚动批注过程中，不进行显示，这样可以使用户在屏幕中查看更多的界面内容，提高用户的批注体验。
在第一方面的一种可能的实施方式中，所述方法还包括：
显示第三界面，所述第三界面包括分屏显示的第三应用界面和第四应用界面；
接收用户对所述第三界面中显示的第三应用界面的第二滚动操作；
响应于所述第二滚动操作，全屏显示第三应用界面；
接收用户对所述第三应用界面的第三批注操作；
响应于所述第三批注操作，在所述第三应用界面上显示第三批注；
生成第二批注图片，所述第二批注图片包括：所述第三批注和所述第三应用界面。
例如在第三应用界面和第四应用界面上下分屏显示时，用户输入向上或向下的滚动操作，电子设备则可以在用户滚动哪个应用界面时全屏显示哪个应用界面，实现上下分屏场景下的上下滚动批注。
又例如在第三应用界面和第四应用界面左右分屏显示时，用户输入向左或向右的滚动操作，电子设备则可以在用户滚动哪个应用界面时全屏显示哪个应用界面，实现左右分屏场景下的左右滚动批注。
通过上述实施方式，可以进一步丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
在第一方面的一种可能的实施方式中，所述方法还包括：
显示第四界面，所述第四界面包括分屏显示的第五应用界面和第六应用界面；
接收用户对所述第五应用界面或所述第六应用界面的第四批注操作；
响应于所述第四批注操作，在所述第五应用界面或所述第六应用界面上显示第四批注；
接收用户对所述第五应用界面的第三滚动操作；
响应于所述第三滚动操作，全屏显示所述第五应用界面；
生成第三批注图片，所述第三批注图片包括：全屏显示的所述第五应用界面、所述第六应用界面和所述第四批注。
在全屏显示第五应用界面后，用户可以在第五应用界面上添加批注、滚动界面等，在用户输入批注保存操作后，电子设备可以将批注过程中显示的第五应用界面和用户在第五应用界面上添加的批注合并为一个批注图片，将批注过程中显示的第六应用界面和用户在第六应用界面上添加的批注合并为一个批注图片，然后将两个批注图片拼接在一起进行保存。
通过上述实施方式，可以进一步丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
在第一方面的一种可能的实施方式中，所述方法还包括：
显示第五界面，所述第五界面包括分屏显示的第七应用界面和第八应用界面；
接收用户对所述第五界面的第五批注操作；
响应于所述第五批注操作，显示第五批注，所述第五批注与所述第七应用界面和第八应用界面的分界线重叠；
接收用户对所述第七应用界面的第四滚动操作；
响应于所述第四滚动操作，显示提示界面以供用户选择是否保存批注；
响应于用户的选择操作，全屏显示所述第七应用界面；
当所述选择操作为选择不保存批注的操作时，生成第四批注图片；
当所述选择操作为选择保存批注的操作时，生成第四批注图片和第五批注图片；所述第四批注图片包括：全屏显示的所述第七应用界面和所述第五批注，所述第五批注图片中包括所述第五界面和所述第五批注。
通过上述实施方式，可以进一步丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
在第一方面的一种可能的实施方式中，所述方法还包括：
显示第六界面，所述第六界面包括全屏显示的第九应用界面和在所述第九应用界面上悬浮显示的第十应用界面；
响应于批注触发操作，隐藏悬浮显示的所述第十应用界面或分屏显示所述第九应用界面和所述第十应用界面。
上述实施方式中，电子设备可以使用户在悬浮窗场景下进入批注模式，从而可以进一步丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
第二方面，本申请实施例提供一种电子设备，包括：存储器和处理器，存储器用于存储计算机程序；处理器用于在调用计算机程序时执行上述第一方面或第一方面的任一实施方式所述的方法。
第三方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述第一方面或第一方面的任一实施方式所述的方法。
第四方面，本申请实施例提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行上述第一方面或第一方面的任一实施方式所述的方法。
第五方面，本申请实施例提供一种芯片系统，包括处理器，所述处理器与存储器耦合，所述处理器执行存储器中存储的计算机程序，以实现上述第一方面或第一方面的任一实施方式所述的方法。其中，所述芯片系统可以为单个芯片，或者多个芯片组成的芯片模组。
可以理解的是，上述第二方面至第五方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。
附图说明
图1为现有的一种批注场景示意图；
图2为本申请实施例提供的批注方法的流程示意图；
图3为本申请实施例提供的一种批注场景示意图；
图4为本申请实施例提供的悬浮菜单触发过程示意图；
图5～图17为本申请实施例提供的一些批注场景示意图；
图18为本申请实施例提供的交互系统的结构示意图；
图19为本申请实施例提供的电子设备的软件架构示意图；
图20为本申请实施例提供的滚动批注原理示意图；
图21为本申请实施例提供的电子设备的结构示意图；
图22为本申请实施例提供的批注装置的结构示意图。
具体实施方式
为了丰富批注功能的应用场景，提高用户进行批注的灵活性，本申请实施例提供一种技术方案，该方案中电子设备可以在多窗口场景下进入批注模式，供用户进行批注。
其中，上述电子设备可以是手机、平板、笔记本电脑、电子阅读器等显示设备，本申请实施例对此不做特别限定，为了便于说明，本申请实施例中后续以平板为例进行示例性说明。
多窗口场景中包括的窗口可以是两个或更多个，多窗口场景中包括的多个窗口可以横向排布(例如左右分屏场景)，也可以纵向排布(例如上下分屏场景)，还可以重叠排布(例如悬浮窗场景)，下面分别以左右分屏场景、上下分屏场景和悬浮窗场景为例说明本申请的技术方案。
首先介绍左右分屏场景。
图2为本申请实施例提供的批注方法的流程示意图，如图2所示，本实施例提供的批注方法可以包括如下步骤：
S110、显示分屏界面，分屏界面中包括横向排布的第一应用界面和第二应用界面。
示例性的，如图3中的(a)所示，电子设备上显示的分屏界面中，第一应用界面为“图库”APP的应用界面，第二应用界面为“备忘录”APP的应用界面，“图库”APP和“备忘录”APP左右分屏显示，第一应用界面位于第二应用界面的左侧，后续也以该位置关系为例进行说明。
可以理解的是，左右分屏中也可以显示同一APP的应用界面，即第一应用界面和第二应用界面对应的APP可以相同，用户可以控制第一应用界面和第二应用界面显示相同的或不同的内容，此显示模式亦可称为平行视界，另外，左右分屏还可以是对同一APP的应用界面进行分栏，本实施例中以第一应用界面和第二应用界面为不同APP的应用界面为例进行示例性说明。
S120、响应于用户输入的批注触发操作，显示第一批注界面。
如图3中的(a)和(b)所示，在电子设备上显示分屏界面的情况下，用户可以输入批注触发操作，触发电子设备进入批注模式，显示批注界面(此处称为第一批注界面)。
作为一种可选的实现方式，批注触发操作可以是用户针对电子设备的屏幕进行的操作。
具体地，批注触发操作可以是对悬浮菜单中目标控件的触发操作。
如图3中的(a)所示，电子设备可以在与触控笔建立连接后，在屏幕上显示悬浮菜单10，悬浮菜单10中可以提供批注控件(即目标控件)，用户可以通过点击该控件触发电子设备进入批注模式。
图4示出了悬浮菜单的另一种实现方式，如图4中的(a)所示，用户可以从屏幕的第一拐角(此处示例性的为右上角)处向内滑动打开悬浮菜单10，如图4中的(b)所示，悬浮菜单10可以呈半环状，靠屏幕的上边缘和右边缘贴边显示；与图3类似，悬浮菜单10中可以提供批注控件，用户可以通过点击该控件触发电子设备进入批注模式。即批注触发操作可以包括触发电子设备显示悬浮菜单的操作和点击批注控件的操作。
其中，触发电子设备显示悬浮菜单的操作不限于上述从屏幕右上角内滑的操作，也可以是其他操作，例如，用户也可以在屏幕上向外滑动到靠近右上角的屏幕边缘区域，触发电子设备显示悬浮菜单。
当需要关闭悬浮菜单时，用户可以通过点击悬浮菜单外的区域或其他操作，触发电子设备关闭悬浮菜单。
如图4中的(b)所示，悬浮菜单中还可以提供其他功能控件，此处示例性的包括功能A对应的控件。当悬浮菜单中包括的功能控件比较多时，悬浮菜单中可以显示部分功能控件，例如显示两个功能控件，其他功能控件可以隐藏，用户可以沿悬浮菜单延伸方向，向上或向下弧线滑动，控制悬浮菜单中显示的功能控件。
用户针对电子设备的屏幕进行的批注触发操作也可以是预设的手势操作，例如，用户可以从屏幕的第二拐角(比如左下角)向内滑动，触发电子设备进入批注模式；用户也可以执行目标隔空手势操作，触发电子设备进入批注模式。本实施例对该手势操作不做特别限定。
本实施例中，针对电子设备的屏幕进行的触控操作可以是用户通过手指进行的触摸操作，也可以用户通过触控笔进行的触控操作，本实施例中以触控笔为例进行示例性说明。
作为另一种可选的实现方式，批注触发操作也可以是用户针对触控笔进行的操作。
例如，用户可以双击触控笔的笔杆、摇一摇笔杆或按压触控笔上的目标按键，触发电子设备进入批注模式。
如图3中的(b)所示，电子设备进入批注模式后，显示的第一批注界面中可以包括分屏界面的界面内容21和覆盖在界面内容21上的批注图层。其中，批注图层可以包括透明区域22和工具栏23。
用户可以透过透明区域22查看批注图层下方的界面内容21，在透明区域22中针对界面内容21进行批注。
工具栏23中设置有用于调整批注内容的功能选项，图3中的(b)示例性的示出了几种功能选项，从左到右依次为：退出批注模式的选项、调整线条粗细的选项、调整线条颜色的选项、橡皮擦选项和保存批注的选项。
可以理解的是，工具栏23中的功能选项不限于图3中所示的选项，其可以包括更多或更少的选项，本实施例对此不做特别限定。
工具栏23可以默认位于第一批注界面的底部，用户也可以拖动工具栏23改变工具栏23的位置。
S130、接收并显示用户针对第一批注界面添加的第一批注。
如图3中的(b)所示，在电子设备进入批注模式后，用户可以通过触控笔在透明区域22中针对界面内容21添加批注(即第一批注)，电子设备可以实时显示用户添加的批注。
在添加批注的过程中，用户可以选择工具栏23中的功能选项，调整批注线条的粗细、颜色或擦除批注线条等。
S140、响应于用户输入的滚动操作，进行界面滚动后显示第二批注界面。
S150、接收并显示用户针对第二批注界面添加的第二批注。
S160、响应于批注保存操作，保存包含第一批注和第二批注的界面。
在进行批注的过程中，如果用户希望继续浏览第一应用界面和第二应用界面中后续的界面内容，则可以在屏幕上输入滚动屏幕的操作(即滚动操作)。本实施例中，电子设备接收到用户输入的滚动操作后，可以滚动界面，更新批注界面中显示的界面内容；然后，用户可以继续在滚动后的批注界面(即第二批注界面)上添加批注(即第二批注)；在完成批注后，可以通过工具栏23中保存批注的选项保存批注，或者，电子设备也可以在用户每完成一次批注操作后自动保存批注过程中显示的应用界面和用户添加的批注，本实施例中以用户通过工具栏23保存批注为例进行示例性说明。
具体地，滚动操作可以是用户在屏幕上进行的上滑操作或下滑操作，也可以是用户在屏幕上进行的左滑操作或右滑操作，其中，各种滚动操作对应的滚动批注过程类似，主要区别在于滚动方向上不同，下面以上滑操作为例进行示例性说明。
作为一种可选的实现方式，电子设备在接收到用户的滚动操作后，可以同步滚动显示第一应用界面和第二应用界面。下面举例说明几种可能的滚动批注场景。
场景01：参见图5中的(a)，第一应用界面的界面内容可滚动，例如邮箱APP、天气APP等，这些APP的应用界面中所包括的界面内容通常不足以在屏幕中显示完，在界面内容未到达底部的情况下，当APP响应用户的滚动操作时，界面内容可以在应用界面中上下滚动；第二应用界面的界面内容不可滚动，例如计算器APP、指南针APP等，这些APP的应用界面中所包括的界面内容通常可以在屏幕中显示完，即界面内容已到达底部，当APP响应用户的滚动操作时，界面内容在应用界面中不进行滚动。
如图5中的(a)所示，滚动前的第一批注界面中显示的界面内容包括：第一应用界面的界面内容1-1和第二应用界面的界面内容2；批注内容包括：第一批注，其中，第一批注位于屏幕的中部区域，且第一批注横跨在界面内容1-1和界面内容2上，后续的场景02～场景06中第一批注在第一批注界面中的位置也以此为例进行说明。
用户输入滚动操作后，电子设备可以向上滚动第一应用界面的界面内容和第二应用界面的界面内容，并同步滚动批注图层。其中，第一应用界面的界面内容可滚动，在滚动过程中则可以显示出新的界面内容；第二应用界面中界面内容不可滚动，即界面内容已到底部，对于此种情况，可以在第二应用界面的界面内容的底部填充预设的内容。示例性的，填充内容可以是白色页面或者是第二应用界面的背景页面等，本实施例中以白色页面为例进行示例性说明。
如图5中的(b)所示，电子设备向上滚动第一应用界面的界面内容、第二应用界面的界面内容和批注图层，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第一应用界面的部分界面内容1-1和新显示的第一应用界面的界面内容1-2；第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用界面的部分界面内容2和第二应用界面的填充内容；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
在滚动完后，用户可以继续在第二批注界面中添加第二批注，如图5中的(b)所示，第二批注位于第二批注界面中新显示的界面内容上，第二批注横跨第一应用界面的界面内容1-2所在区域和第二应用界面的填充内容所在区域。可以理解的是，在滚动后的第二批注界面中，用户也可以在第一应用界面的界面内容1-1和第二应用界面的界面内容2上添加批注。
在完成批注后，用户可以输入批注保存操作，保存批注界面。电子设备接收到用户的批注保存操作后，可以将整个批注过程中显示的第一应用界面的界面内容、第二应用界面的界面内容和批注图层中的批注合并在一起后，将得到的批注图片保存起来。
如图5中的(c)所示，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用界面的全部界面内容1-1和第二批注界面中新显示的第一应用界面的界面内容1-2；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用界面的全部界面内容2和第二批注界面中显示的填充内容；批注内容自上而下可以包括：用户添加的第一批注和第二批注。
其中，电子设备在保存批注图片时，可以将批注图片保存在默认的路径中，例如可以保存在相册中或备忘录中；用户也可以设置保存路径，比如在用户选择工具栏23中保存批注的选项后，电子设备可以显示供用户设置保存路径的弹窗，然后将批注图片保存在用户设置的路径中。
另外，电子设备在生成批注图片后，还可以显示预览界面，例如可以采用与截图类似的方式，在预览界面中通过弹窗显示批注图片，如果在预设时间内未接收到用户点击批注图片的操作，可以将批注图片保存在默认路径中；如果在预设时间内接收到用户点击批注图片的操作，可以显示图片编辑界面，图片编辑界面中可以包括批注图片和一些编辑控件，例如，删除控件、保存控件、马赛克控件和分享控件等，用户可以在图片编辑界面中删除批注图片，或进行相关编辑后保存和/或分享图片。
可以理解的是，界面滚动新显示的内容与滚动操作中的滑动距离有关，因此，滚动后显示的第二批注界面中的界面内容可以与滚动前显示的第一批注界面中的界面内容全部或部分不同，本实施例中是以部分不同为例进行示例性说明。另外，为了便于理解，图5中的(a)和(b)省略了工具栏23，后续附图类似。
场景02：参见图6中的(a)，第一应用界面和第二应用界面的界面内容均可滚动，滚动前的第一批注界面中显示的界面内容包括：第一应用界面的界面内容1-1和第二应用界面的界面内容2-1。
用户输入滚动操作后，电子设备可以向上滚动第一应用界面的界面内容、第二应用界面的界面内容和批注图层。其中，第一应用界面和第二应用界面的界面内容均可滚动，在滚动过程中则均可以显示出新的界面内容。
如图6中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第一应用界面的部分界面内容1-1和新显示的第一应用界面的界面内容1-2；第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用界面的部分界面内容2-1和新显示的第二应用界面的界面内容2-2；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
如图6中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面， 其中，第二批注横跨在第一应用界面的界面内容1-2和第二应用界面的界面内容2-2上。如图6中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用界面的全部界面内容1-1和第二批注界面中新显示的第一应用界面的界面内容1-2；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用界面的全部界面内容2-1和第二批注界面中新显示的第二应用界面的界面内容2-2；批注内容自上而下可以包括：用户添加的第一批注和第二批注。
有些APP的应用界面中，会包括一个或多个位置固定的组件，在APP响应滚动操作时，这些组件的位置不随之移动；其中，有些组件的界面内容可滚动，有些组件的界面内容不可滚动，例如，图库APP、联系人APP、备忘录APP等APP中的正文内容可滚动，导航栏和菜单栏中的内容不可滚动；还有些APP中包括工具栏，工具栏中的内容通常也不可滚动；每个组件可以包括一个或多个控件，对于界面内容可滚动的组件(简称可滚动组件)，该组件中的控件的位置和其他内容可以在APP响应用户的滚动操作时移动；对于界面内容不可滚动的组件(简称不可滚动组件)，该组件中的控件的位置和其他内容在APP响应用户的滚动操作时不移动。
对于第一批注界面中显示的任一APP，如果该APP中包括位置固定的至少一个可滚动组件和至少一个不可滚动组件，对于每个不可滚动组件，如果该不可滚动组件位于可滚动组件的左侧或右侧，在滚动时可以在该不可滚动组件的界面内容的底部进行界面填充；如果该不可滚动组件位于可滚动组件的底部或顶部，在滚动时可以固定显示该不可滚动组件的界面内容，或者可以隐藏显示该不可滚动组件的界面内容，在保存时，可以将该不可滚动组件拼接在可滚动组件的界面内容的顶部或顶部，或者也可以不保存该不可滚动组件的界面内容，本实施例后续以隐藏显示并进行保存为例进行示例性说明。
如果该APP中包括的多个组件均为不可滚动组件，则可以在该APP的界面内容的底部进行界面填充。
下面继续说明应用界面中包括多个位置固定的组件的情况下，各种可能的滚动批注场景。
场景03：参见图7中的(a)，第一应用的应用界面中包括横向排布的组件1和组件3，组件3位于组件1的左侧；第二应用的应用界面中包括组件2，其中，组件1和组件2中的界面内容均可滚动，组件3的界面内容不可滚动，例如，组件1为第一应用界面中的内容区域对应的组件，该组件1中显示正文内容；组件3为第一应用界面中的侧边工具栏，在第一应用响应滚动操作时，组件1中的界面内容可以随之滚动，组件3中的界面内容保持不变。
滚动前的第一批注界面中显示的界面内容包括：组件1的界面内容1-1、组件2的界面内容2-1和组件3的界面内容3；批注内容包括：第一批注，其中，第一批注位于屏幕的中部区域，且第一批注横跨在界面内容1-1和界面内容2-1上。
用户输入滚动操作后，电子设备可以向上滚动组件1的界面内容、组件2的界面内容、组件3的界面内容和批注图层。其中，组件1和组件2的界面内容均可滚动，在滚动过程中则均可以显示出新的界面内容；组件3的界面内容不可滚动，可以进行界面填充。
如图7中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内 容可以包括左右两部分内容，其中，右部分内容自上而下可以包括：第一批注界面中显示的组件1的部分界面内容1-1和新显示的组件1的界面内容1-2；左部分内容自上而下可以包括：第一批注界面中显示的组件3的部分界面内容3和组件3的填充内容。第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用的部分界面内容2-1和新显示的第二应用的界面内容2-2；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
如图7中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面，其中，第二批注横跨在第一应用界面的界面内容1-2和第二应用界面的界面内容2-2上。如图7中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容可以包括左右两部分内容，其中，右部分内容自上而下可以包括：第一批注界面中显示的第一应用的全部界面内容1-1和第二批注界面中新显示的第一应用的界面内容1-2；左部分内容自上而下可以包括：第一批注界面中显示的组件3的全部界面内容3和第二批注界面中显示的组件3的填充内容。第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用的全部界面内容2-1和第二批注界面中新显示的第二应用的界面内容2-2；批注内容自上而下可以包括：用户添加的第一批注和第二批注。
场景04：参见图8中的(a)，第一应用的应用界面中包括纵向排布的组件1和组件3，组件3位于组件1的底部，例如，组件3为第一应用界面中的菜单栏；第二应用的应用界面中包括组件2，其中，组件1的界面内容可滚动，组件2和组件3的界面内容均不可滚动。滚动前的第一批注界面中显示的界面内容包括：组件1的界面内容1-1、组件2的界面内容2和组件3的界面内容3。
用户输入滚动操作后，电子设备可以向上滚动组件1的界面内容、组件2的界面内容和批注图层，隐藏显示组件3的界面内容。其中，组件1的界面内容可滚动，在滚动过程中则均可以显示出新的界面内容；组件2的界面内容不可滚动，可以进行界面填充。
如图8中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的组件1的部分界面内容1-1和新显示的组件1的界面内容1-2；第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用的部分界面内容2和第二应用的填充内容；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
如图8中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面，其中，第二批注横跨在第一应用界面的界面内容1-2和第二应用界面的填充内容上。如图8中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用的全部界面内容1-1、第二批注界面中新显示的第一应用的界面内容1-2和第一批注界面中显示的组件3的全部界面内容3；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用的全部界面内容2和第二批注界面中显示的填充内容；批注内容自上而下可以包括用户添加的第一批注和第二批注。
场景05：参见图9中的(a)，第一应用的应用界面中包括纵向排布的组件1和组件3，组件3位于组件1的底部，第二应用的应用界面中包括组件2，其中，组件1和组件2中的界面内容均可滚动，组件3的界面内容不可滚动。滚动前的第一批注界面中显示的界面 内容包括：组件1的界面内容1-1、组件2的界面内容2-1和组件3的界面内容3。
用户输入滚动操作后，电子设备可以向上滚动组件1的界面内容、组件2的界面内容和批注图层，隐藏显示组件3的界面内容。其中，组件1和组件2的界面内容均可滚动，在滚动过程中则均可以显示出新的界面内容。
如图9中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的组件1的部分界面内容1-1和新显示的组件1的界面内容1-2；第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用的部分界面内容2-1和新显示的第二应用的界面内容2-2；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
如图9中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面，其中，第二批注横跨在第一应用界面的界面内容1-2和第二应用界面的界面内容2-2上。如图9中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用的全部界面内容1-1、第二批注界面中新显示的第一应用的界面内容1-2和第一批注界面中显示的组件3的全部界面内容3；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用的全部界面内容2-1、第二批注界面中新显示的第二应用的界面内容2-2、与组件3相对应的新显示的第二应用的界面内容2-3；批注内容自上而下可以包括用户添加的第一批注和第二批注。
即，在进行保存时，如果将组件3的界面内容拼接在组件1的界面内容1-2的底部，则可以在组件2的界面内容2-2后再继续显示一部分界面内容，使保存的批注图片中的第一应用界面和第二应用界面的长度一致。可以理解的是，也可以在组件2的界面内容2-2的底部进行界面填充。
场景06：参见图10中的(a)，第一应用的应用界面中包括纵向排布的组件1和组件3，组件3位于组件1的底部，第二应用的应用界面中包括纵向排布的组件2和组件4，组件4位于组件2的底部，其中，组件1和组件2中的界面内容均可滚动，组件3和组件4的界面内容均不可滚动。滚动前的第一批注界面中显示的界面内容包括：组件1的界面内容1-1、组件2的界面内容2-1、组件3的界面内容3和组件4的界面内容4。
用户输入滚动操作后，电子设备可以向上滚动组件1的界面内容、组件2的界面内容和批注图层，隐藏显示组件3和组件4的界面内容。其中，组件1和组件2的界面内容均可滚动，在滚动过程中则均可以显示出新的界面内容。
如图10中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的组件1的部分界面内容1-1和新显示的组件1的界面内容1-2；第二应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第二应用的部分界面内容2-1和新显示的第二应用的界面内容2-2；第一批注同步上滚，从屏幕的中部区域移动到屏幕的上部区域。
如图10中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面，其中，第二批注横跨在第一应用界面的界面内容1-2和第二应用界面的界面内容2-2上。如图10中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用的全部界面内 容1-1、第二批注界面中新显示的第一应用的界面内容1-2和第一批注界面中显示的组件3的全部界面内容3；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用的全部界面内容2-1、第二批注界面中新显示的第二应用的界面内容2-2和第一批注界面中显示的组件4的全部界面内容4；批注内容自上而下可以包括：用户添加的第一批注和第二批注。
上述图10中是以组件3和组件4的高度相同为例进行示例性说明，可以理解的是，组件3和组件4的高度也可以不同，此种情况下，为了使保存的批注图片更加美观，可以在组件3和组件4中高度较低的组件上方再新显示一部分界面内容，使保存的批注图片中第一应用界面和第二应用界面的长度一致。例如，若组件3的高度低于组件4的高度，则可以在组件1的界面内容1-2后再继续显示一部分界面内容。
作为另一种可选的实现方式，电子设备在接收到用户的滚动操作后，可以只滚动显示该滚动操作所针对的应用界面，其他应用界面可以不进行滚动，即各应用界面异步滚动；在保存时可以进行界面填充，使各应用界面的长度一致。在用户添加批注时，可以禁止跨屏批注。下面以场景02为例进行示例性说明。
参见图11中的(a)，第一应用和第二应用的界面内容均可滚动，滚动前的第一批注界面中显示的界面内容包括：第一应用的界面内容1-1和第二应用的界面内容2；第一批注包括：批注11和批注12，批注11位于界面内容1-1的中部区域，批注12位于界面内容2的中部区域。
用户在第一应用界面中输入滚动操作(图中用朝上的黑色粗箭头表示)，电子设备可以向上滚动第一应用界面的界面内容，如图11中的(b)所示，在滚动后显示的第二批注界面中，第一应用界面中的界面内容自上而下可以包括：第一批注界面中显示的第一应用的部分界面内容1-1和新显示的第一应用的界面内容1-2；第二应用界面中的界面内容保持不变。
如图11中的(b)所示，用户可以在第二批注界面中添加第二批注后，保存批注界面，其中，第二批注包括批注21和批注22，批注21位于界面内容1-2上，批注22位于界面内容2上，且位于批注12的下方。如图11中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：第一批注界面中显示的第一应用的全部界面内容1-1和第二批注界面中新显示的第一应用的界面内容1-2；第二应用界面的界面内容自上而下可以包括：第一批注界面中显示的第二应用的全部界面内容2和第二应用的填充内容；批注内容可以包括：位于第一应用界面中的批注11和批注21，位于第二应用界面中的批注12和批注22。
上述以场景02为例示例性说明了异步滚动过程，其他场景下的异步滚动过程类似，此处不再赘述。
下面介绍上下分屏场景。
与左右分屏类似，上下分屏中可以显示不同APP的应用界面，也可以显示同一APP的应用界面，本实施例对此不做特别限定，下面以上屏显示第一应用界面，下屏显示第二应用界面为例说明滚动批注过程。
电子设备在接收到用户的滚动操作时，批注界面上可能存在用户添加的批注，也可能没有批注，另外，用户添加的批注可能会跨屏，即批注纵跨第一应用界面和第二应用界面， 用户添加的批注也可能未跨屏，即批注位于第一应用界面中或第二应用界面中，下面针对这些情况分别进行说明。
场景11：参见图12中的(a)，电子设备在接收到用户的滚动操作时，批注界面上无批注。对于此情况，电子设备可以将用户的滚动操作所针对的APP全屏显示，例如图12中的(a)和(b)所示的，用户在第一应用界面中输入滚动操作后，电子设备全屏显示第一应用界面。
与目前的全屏批注过程类似，用户可以在屏幕上针对第一应用界面添加批注、滚动界面等，在用户输入批注保存操作后，电子设备可以将批注过程中显示的第一应用界面的界面内容和用户添加的批注合并为批注图片进行保存。示例性的，如图12中的(b)所示，用户在第一应用界面上添加批注后，保存批注界面，其中，用户添加的批注位于第一应用界面的中部区域；如图12中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中可以包括：全屏显示的第一应用界面的界面内容和用户添加的批注。
场景12：参见图13中的(a)，电子设备在接收到用户的滚动操作时，批注界面上包括批注11和批注12，批注11位于第一应用界面中，批注12位于第二应用界面中，批注11和批注12均未跨屏。对于此情况，电子设备可以将用户的滚动操作所针对的APP全屏显示，例如图13中的(a)和(b)所示的，用户在第一应用界面中输入滚动操作后，电子设备全屏显示第一应用界面。
然后，用户可以在屏幕上针对第一应用界面添加批注、滚动界面等，在用户输入批注保存操作后，电子设备可以将批注过程中显示的第一应用界面和用户在第一应用界面上添加的批注合并为第一批注图片，将批注过程中显示的第二应用界面和用户在第二应用界面上添加的批注合并为第二批注图片，然后将第二批注图片拼接在第一批注图片的底部进行保存。示例性的，如图13中的(b)所示，用户在第一应用界面上添加批注2后，保存批注界面，其中，批注2位于批注11的下方；如图13中的(c)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中界面内容自上而下可以包括：全屏显示的第一应用界面的界面内容和滚动前显示的第二应用界面的界面内容，批注内容可以包括：位于第一应用界面上的批注11、批注2和位于第二应用界面上的批注12。
场景13：参见图14中的(a)，电子设备在接收到用户针对第一应用界面的滚动操作时，批注界面上包括批注1，批注1跨屏。对于此情况，如图14中的(b)所示，电子设备可以弹窗提示用户是否保存当前的批注内容，在用户选择完之后，如图14中的(c)所示，全屏显示第一应用界面。
与上述场景类似，用户可以在屏幕上针对第一应用界面添加批注、滚动界面等，在用户输入批注保存操作后，电子设备可以将批注过程中显示的第一应用界面和用户在第一应用界面上添加的批注合并为批注图片进行保存，另外，如果用户在图14中的(b)所示的界面中的选择了保存当前批注内容，则电子设备可以同时将图14中的(a)所示的应用界面和批注1合并为批注图片进行保存。示例性的，如图14中的(b)和(c)所示，用户选择“是”的选项，并在第一应用界面上添加批注2后，保存批注界面，其中，批注2位于批注1的下方。如图14中的(d)和(e)所示，电子设备接收到用户的批注保存操作后，保存的其中一张批注图片中可以包括：全屏显示的第一应用界面、批注1和批注2；保存的另一张批注图片中可以包括：滚动前自上而下显示的第一应用界面和第二应用界面，以 及纵跨第一应用界面和第二应用界面的批注1。
可以理解的是，图14中的(c)中，电子设备在全屏显示第一应用界面时，也可以不显示批注1。
场景14：参见图15中的(a)，电子设备在接收到用户针对第二应用界面的滚动操作时，批注界面上包括批注1，批注1跨屏。对于此情况，如图15中的(b)所示，电子设备可以向上滚动第一应用界面和第二应用界面，在滚动过程中，图15中的(a)所示的第一应用界面的界面内容从上到下逐渐被隐藏，第二应用界面不断显示出新的界面内容。
如图15中的(b)所示，用户在界面中添加批注2后，再次滚动界面，其中，批注2位于第二应用界面中，且位于批注1的下方。在用户滚动界面后，如图15中的(c)所示，图15中的(a)所示的第一应用界面的界面内容被全部隐藏，第二应用界面呈现出全屏显示的状态；批注1和批注2同步上滚，批注1滚动到屏幕的顶部，且位于第一应用界面中的部分被隐藏，批注2滚动到屏幕的上部区域。用户继续添加批注3后，保存批注界面，其中，批注3位于批注2的下方；电子设备接收到用户的批注保存操作后，可以将批注过程中显示的应用界面和用户添加的批注合并为批注图片进行保存；如图15中的(d)所示，保存的批注图片中界面内容自上而下可以包括：滚动前显示的第一应用界面和第二应用界面的界面内容、两次滚动后新显示的第二应用界面的界面内容，批注内容自上而下可以包括：纵跨第一应用界面和第二应用界面的批注1、位于第二应用界面中的批注2和批注3。
下面介绍悬浮窗场景。
如图16中的(a)所示，电子设备全屏显示第一应用界面，并在悬浮窗中显示第二应用界面，在该场景下，用户点击悬浮菜单10中的批注控件；如图16中的(b)所示，电子设备接收到用户的批注触发操作后，进入批注模式，可以隐藏悬浮窗。
用户可以在屏幕上针对第一应用界面添加批注、滚动界面等，在用户输入批注保存操作后，电子设备可以将批注过程中显示的第一应用界面和用户添加的批注合并为批注图片进行保存。示例性的，如图16中的(b)所示，用户在第一应用界面上添加批注1后，滚动界面，其中，批注1位于屏幕中部；如图16中的(c)所示，电子设备接收到用户的滚动操作后，滚动第一应用界面的界面内容，屏幕下部显示出新的第一应用界面的界面内容，同时，批注1同步上滚到屏幕上部；用户继续在第一应用界面上添加批注2，然后保存批注界面，其中，批注2位于新显示的界面内容上。如图16中的(d)所示，电子设备接收到用户的批注保存操作后，保存的批注图片中界面内容自上而下可以包括：滚动前显示的第一应用界面的界面内容和滚动后新显示的第一应用界面的界面内容，批注内容自上而下可以包括：批注1和批注2。
作为另一种可选的实施方式，如图17中的(a)和(b)所示，电子设备全屏显示第一应用界面，并在悬浮窗中显示第二应用界面，在该场景下，用户通过点击悬浮菜单10中的批注控件输入批注触发操作，电子设备进入批注模式后，可以分屏显示第一应用界面和第二应用界面。此处是以左右分屏为例，可以理解的是，在进行分屏时也可以上下分屏。
分屏场景下滚动批注过程与上述的分屏场景类似，下面以前述的场景01为例进行示例性说明。
如图17中的(b)所示，第一应用的界面内容1-1可滚动，第二应用的界面内容2不可滚动，用户添加批注1后输入滚动操作，其中，批注1位于屏幕中部，且横跨第一应用 界面和第二应用界面。如图17中的(c)所示，电子设备接收到滚动操作后，向上滚动第一应用界面的界面内容、第二应用界面的界面内容和批注图层，在第二应用的界面内容的底部进行界面填充。滚动后的界面中，第一应用界面中的界面内容自上而下可以包括：图17中的(b)所示的第一应用的部分界面内容1-1和新显示的第一应用的界面内容1-2，第二应用界面中的界面内容自上而下可以包括：第二应用的部分界面内容2和第二应用的填充内容，批注1同步上滚，从屏幕中部滚动到屏幕上部。
用户添加批注2后输入批注保存操作，保存批注界面，其中，批注2横跨第一应用界面的界面内容1-2所在区域和第二应用界面的填充内容所在区域。如图17中的(d)所示，保存的批注图片中，第一应用界面的界面内容自上而下可以包括：图17中的(b)所示的全部界面内容1-1和图17中的(c)中新显示的第一应用的界面内容1-2，第二应用界面的界面内容自上而下可以包括：第二应用的全部界面内容2和第二应用的填充内容，批注内容自上而下可以包括：用户添加的批注1和批注2。
本实施例提供的批注方法，电子设备可以在多窗口场景下进入批注模式，供用户进行批注，这样可以丰富批注功能的应用场景，提高用户进行批注的灵活性，提升用户的批注体验。
基于同一构思，作为对上述方法的实现，本申请实施例提供了一种交互系统，请参见图18，图18为本申请实施例提供的交互系统的结构示意图。如图18所示，交互系统可以包括：电子设备100和触控笔200。
电子设备100可以是手机、平板、笔记本电脑、电子阅读器等显示设备。触控笔200可以是电阻式触控笔200或电容式触控笔200等。
电子设备100与触控笔200之间可以通过蓝牙、无线保真(wireless fidelity，Wi-Fi)网络等无线通信方式进行通信。
触控笔200上可以设置一个或多个按键，按键可以为实体按键或虚拟按键。用户可以通过触控笔200上的按键，控制触控笔200执行相应的操作，例如，用户点击第一按键后，触控笔200与电子设备100建立通信连接；用户点击第二按键后，电子设备100进入批注模式。
电子设备100与触控笔200建立通信后，用户可以通过触控笔200输入触控操作，在批注模式下，电子设备100可以将触控笔200在屏幕上形成的运动轨迹显示出来。
电子设备100的软件系统可以采用分层架构、事件驱动架构、微核架构、微服务架构或云架构。本发明实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。
图19为本申请实施例提供的电子设备100的软件架构示意图，如19所示，电子设备100的软件系统可以分成若干个层，在一些实施例中，Android系统从上至下可以分为应用程序层、应用程序框架层、安卓运行时(Android runtime)和系统库，以及内核层。
应用程序层可以包括一系列应用程序。如图19所示，应用程序可以包括相机、图库、日历、通话、WLAN、蓝牙、音乐、备忘录、短信息、批注、浏览器等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(Application Programming Interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图19所示，应用程序框架层可以包括窗口管理器、内容提供器、视图系统、资源管理器、通知管理器、截图模块等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备100振动，指示灯闪烁等。
截图模块可以对电子设备100的显示界面进行截图。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(Surface Manager)、媒体库(Media Libraries)、三维图形处理库(例如：OpenGL ES)、2D图形引擎(例如：SGL)和输入模块等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。2D图形引擎是2D绘图的绘图引擎。
输入模块用于将用户输入的触控操作所产生的触控事件传递给对应的应用程序。
内核层是硬件和软件之间的层，用于为Android内核提供核心系统服务，如安全性服务、网络服务、内存管理服务、检测管理服务和驱动模型等。内核层可以包含显示驱动、摄像头驱动、音频驱动和传感器驱动。
用户输入触摸操作后，硬件设备中的触摸传感器可以产生相应的硬件中断，发送给内核层，内核层可以将触摸操作封装成触摸事件(例如，触摸按下(action down)事件、触摸移动(action move)事件以及触摸抬起(action up)事件等)，并可以通过系统库中的输入模块向上层APP上报触摸事件。
如前面的实施例所述，电子设备100在进入批注模式后，可以在应用界面上加载批注图层，这样用户输入的滚动操作产生的触摸事件会被批注图层处理掉，位于批注图层下方的APP则无法接收到触摸事件，从而无法实现界面滚动。本实施例中，可以通过模拟触摸 事件的方式实现批注模式下的界面滚动。为了实现滚动批注功能，可以在应用程序框架层中增加内容感知器，批注应用可以借助内容感知器实现滚动批注过程，下面对滚动批注原理进行说明。
图20为本申请实施例提供的滚动批注原理示意图，如图20所示，用户输入批注触发操作后，输入模块可以将批注触发操作产生的触摸事件传递给批注应用(步骤S1)；批注应用接收到触摸事件后，可以响应该触摸事件，向窗口管理器发送界面信息请求命令(步骤S2)，以获取APP界面信息。
窗口管理器接收到界面信息请求命令后，可以将当前显示的APP(此处称为目标APP)的界面信息传递给内容感知器(步骤S3)；然后，内容感知器可以将目标APP的界面信息传递给批注应用(步骤S4)。
其中，目标APP可以包括一个或多个，例如目标APP可以包括前面图3中所示的“图库”APP和“备忘录”APP，每个目标APP的处理过程类似，此处是以一个为例进行示例性说明。
批注应用获取到目标APP的界面信息后，可以根据其中的界面布局信息确定出目标APP界面中的内容显示控件的位置(此处称为第一目标位置)，然后可以向截图模块发送截图命令(步骤S5)，通知截图模块对第一目标位置进行截图。
截图模块完成截图后，可以将截图返回给批注应用(步骤S6)；然后，批注应用可以在截图上加载批注图层后进行显示(步骤S7)。
如果用户在批注图层上添加了第一批注，输入模块则可以将第一批注对应的触摸事件传递给批注应用(步骤S8)；批注应用可以响应该触摸事件，在批注图层上显示用户添加的第一批注(步骤S9)。
另外，在批注应用获取到截图模块返回的截图后，可以模拟滚动操作对应的触摸事件(简称为滚动触摸事件)，然后将模拟的滚动触摸事件发送给窗口管理器(步骤S10)，通知窗口管理器将模拟的滚动触摸事件传递给目标APP。
窗口管理器将模拟的滚动触摸事件传递给目标APP后(步骤S11)，目标APP则可以执行对应的滚动处理过程(步骤S12)。
其中，在界面内容可滚动的情况下，目标APP可以对界面内容进行滚动；在界面内容不可滚动的情况下，即界面内容已到达底部，目标APP可以不进行界面内容的滚动。
批注应用在向窗口管理器发送完模拟的滚动触摸事件后，可以根据前面获取的目标APP的界面信息，确定可滚动控件的位置(此处称为第二目标位置)，然后向截图模块发送截图命令(步骤S13)，通知截图模块对第二目标位置进行截图。
具体地，批注应用可以根据控件类型确定该控件中的界面内容是否可滚动，其中，可滚动控件可以包括RecycleView、ListView、ScrollView、PageView和WebView等，例如，“图库”APP中主页面一般会采用RecycleView控件，新闻类APP中一般会采用ListView控件，“联系人”APP中一般会采用ScrollView控件，幻灯片APP中一般会采用PageView控件，网页类APP中一般会采用WebView控件。
批注应用确定出可滚动控件后，可以将可滚动控件的位置确定为第二目标位置，指示截图模块对该位置进行截图。
截图模块完成截图后，可以将截图返回给批注应用(步骤S14)；然后，批注应用可 以进行图片去重和图片拼接，生成长截图后更新显示的截图(步骤S15)。
具体地，批注应用可以将本次获取的截图与上次获取的截图进行对比，如果上次获取的截图中已存在与本次获取的截图的全部界面内容，说明目标APP的界面内容已滚动到底部，此时可以在目标APP的界面内容的底部进行界面填充，例如填充为白色页面。如果上次获取的截图中未包括本次获取的截图中的全部界面内容，则可以将本次获取的截图中新加载的界面内容拼接到上次获取的截图中界面内容的底部，生成长截图。
如果用户在批注图层输入了滚动操作，输入模块则可以将该滚动操作对应的触摸事件传递给批注应用(步骤S16)；批注应用可以响应该触摸事件，滚动长截图和批注图层，更新显示的界面内容(步骤S17)。
另外，批注应用在执行完步骤S15之后，如果确定目标APP的界面内容未到底部，即目标APP的界面内容可以继续滚动，批注应用可以返回执行步骤S10，更新长截图，即电子设备100可以重复执行步骤S10-S15，直至满足预设条件为止。
其中，预设条件可以是目标APP的界面内容到达底部，或者，电子设备100退出批注模式。
在重复执行步骤S10-S15时，在未满足预设条件的情况下，可以是每执行完一次长截图更新过程后，即进行下一次的长截图更新过程；也可以是每执行完一次长截图更新过程后，等待预设时长后，进行下一次的长截图更新过程，其中，该每两次长截图更新过程之间的预设时长可以相等，也可以不等，例如，该预设时长可以逐渐增大。
可以理解的是，在实现滚动批注功能时，也可以对窗口管理器进行改动，使批注应用可以直接从窗口管理器获取APP界面信息。其中，在应用程序框架层中增加内容感知器的方式，可以减少对原有框架结构的改动，降低实现难度。
下面对电子设备100的结构进行说明。
参见图21，图21为本申请实施例提供的电子设备的结构示意图。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(sraphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字 信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(serail clock line，SCL)。I2S接口可以用于音频通信。PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。UART接口是一种通用串行数据总线，用于异步通信；该总线可以为双向通信总线，它将要传输的数据在串行通信与并行通信之间转换。MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件；MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(display serial interface，DSI)等。GPIO接口可以通过软件配置，GPIO接口可以被配置为控制信号，也可被配置为数据信号。USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。
可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一 些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近场通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分同步码分多址(time division-synchronous code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GNSS)，北斗卫星导航系统(beidou navigation  satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(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，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。摄像头193用于捕获静态图像或视频。数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。视频编解码器用于对数字视频压缩或解压缩。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，以及至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
外部存储器接口120可以用于连接外部存储器，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。耳机接口170D用于连接有线耳机。耳机接口170D 可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。
本实施例提供的交互系统可以执行上述方法实施例，其实现原理与技术效果类似，此处不再赘述。
基于同一构思，作为对上述方法的实现，本申请实施例提供了一种批注装置，该装置实施例与前述方法实施例对应，为便于阅读，本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。
图22为本申请实施例提供的批注装置的结构示意图，如图22所示，本实施例提供的装置包括：
显示模块210、输入模块220、处理模块230和通信模块240。
其中，显示模块210用于支持电子设备执行上述实施例中的界面显示操作和/或用于本文所描述的技术的其它过程。显示模块可以是触摸屏或其他硬件或硬件与软件的综合体。
输入模块220用于接收用户在电子设备的显示界面上的输入，如触摸输入、语音输入、手势输入等，输入模块用于支持电子设备执行上述实施例中接收用户的接听通话操作的步骤和/或用于本文所描述的技术的其它过程。输入模块可以是触摸屏或其他硬件或硬件与软件的综合体。
处理模块230用于支持电子设备执行上述实施例中批注过程相关的处理操作和/或用于本文所描述的技术的其它过程。
通信模块240用于支持电子设备执行上述实施例中与触控笔之间的通信过程相关的操作和/或用于本文所描述的技术的其它过程。
本实施例提供的装置可以执行上述方法实施例，其实现原理与技术效果类似，此处不再赘述。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能 单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述方法实施例所述的方法。
本申请实施例还提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行时实现上述方法实施例所述的方法。
本申请实施例还提供一种芯片系统，包括处理器，所述处理器与存储器耦合，所述处理器执行存储器中存储的计算机程序，以实现上述方法实施例所述的方法。其中，所述芯片系统可以为单个芯片，或者多个芯片组成的芯片模组。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者通过所述计算机可读存储介质进行传输。所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(例如软盘、硬盘或磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘(Solid State Disk，SSD))等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质可以包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
在本申请中出现的对步骤进行的命名或者编号，并不意味着必须按照命名或者编号所指示的时间/逻辑先后顺序执行方法流程中的步骤，已经命名或者编号的流程步骤可以根据要实现的技术目的变更执行次序，只要能达到相同或者相类似的技术效果即可。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
在本申请所提供的实施例中，应该理解到，所揭露的装置/设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
应当理解，在本申请说明书和所附权利要求书的描述中，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或模块的过程、 方法、系统、产品或设备不必限于清楚地列出的那些步骤或模块，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或模块。
在本申请的描述中，除非另有说明，“/”表示前后关联的对象是一种“或”的关系，例如，A/B可以表示A或B；本申请中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况，其中A，B可以是单数或者复数。
并且，在本申请的描述中，除非另有说明，“多个”是指两个或多于两个。“以下至少一项”或其类似表达，是指的这些项中的任意组合，包括单项或复数项的任意组合。例如，a，b，或c中的至少一项，可以表示：a，b，c，a-b，a-c，b-c，或a-b-c，其中a，b，c可以是单个，也可以是多个。
如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。
最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (15)

  1. 一种批注方法，其特征在于，包括：
    显示第一界面，所述第一界面包括分屏显示的第一应用界面和第二应用界面；
    接收用户对所述第一界面的第一批注操作；
    响应于所述第一批注操作，在所述第一界面上显示第一批注；
    接收用户对所述第一界面的第一滚动操作；
    响应于所述第一滚动操作，显示第二界面，所述第二界面包括分屏显示的第一应用界面和第二应用界面，所述第二界面与所述第一界面不同；
    接收用户对所述第二界面的第二批注操作；
    响应于所述第二批注操作，在所述第二界面上显示第二批注；
    生成第一批注图片，所述第一批注图片包括：所述第一批注，所述第二批注，所述第一界面，以及所述第二界面。
  2. 根据权利要求1所述的方法，其特征在于，所述响应于所述第一滚动操作，显示第二界面，具体包括：
    响应于所述第一滚动操作，分屏显示的所述第一应用界面由第一应用的第一子界面切换为第一应用的第二子界面。
  3. 根据权利要求2所述的方法，其特征在于，所述方法还包括：
    响应于所述第一滚动操作，分屏显示的所述第二应用界面由第二应用的第三子界面切换为第二应用的第四子界面。
  4. 根据权利要求3所述的方法，其特征在于，
    若所述第一滚动操作为向上滚动操作，所述第一批注图片中所述第一子界面位于所述第二子界面上方，所述第三子界面位于所述第四子界面上方。
  5. 根据权利要求4所述的方法，其特征在于，
    若所述第一应用界面位于所述第二应用界面左侧，所述第一批注图片中所述第一子界面位于所述第三子界面左侧，所述第二子界面位于所述第四子界面左侧；
    若所述第一应用界面位于所述第二应用界面右侧，所述第一批注图片中所述第一子界面位于所述第三子界面右侧，所述第二子界面位于所述第四子界面右侧。
  6. 根据权利要求3至5任一项所述的方法，其特征在于，所述第四子界面为填充页面。
  7. 根据权利要求3至6任一项所述的方法，其特征在于，所述第一应用界面还包括固定显示在所述第一应用界面底部的第一组件，则所述方法还包括：
    接收用户对所述第一界面的第一滚动操作之后，不再显示所述第一组件。
  8. 根据权利要求1-7任一项所述的方法，其特征在于，所述方法还包括：
    显示第三界面，所述第三界面包括分屏显示的第三应用界面和第四应用界面；
    接收用户对所述第三界面中显示的第三应用界面的第二滚动操作；
    响应于所述第二滚动操作，全屏显示第三应用界面；
    接收用户对所述第三应用界面的第三批注操作；
    响应于所述第三批注操作，在所述第三应用界面上显示第三批注；
    生成第二批注图片，所述第二批注图片包括：所述第三批注和所述第三应用界面。
  9. 根据权利要求1-8任一项所述的方法，其特征在于，所述方法还包括：
    显示第四界面，所述第四界面包括分屏显示的第五应用界面和第六应用界面；
    接收用户对所述第五应用界面或所述第六应用界面的第四批注操作；
    响应于所述第四批注操作，在所述第五应用界面或所述第六应用界面上显示第四批注；
    接收用户对所述第五应用界面的第三滚动操作；
    响应于所述第三滚动操作，全屏显示所述第五应用界面。
  10. 根据权利要求1-9任一项所述的方法，其特征在于，所述方法还包括：
    显示第五界面，所述第五界面包括分屏显示的第七应用界面和第八应用界面；
    接收用户对所述第五界面的第五批注操作；
    响应于所述第五批注操作，显示第五批注，所述第五批注与所述第七应用界面和第八应用界面的分界线重叠；
    接收用户对所述第五界面的第四滚动操作；
    响应于所述第四滚动操作，显示提示界面以供用户选择是否保存批注。
  11. 根据权利要求1-10任一项所述的方法，其特征在于，所述方法还包括：
    显示第六界面，所述第六界面包括全屏显示的第九应用界面和在所述第九应用界面上悬浮显示的第十应用界面；
    响应于批注触发操作，隐藏悬浮显示的所述第十应用界面或分屏显示所述第九应用界面和所述第十应用界面。
  12. 一种电子设备，其特征在于，包括：存储器和处理器，所述存储器用于存储计算机程序；所述处理器用于在调用所述计算机程序时执行如权利要求1-11任一项所述的方法。
  13. 一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-11任一项所述的方法。
  14. 一种计算机程序产品，其特征在于，当计算机程序产品在电子设备上运行时，使得电子设备执行如权利要求1-11任一项所述的方法。
  15. 一种芯片系统，其特征在于，所述芯片系统包括处理器，所述处理器与存储器耦合，所述处理器执行存储器中存储的计算机程序，以实现如权利要求1-11任一项所述的方法。
PCT/CN2022/115223 2021-09-06 2022-08-26 批注方法和电子设备 WO2023030198A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
EP22863335.0A EP4375822A1 (en) 2021-09-06 2022-08-26 Annotation method and electronic device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111039715.4 2021-09-06
CN202111039715.4A CN115774511A (zh) 2021-09-06 2021-09-06 批注方法和电子设备

Publications (1)

Publication Number Publication Date
WO2023030198A1 true WO2023030198A1 (zh) 2023-03-09

Family

ID=85387472

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/115223 WO2023030198A1 (zh) 2021-09-06 2022-08-26 批注方法和电子设备

Country Status (3)

Country Link
EP (1) EP4375822A1 (zh)
CN (1) CN115774511A (zh)
WO (1) WO2023030198A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070239831A1 (en) * 2006-04-06 2007-10-11 Yahoo! Inc. Interface for editing, binding, and displaying an annotation for a message
CN104978110A (zh) * 2015-07-27 2015-10-14 联想(北京)有限公司 显示处理方法和显示处理设备
CN105786713A (zh) * 2016-03-28 2016-07-20 努比亚技术有限公司 移动终端的分屏排查方法、装置及移动终端
CN107797971A (zh) * 2017-10-11 2018-03-13 广州视源电子科技股份有限公司 文档批注方法、装置和电子设备
CN108459836A (zh) * 2018-01-19 2018-08-28 广州视源电子科技股份有限公司 批注显示方法、装置、设备及存储介质
CN110196675A (zh) * 2019-04-17 2019-09-03 华为技术有限公司 一种添加批注的方法及电子设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070239831A1 (en) * 2006-04-06 2007-10-11 Yahoo! Inc. Interface for editing, binding, and displaying an annotation for a message
CN104978110A (zh) * 2015-07-27 2015-10-14 联想(北京)有限公司 显示处理方法和显示处理设备
CN105786713A (zh) * 2016-03-28 2016-07-20 努比亚技术有限公司 移动终端的分屏排查方法、装置及移动终端
CN107797971A (zh) * 2017-10-11 2018-03-13 广州视源电子科技股份有限公司 文档批注方法、装置和电子设备
CN108459836A (zh) * 2018-01-19 2018-08-28 广州视源电子科技股份有限公司 批注显示方法、装置、设备及存储介质
CN110196675A (zh) * 2019-04-17 2019-09-03 华为技术有限公司 一种添加批注的方法及电子设备

Also Published As

Publication number Publication date
CN115774511A (zh) 2023-03-10
EP4375822A1 (en) 2024-05-29

Similar Documents

Publication Publication Date Title
WO2021027747A1 (zh) 一种界面显示方法及设备
WO2021057830A1 (zh) 一种信息处理方法及电子设备
WO2020211709A1 (zh) 一种添加批注的方法及电子设备
WO2021036571A1 (zh) 一种桌面的编辑方法及电子设备
WO2021103981A1 (zh) 分屏显示的处理方法、装置及电子设备
WO2021115194A1 (zh) 一种应用图标的显示方法及电子设备
US11687235B2 (en) Split-screen method and electronic device
WO2021121052A1 (zh) 一种多屏协同方法、系统及电子设备
WO2022057512A1 (zh) 分屏方法、装置及电子设备
CN113132526B (zh) 一种页面绘制方法及相关装置
CN110633043A (zh) 一种分屏处理方法及终端设备
CN114816167B (zh) 应用图标的显示方法、电子设备及可读存储介质
CN113986070B (zh) 一种应用卡片的快速查看方法及电子设备
WO2020155875A1 (zh) 电子设备的显示方法、图形用户界面及电子设备
WO2023130921A1 (zh) 一种适配多设备的页面布局的方法及电子设备
CN112068907A (zh) 一种界面显示方法和电子设备
WO2023051511A1 (zh) 一种图标移动方法、相关图形界面及电子设备
WO2023236794A1 (zh) 一种音轨标记方法及电子设备
WO2021052488A1 (zh) 一种信息处理方法及电子设备
WO2021042881A1 (zh) 消息通知方法及电子设备
CN113448658A (zh) 截屏处理的方法、图形用户接口及终端
EP4365722A1 (en) Method for displaying dock bar in launcher and electronic device
WO2023005751A1 (zh) 渲染方法及电子设备
WO2023030198A1 (zh) 批注方法和电子设备
CN115661301A (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: 22863335

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2022863335

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2022863335

Country of ref document: EP

Effective date: 20240223

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112024004449

Country of ref document: BR

NENP Non-entry into the national phase

Ref country code: DE