Devices, methods, and graphical user interfaces for a unified annotation layer for annotating content displayed on a device

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which, when executed by an electronic device with a display device, cause the electronic device to:

• display, via the display device, a user interface that includes application content generated by the electronic device;
• while displaying the user interface that includes the application content generated by the electronic device, detect a first input that moves over a portion of the application content;
• and
• in response to detecting the first input, display an annotation user interface concurrently with a representation of the application content over which the first input moved;
• while displaying the annotation user interface:
• displaying a set of markup tools, including a plurality of tools for adding marks to the application content over which the first input moved, wherein the set of markup tools is displayed concurrently with the representation of the application content over which the first input moved;
• detecting a second input selecting a first markup tool of the set of markup tools;
• while the first markup tool is selected, adding one or more marks on an annotation layer overlaying the application content over which the first input moved, wherein the one or more marks are generated by the electronic device in accordance with one or more additional inputs using the selected first markup tool;
• and
• changing opacity of the annotation layer, wherein increasing opacity of the annotation layer decreases visibility of application content over which the first input moved relative to the one or more marks on the annotation layer.

An electronic device, comprising:

• a display device;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying, via the display device, a user interface that includes application content generated by the electronic device;
• while displaying the user interface that includes the application content generated by the electronic device, detecting a first input that moves over a portion of the application content;
• in response to detecting the first input, displaying an annotation user interface concurrently with a representation of the application content over which the first input moved;
• and
• while displaying the annotation user interface:
• displaying a set of markup tools, including a plurality of tools for adding marks to the application content over which the first input moved, wherein the set of markup tools is displayed concurrently with the representation of the application content over which the first input moved;
• detecting a second input selecting a first markup tool of the set of markup tools;
• while the first markup tool is selected, adding one or more marks on an annotation layer overlaying the application content over which the first input moved, wherein the one or more marks are generated by the electronic device in accordance with one or more additional inputs using the selected first markup tool;
• and
• changing opacity of the annotation layer, wherein increasing opacity of the annotation layer decreases visibility of application content over which the first input moved relative to the one or more marks on the annotation layer.