User interface for managing media style

Abstract

To provide faster, more efficient interfaces for managing media styles that are applied to visual content of media.SOLUTION: A method to be executed by a computer system includes: displaying representation of media and a user interface object, a first portion and a second portion of the representation of media being displayed using a first media-processing style, selecting the user interface object correcting parameters of the first media-processing style; when detecting an input to a first direction directed to the representation, the first portion of the input having a first input magnitude, displaying the first portion using the second media-processing style while displaying the second portion and a third portion which is between the first portion and the second portion using the first media-processing style; and when detecting an input of the second portion larger than the first input, displaying the first portion and the third portion using the second media-processing style.SELECTED DRAWING: Figure 7A

Description

[Technical Field]

[0001] (CROSS-REFERENCE TO RELATED APPLICATIONS) This application claims priority to U.S. Provisional Patent Application No. 63 / 195,679, entitled "USER INTERFACES FOR MANAGING MEDIA STYLES," filed June 1, 2021, U.S. Patent Application No. 63 / 243,633, entitled "USER INTERFACES FOR MANAGING MEDIA STYLES," filed September 13, 2021, and U.S. Patent Application No. 17 / 721,039, entitled "USER INTERFACES FOR MANAGING MEDIA STYLES," filed April 14, 2022, the contents of which are incorporated herein by reference in their entireties.

[0002] TECHNICAL FIELD This disclosure relates generally to computer user interfaces, and more particularly to techniques for managing media styles applied to visual media content. [Background technology]

[0003] Users of smartphones and other personal electronic devices are increasingly capturing, storing, and editing media to keep memories safe and share them with friends. Some existing technologies allow users to capture images or videos. Users can manage such media by, for example, capturing, storing, and editing the media. Summary of the Invention

[0004] However, some techniques for managing media styles applied to visual content of media using electronic devices (e.g., including computer systems) are generally cumbersome and inefficient. For example, some existing techniques use complex and time-consuming user interfaces that may involve multiple key presses or strokes. Existing techniques take more time than necessary, wasting user time and device energy. This latter consideration is particularly important in battery-operated devices.

[0005] Thus, the present technology provides electronic devices with faster, more efficient methods and interfaces for managing media styles applied to media visual content. Such methods and interfaces optionally complement or replace other methods for managing media styles applied to media visual content. Such methods and interfaces reduce the cognitive burden on users and create a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces conserve power, extend the time between battery charges, and reduce the number of unnecessary, irrelevant, and / or repetitive inputs received.

[0006] According to some embodiments, a method is described that is executed on a computer system in communication with a display generation component and one or more input devices, the method including: displaying, via the display generation component, a style selection user interface including a representation of media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style that is applied to visual content of the media; detecting, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and, in response to detecting the input directed at the representation and in accordance with determining that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein displaying the first portion of the representation in response to detecting a first portion of input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of input directed at the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

[0007] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs displaying, via the display generation component, a style selection user interface including a representation of media, wherein a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media, detecting, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style, and, in response to detecting the input directed at the representation and in accordance with determining that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style. a first portion of the representation including: in response to detecting a first portion of input directed to the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using a second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of input directed to the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

[0008] According to some embodiments, a temporary computer-readable storage medium is described, the temporary computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs displaying, via the display generation component, a style selection user interface including a representation of media, wherein a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media, detecting, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style, and, in response to detecting the input directed at the representation and in accordance with determining that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style. a temporary computer-readable storage medium containing instructions for: displaying a first portion of the representation including: in response to detecting a first portion of input directed to the representation, the first portion of input having a first input magnitude, displaying the first portion of the representation using a second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of input directed to the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

[0009] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described. The computer system includes one or more processors and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions to: display, via the display generation component, a style selection user interface including a representation of media, wherein a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detect, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and, in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, display, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style. and displaying a first portion of the representation includes, in response to detecting a first portion of input directed to the representation, the first portion of input having a first input magnitude, displaying the first portion of the representation using a second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of input directed to the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

[0010] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described, the computer system including: means for displaying, via the display generation component, a style selection user interface including a representation of media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; means for detecting, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and means for displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction. means for displaying the first portion of the representation using a second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style in response to detecting a first portion of input having a first input magnitude; and means for displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style in response to detecting a second portion of input directed to the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style.

[0011] According to some embodiments, a computer program product is described. The computer program product comprises one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices. The one or more programs include instructions for: displaying, via the display generation component, a style selection user interface including a representation of media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detecting, via the one or more input devices, an input directed at the representation while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and, in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style. The computer program product further includes instructions for: detecting, via the display generation component, an input directed at the representation and in accordance with a determination that the input is in a first direction, a first direction of the input directed at the representation while continuing to display, via the display generation component, the second portion of the representation using the first media processing style. in response to detecting a first portion of input having a first input magnitude, displaying the first portion of the representation using a second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; and after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of input directed at the representation, the second portion of the input having a second input magnitude greater than the first input magnitude, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

[0012] According to some embodiments, a method is described that is executed on a computer system in communication with a display generation component and one or more input devices. The method includes: displaying, via the display generation component, a user interface including a representation of media, the representation being displayed using a first media processing style applied to visual content of the media; and, while displaying the representation of the media using the first media processing style, displaying, via the display generation component, a plurality of selectable user interface objects for the first media processing style, the first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style, and a second selectable user interface object for editing a second parameter different from the first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of a second parameter of the first media processing style. and while displaying the plurality of selectable user interface objects of the first media processing style, detecting, via one or more input devices, input directed to the plurality of selectable user interface objects of the first media processing style; and in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object for editing a first parameter of the first media processing style, displaying, via the display generation component, a second control for adjusting the current value of the second parameter in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style.

[0013] According to some embodiments, a non-transitory computer-readable storage medium is described.The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs display, via the display generation component, a representation of media, the representation displayed using a first media processing style applied to visual content of the media, in a user interface including the representation of the media, and while displaying the representation of the media using the first media processing style, display, via the display generation component, a plurality of selectable user interface objects for the first media processing style, the first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object displayed with a representation of a current value of the first parameter of the first media processing style, and a table of current values ​​of a second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style. and a currently displayed second selectable user interface object; while displaying the plurality of selectable user interface objects of the first media processing style, detect input via one or more input devices directed to the plurality of selectable user interface objects of the first media processing style; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object for editing a first parameter of the first media processing style, display via the display generation component a first control for adjusting a current value of the first parameter; and in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style, display via the display generation component a second control for adjusting a current value of the second parameter.

[0014] According to some embodiments, a temporary computer-readable storage medium is described.The temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs display, via the display generation component, a representation of media, the representation displayed using a first media processing style applied to visual content of the media, in a user interface including the representation of the media, and while displaying the representation of the media using the first media processing style, display, via the display generation component, a plurality of selectable user interface objects for the first media processing style, the first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object displayed with a representation of a current value of the first parameter of the first media processing style, and a table of current values ​​of a second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style. and a currently displayed second selectable user interface object; while displaying the plurality of selectable user interface objects of the first media processing style, detect input via one or more input devices directed to the plurality of selectable user interface objects of the first media processing style; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object for editing a first parameter of the first media processing style, display via the display generation component a first control for adjusting a current value of the first parameter; and in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style, display via the display generation component a second control for adjusting a current value of the second parameter.

[0015] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described.The computer system comprises one or more processors and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs displaying, via a display generation component, a representation of media, the representation being displayed using a first media processing style applied to visual content of the media, in a user interface including the representation of the media, and while displaying the representation of the media using the first media processing style, displaying, via the display generation component, a plurality of selectable user interface objects for the first media processing style, the first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style, and a second selectable user interface object for editing a second parameter different from the first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of a second parameter of the first media processing style. and a plurality of selectable user interface objects for editing a first media processing style; while displaying the plurality of selectable user interface objects of a first media processing style, detect input via one or more input devices directed to the plurality of selectable user interface objects of the first media processing style; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object for editing a first parameter of the first media processing style, display via the display generation component a first control for adjusting a current value of the first parameter; and in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style, display via the display generation component a second control for adjusting a current value of the second parameter.

[0016] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described. The computer system includes means for displaying, via the display generation component, a user interface including a representation of media, the representation being displayed using a first media processing style applied to visual content of the media, and while displaying the representation of the media using the first media processing style, displaying, via the display generation component, a plurality of selectable user interface objects for the first media processing style, the first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style, and a second selectable user interface object for editing a second parameter different from the first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of a second parameter of the first media processing style. means for simultaneously displaying a plurality of selectable user interface objects for the first media processing style; means for detecting, via one or more input devices, input directed to the plurality of selectable user interface objects for the first media processing style while displaying the plurality of selectable user interface objects for the first media processing style; and means for, in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style, displaying, via the display generation component, a first control for adjusting a current value of the first parameter in accordance with a determination that the input is directed to the first selectable user interface object for editing a first parameter of the first media processing style, and displaying, via the display generation component, a second control for adjusting a current value of the second parameter in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style.

[0017] According to some embodiments, a computer program product is described, comprising one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices.The one or more programs, via a display generation component, display a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; and while displaying the representation of the media using the first media processing style, via the display generation component, display a plurality of selectable user interface objects for the first media processing style, the plurality of selectable user interface objects including: a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; and a second selectable user interface object for editing a second parameter different from the first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of a second parameter of the first media processing style. and, while displaying a plurality of selectable user interface objects for the first media processing style, detect, via one or more input devices, input directed to the plurality of selectable user interface objects for the first media processing style, and, in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style, display, via a display generation component, a first control for adjusting a current value of the first parameter in accordance with a determination that the input is directed to a first selectable user interface object for editing a first parameter of the first media processing style, and display, via a display generation component, a second control for adjusting a current value of the second parameter in accordance with a determination that the input is directed to a second user interface object for editing a second parameter of the first media processing style. Executable instructions to perform these functions are optionally contained within a non-transitory computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0018] Executable instructions to perform these functions are optionally contained in a transitory computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0019] Thus, devices are provided with faster, more efficient methods and interfaces for managing media styles applied to media visual content, thereby increasing the effectiveness, efficiency, and user satisfaction of such devices. Such methods and interfaces may complement or replace other methods for managing media styles applied to media visual content. [Brief explanation of the drawings]

[0020] For a better understanding of the various described embodiments, reference should be made to the following Detailed Description of the Invention in conjunction with the following drawings, in which like reference numerals refer to corresponding parts throughout:

[0021] [Figure 1A] FIG. 1 is a block diagram illustrating a portable multifunction device with a touch-sensitive display in accordance with some embodiments.

[0022] [Figure 1B] FIG. 2 is a block diagram illustrating exemplary components for event processing according to some embodiments.

[0023] [Figure 2] FIG. 1 illustrates a portable multifunction device with a touch screen in accordance with some embodiments.

[0024] [Figure 3] FIG. 1 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface in accordance with some embodiments.

[0025] [Figure 4A] 1 illustrates an exemplary user interface for a menu of applications on a portable multifunction device in accordance with some embodiments.

[0026] [Figure 4B] 1 illustrates an exemplary user interface for a multifunction device having a touch-sensitive surface that is separate from the display in accordance with some embodiments.

[0027] [Figure 5A] 1 illustrates a personal electronic device according to some embodiments.

[0028] [Figure 5B] FIG. 1 is a block diagram illustrating a personal electronic device according to some embodiments.

[0029] [Figure 6A] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6B] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6C] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6D] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6E] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6F] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6G]1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6H] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6I] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6J] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6K] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6L] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6M] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6N] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6O] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6P] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6Q] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6R]1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6S] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6T] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6U] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6V] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6W] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6X] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 6Y] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments.

[0030] [Figure 7A] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7B] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7C]1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7D] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7E] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7F] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7G] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7H] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7I] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7J] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7K] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7L] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7M] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7N]1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7O] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7P] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7Q] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7R] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7S] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7T] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7U] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7V] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7W] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7W1] 1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments. [Figure 7X]1 illustrates an exemplary user interface for editing media processing styles using a computer system according to some embodiments.

[0031] [Figure 8A] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 8B] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments. [Figure 8C] 1 illustrates an exemplary user interface for selecting a media processing style using a computer system according to some embodiments.

[0032] [Figure 9] FIG. 1 is a flow diagram illustrating a method for selecting a media processing style using a computer system, according to some embodiments.

[0033] [Figure 10A] FIG. 1 is a flow diagram illustrating a method for editing media processing styles using a computer system, according to some embodiments. [Figure 10B] FIG. 1 is a flow diagram illustrating a method for editing media processing styles using a computer system, according to some embodiments. DETAILED DESCRIPTION OF THE INVENTION

[0034] The following description sets forth example methods, parameters, etc. However, it should be recognized that such description is not intended as a limitation on the scope of the present disclosure, but rather is provided as a description of example embodiments.

[0035] There is a need for electronic devices that provide efficient methods and interfaces for managing media styles applied to media visual content, such as the methods described herein for selecting and editing media processing styles. Such techniques can reduce the cognitive burden on users who wish to edit media, thereby increasing their productivity. Furthermore, such techniques can reduce processor and battery power that would otherwise be wasted on redundant user input.

[0036] 1A-1B, 2, 3, 4A-4B, and 5A-5B below provide descriptions of example devices for implementing techniques for managing media processing styles.

[0037] 6A-6Y illustrate exemplary user interfaces for selecting a media processing style using a computer system, according to some embodiments. 7A-7X illustrate exemplary user interfaces for editing a media processing style using a computer system, according to some embodiments. 8A-8C illustrate exemplary user interfaces for selecting a media processing style using a computer system, according to some embodiments. 9 is a flow diagram illustrating a method for selecting a media processing style using a computer system, according to some embodiments. 10A-10B are flow diagrams illustrating a method for editing a media processing style using a computer system, according to some embodiments. The user interfaces of FIGS. 6A-6Y, 7A-7X, and 8A-8C are used to illustrate the processes described below, including the processes of FIGS. 9 and 10A-10B.

[0038] The processes described below enhance the usability of a device and streamline the user-device interface (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device) through various techniques, including providing improved visual feedback to the user, reducing the number of inputs required to perform an operation, providing additional control options without cluttering the user interface with additional controls that are displayed, performing an operation without requiring further user input when a set of conditions is met, and / or other techniques. These techniques also reduce power usage and improve the device's battery life by allowing the user to use the device more quickly and efficiently.

[0039] Furthermore, for methods described herein in which one or more steps are conditioned on one or more conditions being satisfied, it should be understood that the described method can be repeated in multiple iterations, such that over the course of the iterations, all of the conditions on which the method steps are conditioned are satisfied in different iterations of the method. For example, if a method requires performing a first step if a condition is satisfied and a second step if the condition is not satisfied, one skilled in the art will understand that the steps recited in the claim are repeated in a particular order until the conditions are satisfied and then no longer satisfied. Thus, a method described with one or more steps that depend on one or more conditions being satisfied can be rewritten as a method that is repeated until each condition recited in the method is satisfied. However, this is not required for system or computer-readable medium claims in which the system or computer-readable medium includes instructions that perform a conditional action based on the satisfaction of the corresponding one or more conditions, and thus can determine whether a contingency is met without explicitly repeating the method steps until all conditions on which the method steps are conditioned are satisfied. Those skilled in the art will also understand that, as with methods having conditional steps, the system or computer-readable storage medium may repeat the steps of the method as many times as necessary to ensure that all of the conditional steps have been performed.

[0040] In the following description, terms such as "first" and "second" are used to describe various elements, but these elements should not be limited by these terms. These terms are used only to distinguish one element from another. For example, a first touch can be referred to as a second touch, and similarly, a second touch can be referred to as a first touch, without departing from the scope of the various embodiments described. Although a first touch and a second touch are both touches, they are not the same touch.

[0041] The terminology used in the description of the various embodiments set forth herein is for the purpose of describing particular embodiments only and is not intended to be limiting. In the description of the various embodiments set forth and in the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. Also, as used herein, the term "and / or" should be understood to refer to and include any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms "includes," "including," "comprises," and / or "comprising," as used herein, specify the presence of stated features, integers, steps, operations, elements, and / or components, but do not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof.

[0042] The term "if" is interpreted, optionally, according to the context, to mean "when" or "upon," or "in response to determining" or "in response to detecting." Similarly, the phrases "if it is determined" or "if [a stated condition or event] is detected" are interpreted, optionally, according to the context, to mean "upon determining" or "in response to determining," or "upon detecting [the stated condition or event]" or "in response to detecting [the stated condition or event]."

[0043] Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions, such as PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, but are not limited to, the iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, California. Optionally, other portable electronic devices, such as a laptop computer or tablet computer having a touch-sensitive surface (e.g., a touchscreen display and / or touchpad), are also used. It should also be understood that in some embodiments, the device is not a portable communication device, but rather a desktop computer having a touch-sensitive surface (e.g., a touchscreen display and / or touchpad). In some embodiments, the electronic device is a computer system in communication (e.g., via wired communication, via wireless communication) with a display generation component. The display generation component is configured to provide a visual output, such as a display via a CRT display, a display via an LED display, or a display via image projection. In some embodiments, the display generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system. As used herein, "displaying" content includes displaying content (e.g., video data rendered or decoded by display controller 156) by transmitting data (e.g., image data or video data) over a wired or wireless connection to an integrated or external display generation component to visually generate the content.

[0044] In the following discussion, electronic devices are described that include a display and a touch-sensitive surface. However, it should be understood that the electronic device optionally includes one or more other physical user-interface devices, such as a physical keyboard, a mouse, and / or a joystick.

[0045] The device typically supports a variety of applications such as one or more of a drawing application, a presentation application, a word processing application, a website creation application, a disc authoring application, a spreadsheet application, a gaming application, a telephone application, a video conferencing application, an email application, an instant messaging application, a training support application, a photo management application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, and / or a digital video player application.

[0046] Various applications running on the device optionally use at least one common physical user-interface device, such as a touch-sensitive surface. One or more features of the touch-sensitive surface and corresponding information displayed on the device are optionally adjusted and / or changed for each application and / or within individual applications. In this way, the common physical architecture of the device (such as the touch-sensitive surface) optionally supports various applications with user interfaces that are intuitive and transparent to the user.

[0047] Attention now turns to embodiments of portable devices with touch-sensitive displays. FIG. 1A is a block diagram illustrating portable multifunction device 100 having touch-sensitive display system 112, according to some embodiments. Touch-sensitive display 112 may conveniently be referred to as a "touch screen" and may also be known or referred to as a "touch-sensitive display system." Device 100 includes memory 102 (optionally including one or more computer-readable storage media), memory controller 122, one or more processing units (CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, input / output (I / O) subsystem 106, other input control devices 116, and external port 124. Device 100 optionally includes one or more optical sensors 164. Device 100 optionally includes one or more contact intensity sensors 165 that detect the intensity of a contact on device 100 (e.g., a touch-sensitive surface, such as touch-sensitive display system 112 of device 100). Device 100 optionally includes one or more tactile output generators 167 that generate tactile output on device 100 (e.g., generate tactile output on a touch-sensitive surface such as touch-sensitive display system 112 of device 100 or touchpad 355 of device 300). These components optionally communicate via one or more communication buses or signal lines 103.

[0048] As used herein and in the claims, the term “intensity” of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch-sensitive surface, or a proxy for the force or pressure of a contact on the touch-sensitive surface. The intensity of a contact has a range of values ​​that includes at least four distinct values ​​and more typically includes hundreds (e.g., at least 256) distinct values. The intensity of a contact is optionally determined (or measured) using various techniques and various sensors or combinations of sensors. For example, one or more force sensors under or adjacent to the touch-sensitive surface are optionally used to measure force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., weighted averaged) to determine an estimated force of the contact. Similarly, a pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size and / or change in the contact area detected on the touch-sensitive surface, the capacitance and / or change in the capacitance of the touch-sensitive surface proximate the contact, and / or the resistance and / or change in the capacitance of the touch-sensitive surface proximate the contact are optionally used as a surrogate for the force or pressure of the contact on the touch-sensitive surface. In some implementations, the surrogate measure of the force or pressure of the contact is used directly to determine whether an intensity threshold is exceeded (e.g., the intensity threshold is described in units corresponding to the surrogate measure). In some implementations, the surrogate measure of the contact force or pressure is converted to an estimate of the force or pressure, and the estimate of the force or pressure is used to determine whether an intensity threshold is exceeded (e.g., the intensity threshold is a pressure threshold measured in units of pressure). Using contact intensity as an attribute of user input allows users to access additional device functionality (e.g., on a touch-sensitive display) and / or receive user input (e.g., via a touch-sensitive display, touch-sensitive surface, or physical / mechanical controls such as knobs or buttons) that may not otherwise be accessible to users on devices of reduced size that have limited footprint for displaying affordances.

[0049] As used herein and in the claims, the term “tactile output” refers to a physical displacement of a device relative to a previous position of the device, a physical displacement of a component of the device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or a displacement of a component relative to the center of mass of the device, that will be detected by a user with the user's sense of touch. For example, in a situation where a device or a component of a device is in contact with a touch-sensitive surface of a user (e.g., the fingers, palm, or other part of the user's hand), the tactile output produced by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in a physical property of the device or a component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a “downclick” or “upclick” of a physical actuator button. In some cases, a user feels a tactile sensation such as a “downclick” or “upclick” even when there is no movement of a physical actuator button associated with the touch-sensitive surface that is physically pressed (e.g., displaced) by the user's action. As another example, movement of a touch-sensitive surface is optionally interpreted or perceived by a user as "roughness" of the touch-sensitive surface, even if there is no change in the smoothness of the touch-sensitive surface. While such user interpretation of touch depends on the user's personal sensory perception, there are many sensory perceptions of touch that are common to the majority of users. Thus, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., "upclick," "downclick," "roughness"), unless otherwise specified, the generated tactile output corresponds to a physical displacement of the device, or a component of the device, that produces the described sensory perception for a typical (or average) user.

[0050] It should be understood that device 100 is only one example of a portable multifunction device, and that device 100 optionally has more or fewer components than those shown, optionally combines two or more components, or optionally has a different configuration or arrangement of its components. The various components shown in Figure 1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing circuits and / or application specific integrated circuits.

[0051] Memory 102 optionally includes high-speed random access memory, and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices. Memory controller 122 optionally controls access to memory 102 by other components of device 100.

[0052] Peripheral interface 118 may be used to couple input and output peripherals of the device to CPU 120 and memory 102. One or more processors 120 operate or execute various software programs (e.g., computer programs (e.g., including instructions)) and / or instruction sets stored in memory 102 to perform various functions and process data for device 100. In some embodiments, peripheral interface 118, CPU 120, and memory controller 122 are optionally implemented on a single chip, such as chip 104. In some other embodiments, they are optionally implemented on separate chips.

[0053] RF (radio frequency) circuitry 108 transmits and receives RF signals, also called electromagnetic signals. RF circuitry 108 converts electrical signals to electromagnetic signals or electromagnetic signals to electrical signals and communicates with communication networks and other communication devices via electromagnetic signals. RF circuitry 108 optionally includes well-known circuitry for performing these functions, including, but not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, etc. RF circuitry 108 optionally communicates via wireless communication with networks, such as the Internet, also called the World Wide Web (WWW), an intranet, and / or wireless networks, such as cellular telephone networks, wireless local area networks (LANs) and / or metropolitan area networks (MANs), and with other devices. RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by short-range radios. Wireless communication optionally includes, but is not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPA), Long Term Evolution (LTE), and other standards.evolution (LTE), near field communications (NFC), wideband code division multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and / or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, protocols for email (e.g., Internet message access protocol (IMAP) and / or post office protocol (POP)), instant messaging (e.g., extensible messaging and presence protocol), The present invention may use any of a number of communication standards, protocols, and technologies, including the Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (XMPP), the Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), the Instant Messaging and Presence Service (IMPS), and / or the Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this application.

[0054] Audio circuit 110, speaker 111, and microphone 113 provide an audio interface between a user and device 100. Audio circuit 110 receives audio data from peripherals interface 118, converts the audio data into electrical signals, and transmits the electrical signals to speaker 111. Speaker 111 converts the electrical signals into sound waves audible to humans. Audio circuit 110 also receives electrical signals converted from sound waves by microphone 113. Audio circuit 110 converts the electrical signals into audio data and transmits the audio data to peripherals interface 118 for processing. The audio data is optionally retrieved from and / or transmitted to memory 102 and / or RF circuit 108 by peripherals interface 118. In some embodiments, audio circuit 110 also includes a headset jack (e.g., 212 in FIG. 2 ). The headset jack provides an interface between audio circuitry 110 and a detachable audio input / output peripheral, such as an output-only headphone or a headset with both an output (e.g., single or double ear headphones) and an input (e.g., a microphone).

[0055] I / O subsystem 106 couples input / output peripherals on device 100, such as touchscreen 112 and other input control devices 116, to peripheral interface 118. I / O subsystem 106 optionally includes display controller 156, optical sensor controller 158, depth camera controller 169, intensity sensor controller 159, haptic feedback controller 161, and one or more input controllers 160 for other input or control devices. One or more input controllers 160 receive / send electrical signals from / to other input control devices 116. Other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, etc. In some embodiments, input controller(s) 160 are optionally coupled to any (or none) of a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. The one or more buttons (e.g., 208 in FIG. 2 ) optionally include up / down buttons for volume control of speaker 111 and / or microphone 113. The one or more buttons optionally include push buttons (e.g., 206 in FIG. 2 ). In some embodiments, the electronic device is a computer system in communication with one or more input devices (e.g., via wireless communication over wired communication). In some embodiments, the one or more input devices include a touch-sensitive surface (e.g., a trackpad as part of a touch-sensitive display). In some embodiments, the one or more input devices include one or more camera sensors (e.g., one or more optical sensors 164 and / or one or more depth camera sensors 175), such as for tracking user gestures (e.g., hand gestures) as input. In some embodiments, the one or more input devices are integrated with the computer system. In some embodiments, the one or more input devices are separate from the computer system.

[0056] A quick press of a push button optionally unlocks the touchscreen 112 or optionally initiates the process of unlocking the device using gestures on the touchscreen, as described in U.S. Patent Application Serial No. 11 / 322,549, filed December 23, 2005, "Unlocking a Device by Performing Gestures on an Unlock Image," U.S. Patent No. 7,657,849, which is incorporated herein by reference in its entirety. A longer press of a push button (e.g., 206) optionally turns power on or off to the device 100. The functionality of one or more of the buttons is optionally customizable by the user. The touchscreen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

[0057] Touch-sensitive display 112 provides an input and output interface between the device and a user. Display controller 156 receives and / or sends electrical signals to touchscreen 112. Touchscreen 112 displays visual output to the user. This visual output optionally includes graphics, text, icons, animation, and any combination thereof (collectively "graphics"). In some embodiments, some or all of the visual output optionally corresponds to user interface objects.

[0058] Touchscreen 112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from a user based on haptic and / or tactile contact. Touchscreen 112 and display controller 156 (along with any associated modules and / or instruction sets in memory 102) detects contacts (and any movement or cessation of contact) on touchscreen 112 and translates the detected contacts into interactions with user interface objects (e.g., one or more softkeys, icons, web pages, or images) displayed on touchscreen 112. In an exemplary embodiment, the point of contact between touchscreen 112 and the user corresponds to the user's finger.

[0059] Touchscreen 112 optionally uses LCD (liquid crystal display), LPD (light emitting polymer display), or LED (light emitting diode) technology, although other display technologies are used in other embodiments. Touchscreen 112 and display controller 156 optionally use any of a number of now known or later developed touch sensing technologies to detect contact and any movement or disruption thereof, including, but not limited to, capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements that determine one or more points of contact with touchscreen 112. In an exemplary embodiment, projected mutual capacitance sensing technology is used, such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, California.

[0060] The touch-sensitive display in some embodiments of touchscreen 112 is optionally similar to the multi-touch-sensing touchpad described in U.S. Patent Nos. 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and / or 6,677,932 (Westerman), and / or U.S. Patent Application Publication No. 2002 / 0015024 A1, each of which is incorporated by reference herein in its entirety. However, touchscreen 112 displays visual output from device 100, whereas touch-sensitive touchpads do not provide visual output.

[0061] The touch-sensitive display in some embodiments of touch screen 112 is described in the following applications: (1) U.S. patent application Ser. No. 11 / 381,313, filed May 2, 2006, entitled "Multipoint Touch Surface Controller," (2) U.S. patent application Ser. No. 10 / 840,862, filed May 6, 2004, entitled "Multipoint Touchscreen," (3) U.S. patent application Ser. No. 10 / 903,964, filed July 30, 2004, entitled "Gestures For Touch Sensitive Input Devices," (4) U.S. patent application Ser. No. 11 / 048,264, filed January 31, 2005, entitled "Gestures For Touch Sensitive Input Devices," and (5) U.S. patent application Ser. No. 11 / 038,590, filed January 18, 2005, entitled "Mode-Based Graphical User Interfaces For Touch Sensitive Input Devices." No. 11 / 228,758, filed September 16, 2005, entitled "Virtual Input Device Placement On A Touch Screen User Interface," (7) U.S. Patent Application No. 11 / 228,700, filed September 16, 2005, entitled "Operation Of A Computer With A Touch Screen Interface," (8) U.S. Patent Application No. 11 / 228,737, filed September 16, 2005, entitled "Activating Virtual Keys Of A Touch-Screen Virtual Keyboard," and (9) U.S. Patent Application No. 11 / 367,749, filed March 3, 2006, entitled "Multi-Functional Hand-Held Device," all of which are incorporated herein by reference in their entireties.

[0062] Touchscreen 112 optionally has a video resolution greater than 100 dpi. In some embodiments, the touchscreen has a video resolution of approximately 160 dpi. A user optionally contacts touchscreen 112 using any suitable object or accessory, such as a stylus, a finger, or the like. In some embodiments, the user interface is designed to operate primarily using finger-based contact and gestures, which may not be as precise as stylus-based input due to the larger contact area of ​​a finger on the touchscreen. In some embodiments, the device translates the coarse finger input into precise pointer / cursor positions or commands to perform the action desired by the user.

[0063] In some embodiments, in addition to the touchscreen, device 100 optionally includes a touchpad for activating or deactivating certain functions. In some embodiments, the touchpad is a touch-sensitive area of ​​the device that, unlike the touchscreen, does not display visual output. The touchpad is optionally a touch-sensitive surface separate from touchscreen 112 or an extension of the touch-sensitive surface formed by the touchscreen.

[0064] Device 100 also includes a power system 162 that provides power to the various components. Power system 162 optionally includes a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharging system, power failure detection circuitry, power converters or inverters, power status indicators (e.g., light emitting diodes (LEDs)), and any other components associated with generating, managing, and distributing electrical power within a portable device.

[0065] Device 100 also optionally includes one or more optical sensors 164. FIG. 1A shows an optical sensor coupled to optical sensor controller 158 in I / O subsystem 106. Optical sensor 164 optionally includes a charge-coupled device (CCD) or a complementary metal-oxide semiconductor (CMOS) phototransistor. Optical sensor 164 receives light from the environment projected through one or more lenses and converts the light into data representing an image. Optical sensor 164 optionally works in conjunction with imaging module 143 (also called a camera module) to capture still images or video. In some embodiments, the optical sensor is located on the back side of device 100 opposite touchscreen display 112 on the front of the device, so that the touchscreen display can be used as a viewfinder for capturing still images and / or video. In some embodiments, the optical sensor is located on the front of the device so that an image of a user is optionally captured for video conferencing while the user views other video conference participants on the touchscreen display. In some embodiments, the position of the optical sensor 164 can be changed by the user (e.g., by rotating the lens and sensor within the device housing), so that a single optical sensor 164 is used for both video conferencing and capturing still images and / or video, along with a touchscreen display.

[0066] Device 100 also optionally includes one or more depth camera sensors 175. FIG. 1A shows a depth camera sensor coupled to depth camera controller 169 in I / O subsystem 106. Depth camera sensor 175 receives data from the environment and creates a three-dimensional model of an object (e.g., a face) in a scene from a viewpoint (e.g., the depth camera sensor). In some embodiments, in conjunction with imaging module 143 (also referred to as a camera module), depth camera sensor 175 is optionally used to determine a depth map of different portions of an image captured by imaging module 143. In some embodiments, a depth camera sensor is located on the front of device 100 to obtain images of the user with depth information for videoconferences and to capture selfie images with depth map data while the user views other videoconference participants on a touchscreen display. In some embodiments, depth camera sensor 175 is located on the back of the device, or on the back and front of device 100. In some embodiments, the position of the depth camera sensor 175 can be changed by the user (e.g., by rotating the lens and sensor within the device housing), so that the depth camera sensor 175 is used for both video conferencing and capturing still images and / or video, in conjunction with a touchscreen display.

[0067] Device 100 also optionally includes one or more contact intensity sensors 165. FIG. 1A shows a contact intensity sensor coupled to intensity sensor controller 159 in I / O subsystem 106. Contact intensity sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electric force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other intensity sensors (e.g., sensors used to measure the force (or pressure) of a contact on a touch-sensitive surface). Contact intensity sensor 165 receives contact intensity information (e.g., pressure information, or a proxy for pressure information) from the environment. In some embodiments, at least one contact intensity sensor is juxtaposed with or proximate to the touch-sensitive surface (e.g., touch-sensitive display system 112). In some embodiments, at least one contact intensity sensor is located on the back of device 100, opposite touchscreen display 112, which is located on the front of device 100.

[0068] Device 100 also optionally includes one or more proximity sensors 166. Figure 1A shows proximity sensor 166 coupled to peripherals interface 118. Alternatively, proximity sensor 166 is optionally coupled to input controller 160 within I / O subsystem 106. Proximity sensor 166 optionally functions as described in U.S. patent application Ser. No. 11 / 241,839, "Proximity Detector In Handheld Device," Ser. No. 11 / 240,788, "Proximity Detector In Handheld Device," Ser. No. 11 / 620,702, "Using Ambient Light Sensor To Augment Proximity Sensor Output," Ser. No. 11 / 586,862, "Automated Response To And Sensing Of User Activity In Portable Devices," and Ser. No. 11 / 638,251, "Methods And Systems For Automatic Configuration Of Peripherals," which are incorporated herein by reference in their entireties. In some embodiments, the proximity sensor turns off and disables touchscreen 112 when the multifunction device is placed near the user's ear (e.g., when the user is making a phone call).

[0069] Device 100 also optionally includes one or more tactile output generators 167. FIG. 1A shows tactile output generators coupled to haptic feedback controller 161 in I / O subsystem 106. Tactile output generator 167 optionally includes one or more electroacoustic devices, such as speakers or other audio components, and / or electromechanical devices that convert energy into linear motion, such as motors, solenoids, electroactive polymers, piezoelectric actuators, electrostatic actuators, or other tactile output generating components (e.g., components that convert electrical signals into tactile output on the device). Contact intensity sensor 165 receives tactile feedback generation instructions from haptic feedback module 133 and generates a tactile output on device 100 that can be sensed by a user of device 100. In some embodiments, at least one tactile output generator is juxtaposed with or proximate to a touch-sensitive surface (e.g., touch-sensitive display system 112) and generates a tactile output, optionally by moving the touch-sensitive surface vertically (e.g., in / out of the surface of device 100) or horizontally (e.g., back and forth in the same plane as the surface of device 100). In some embodiments, at least one tactile output generator sensor is located on the back of device 100, opposite touchscreen display 112, which is located on the front of device 100.

[0070] Device 100 also optionally includes one or more accelerometers 168. FIG. 1A shows accelerometer 168 coupled to peripherals interface 118. Alternatively, accelerometer 168 is optionally coupled to input controller 160 in I / O subsystem 106. Accelerometer 168 optionally functions as described in U.S. Patent Application Publication No. 20050190059, "Acceleration-based Theft Detection System for Portable Electronic Devices," and U.S. Patent Application Publication No. 20060017692, "Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer," both of which are incorporated by reference herein in their entireties. In some embodiments, information is displayed on the touchscreen display in portrait or landscape orientation based on an analysis of data received from the one or more accelerometers. In addition to accelerometer(s) 168, device 100 optionally includes a magnetometer and a GPS (or GLONASS or other global navigation system) receiver for obtaining information about the location and orientation (e.g., vertical or horizontal) of device 100.

[0071] In some embodiments, software components stored in memory 102 include operating system 126, communication module (or instruction set) 128, touch / motion module (or instruction set) 130, graphics module (or instruction set) 132, text input module (or instruction set) 134, Global Positioning System (GPS) module (or instruction set) 135, and applications (or instruction set) 136. Additionally, in some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) stores device / global internal state 157, as shown in FIGS. 1A and 3. Device / global internal state 157 includes one or more of: active application state indicating which applications, if any, are currently active; display state indicating which applications, views, or other information occupy various regions of touchscreen display 112; sensor state including information obtained from the device's various sensors and input control devices 116; and location information regarding the device's location and / or orientation.

[0072] Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS, WINDOWS, or an embedded operating system such as VxWorks) includes various software components and / or drivers that control and manage general system tasks (e.g., memory management, storage device control, power management, etc.) and facilitate communication between various hardware and software components.

[0073] Communications module 128 facilitates communication with other devices via one or more external ports 124 and also includes various software components for processing data received by RF circuitry 108 and / or external port 124. External port 124 (e.g., Universal Serial Bus (USB), FIREWIRE, etc.) is adapted to couple to other devices directly or indirectly via a network (e.g., the Internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same as, similar to, and / or compatible with the 30-pin connector used on iPod® (trademark of Apple Inc.) devices.

[0074] Contact / motion module 130, optionally in conjunction with display controller 156, detects contact with touchscreen 112 and other touch-sensing devices (e.g., a touchpad or physical click wheel). Contact / motion module 130 includes various software components for performing various operations related to contact detection, such as determining whether contact occurs (e.g., detecting a finger-down event), determining the intensity of the contact (e.g., the force or pressure of the contact, or a surrogate for the force or pressure of the contact), determining whether there is contact movement and tracking the movement across the touch-sensitive surface (e.g., detecting one or more finger-drag events), and determining whether the contact has ceased (e.g., detecting a finger-up event or an interruption of the contact). Contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of the contact, as represented by the series of contact data, optionally includes determining the speed (magnitude), velocity (magnitude and direction), and / or acceleration (change in magnitude and / or direction) of the contact. These actions are optionally applied to a single contact (e.g., a single finger contact) or multiple simultaneous contacts (e.g., "multi-touch" / multiple finger contacts). In some embodiments, contact / motion module 130 and display controller 156 detect contacts on the touchpad.

[0075] In some embodiments, contact / motion module 130 uses a set of one or more intensity thresholds to determine whether an action has been performed by a user (e.g., to determine whether a user has “clicked” on an icon). In some embodiments, at least a subset of the intensity thresholds are determined according to software parameters (e.g., the intensity thresholds are not determined by the activation threshold of a particular physical actuator, but can be adjusted without modifying the physical hardware of device 100). For example, the mouse “click” threshold of a trackpad or touchscreen display can be set to any of a wide range of predefined thresholds without modifying the trackpad or touchscreen display hardware. Additionally, in some implementations, a user of the device is provided with a software setting to adjust one or more of the set of intensity thresholds (e.g., by adjusting individual intensity thresholds and / or by adjusting multiple intensity thresholds at once via a system-level click “intensity” parameter).

[0076] Contact / motion module 130 optionally detects gesture input by a user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different movements, timing, and / or intensities of detected contacts). Thus, gestures are optionally detected by detecting particular contact patterns. For example, detecting a finger tap gesture includes detecting a finger down event, followed by detecting a finger up (lift off) event at the same position (or substantially the same position) as the finger down event (e.g., the position of an icon). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger down event, followed by one or more finger drag events, followed by detecting a finger up (lift off) event.

[0077] Graphics module 132 includes various known software components that render and display graphics on touchscreen 112 or other display, including components that modify the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual properties) of the displayed graphics. As used herein, the term "graphic" includes any object that can be displayed to a user, including, but not limited to, text, web pages, icons (such as user interface objects including soft keys), digital images, video, animation, etc.

[0078] In some embodiments, graphics module 132 stores data representing graphics to be used. Each graphic is optionally assigned a corresponding code. Graphics module 132 receives one or more codes specifying the graphics to be displayed, including coordinate data and other graphic property data, as needed, from an application or the like, and then generates screen image data to output to display controller 156.

[0079] The tactile feedback module 133 includes various software components for generating instructions used by the tactile output generator(s) 167 to generate tactile outputs at one or more locations on the device 100 in response to a user's interaction with the device 100.

[0080] Text input module 134 is optionally a component of graphics module 132 and provides a soft keyboard for entering text in various applications (e.g., contacts 137, email 140, IM 141, browser 147, and any other application requiring text input).

[0081] The GPS module 135 determines the location of the device and provides this information for use within various applications (e.g., to the phone 138 for use in location-based dialing, to the camera 143 as picture / video metadata, and to applications that provide location-based services such as a weather widget, a local yellow pages widget, and a maps / navigation widget).

[0082] Application 136 optionally includes the following modules (or sets of instructions), or a subset or superset thereof: • a contacts module 137 (sometimes called an address book or contact list); ●Telephone module 138, ●Videoconferencing module 139, ● an email client module 140; ● Instant messaging (IM) module 141, ●Training support module 142, camera module 143 for still images and / or video; ● Image management module 144; ●Video player module, ●Music player module, ● Browser module 147, ●Calendar module 148, • A widget module 149 optionally including one or more of a weather widget 149-1, a stock price widget 149-2, a calculator widget 149-3, an alarm clock widget 149-4, a dictionary widget 149-5, and other widgets obtained by the user, and a user-created widget 149-6; a widget creator module 150 for creating user-created widgets 149-6; ● Search module 151, A video and music player module 152 that integrates a video player module and a music player module; ● Memo module 153, Map module 154, and / or ●Online video module 155.

[0083] Examples of other applications 136 optionally stored in memory 102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA-enabled applications, encryption, digital rights management, voice recognition, and voice duplication.

[0084] Contacts module 137, along with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, is optionally used to manage an address book or contact list (e.g., stored in memory 102 or in the application internal state 192 of contacts module 137 in memory 370), including adding name(s) to the address book, deleting name(s) from the address book, associating phone number(s), email address(es), street address(es), or other information with names, associating images with names, categorizing and sorting names, providing phone numbers or email addresses to initiate and / or facilitate communication by phone 138, videoconferencing module 139, email 140, or IM 141, etc. used to manage the address book or contact list.

[0085] Telephone module 138, in conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, is optionally used to enter a series of characters corresponding to a telephone number, access one or more telephone numbers in contacts module 137, modify entered telephone numbers, dial individual telephone numbers, place calls, and disconnect and hang up when the call is complete. As previously mentioned, wireless communication optionally uses any of a number of communication standards, protocols, and technologies.

[0086] Videoconferencing module 139 includes executable instructions to cooperate with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touchscreen 112, display controller 156, optical sensor 164, optical sensor controller 158, touch / motion module 130, graphics module 132, text input module 134, contacts module 137, and telephone module 138 to initiate, conduct, and end a videoconference between a user and one or more other participants according to the user's commands.

[0087] Email client module 140, in conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, contains executable instructions for composing, sending, receiving, and managing emails in response to user commands. In conjunction with image management module 144, email client module 140 greatly facilitates the creation and sending of emails with still or video images captured by camera module 143.

[0088] Instant messaging module 141 includes executable instructions, in conjunction with RF circuitry 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, to enter a series of characters corresponding to an instant message, modify previously entered characters, send individual instant messages (e.g., using Short Message Service (SMS) or Multimedia Message Service (MMS) protocols for telephony-based instant messaging, or XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receive instant messages, and view received instant messages. In some embodiments, sent and / or received instant messages optionally include graphics, photos, audio files, video files, and / or other attachments, such as those supported by MMS and / or Enhanced Messaging Service (EMS). As used herein, "instant messaging" refers to both telephony-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).

[0089] In conjunction with the RF circuitry 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, map module 154, and music player module, the training support module 142 includes executable instructions to create workouts (e.g., with time, distance, and / or calorie burn goals), communicate with training sensors (sports devices), receive training sensor data, calibrate sensors used to monitor workouts, select and play music for workouts, and display, store, and transmit workout data.

[0090] Camera module 143, in conjunction with touchscreen 112, display controller 156, optical sensor(s) 164, optical sensor controller 158, contact / motion module 130, graphics module 132, and image management module 144, includes executable instructions to capture and store still images or video (including video streams) in memory 102, modify characteristics of still images or video, or delete still images or video from memory 102.

[0091] Image management module 144 includes executable instructions for arranging, modifying (e.g., editing), or otherwise manipulating, labeling, deleting, presenting (e.g., in a digital slideshow or album), and storing still and / or video images in conjunction with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and camera module 143.

[0092] Browser module 147, in conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, contains executable instructions for browsing the Internet according to user commands, including retrieving, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0093] The calendar module 148 includes executable instructions to cooperate with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, the email client module 140, and the browser module 147 to create, display, modify, and store calendars and data associated with the calendars (e.g., calendar items, to-do lists, etc.) according to user instructions.

[0094] Widget module 149, in conjunction with RF circuitry 108, touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and browser module 147, optionally provides mini-applications (e.g., weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) downloaded and used by a user, or mini-applications created by a user (e.g., user-created widget 149-6). In some embodiments, a widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, a widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., Yahoo! Widgets).

[0095] The widget creator module 150, in conjunction with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, and the browser module 147, is optionally used by a user to create a widget (e.g., turn a user-specified portion of a web page into a widget).

[0096] The search module 151 includes executable instructions for working in conjunction with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134 to search for text, music, sound, images, video, and / or other files in the memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with a user's commands.

[0097] Video and music player module 152 includes executable instructions that, in conjunction with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147, enable a user to download and play pre-recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, as well as executable instructions for displaying, presenting, or otherwise playing videos (e.g., on touchscreen 112 or on an external display connected via external port 124). In some embodiments, device 100 optionally includes the functionality of an MP3 player, such as an iPod (a trademark of Apple Inc.).

[0098] The notes module 153 includes executable instructions for working with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134 to create and manage notes, to-do lists, and the like according to user commands.

[0099] Map module 154, in conjunction with RF circuitry 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, is used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions, data regarding businesses and other points of interest at or near a particular location, and other location-based data), optionally in accordance with user instructions.

[0100] Online video module 155, in conjunction with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, email client module 140, and browser module 147, contains instructions that enable a user to access, browse for, receive (e.g., by streaming and / or downloading), and play (e.g., on the touchscreen or on an external display connected via external port 124) particular online videos, send emails with links to particular online videos, and otherwise manage online videos in one or more file formats, such as H.264. In some embodiments, instant messaging module 141 is used to send links to particular online videos, rather than email client module 140. For additional description of online video applications, see U.S. Provisional Patent Application No. 60 / 936,562, filed June 20, 2007, entitled "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," and U.S. Patent Application No. 11 / 968,067, filed December 31, 2007, entitled "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," the contents of which are incorporated herein by reference in their entireties.

[0101] The above-identified modules and applications each correspond to sets of executable instructions that perform one or more of the functions and methods described herein (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., sets of instructions) need not be implemented as respective software programs (e.g., computer programs (e.g., including instructions)), procedures, or modules; thus, in various embodiments, various subsets of these modules are optionally combined or otherwise rearranged. For example, a video player module is optionally combined with a music player module into a single module (e.g., video and music player module 152 of FIG. 1A). In some embodiments, memory 102 optionally stores a subset of the above-identified modules and data structures. Additionally, memory 102 optionally stores additional modules and data structures not described above.

[0102] In some embodiments, device 100 is a device in which operation of a predetermined set of functions on the device is performed solely via a touchscreen and / or touchpad. Using the touchscreen and / or touchpad as the primary input control device for operation of device 100 optionally reduces the number of physical input control devices (push buttons, dials, etc.) on device 100.

[0103] The set of predefined functions performed only through the touchscreen and / or touchpad optionally includes navigation between user interfaces. In some embodiments, the touchpad, when touched by a user, navigates device 100 to a main menu, home menu, or root menu from any user interface displayed on device 100. In such embodiments, a "menu button" is implemented using the touchpad. In some other embodiments, the menu button is a physical push button or other physical input control device rather than a touchpad.

[0104] 1B is a block diagram illustrating exemplary components for event processing, according to some embodiments. In some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) includes an event sorter 170 (e.g., within operating system 126) and a separate application 136-1 (e.g., any of applications 137-151, 155, 380-390 described above).

[0105] Event sorter 170 receives the event information and determines which application 136-1 to deliver the event information to and application view 191 for application 136-1. Event sorter 170 includes event monitor 171 and event dispatcher module 174. In some embodiments, application 136-1 includes application internal state 192 that indicates the current application view(s) that are displayed on touch-sensitive display 112 when the application is active or running. In some embodiments, device / global internal state 157 is used by event sorter 170 to determine which application(s) are currently active, and application internal state 192 is used by event sorter 170 to determine which application(s) are currently active, and application internal state 192 is used by event sorter 170 to determine which application view(s) to deliver the event information to.

[0106] In some embodiments, application internal state 192 includes additional information such as one or more of resume information to be used when application 136-1 resumes execution, user interface state information indicating or ready to display information being displayed by application 136-1, state cues that allow the user to return to a previous state or view of application 136-1, and redo / undo cues of previous actions taken by the user.

[0107] Event monitor 171 receives event information from peripherals interface 118. The event information includes information about sub-events (e.g., a user touch as part of a multi-touch gesture on touch-sensitive display 112). Peripherals interface 118 transmits information it receives from I / O subsystem 106 or sensors such as proximity sensor 166, accelerometer(s) 168, and / or microphone 113 (via audio circuitry 110). Information that peripherals interface 118 receives from I / O subsystem 106 includes information from touch-sensitive display 112 or a touch-sensitive surface.

[0108] In some embodiments, event monitor 171 sends requests to peripherals interface 118 at predetermined intervals. In response, peripherals interface 118 transmits event information. In other embodiments, peripherals interface 118 transmits event information only when there is a significant event (e.g., receipt of an input above a predetermined noise threshold and / or for more than a predetermined duration).

[0109] In some embodiments, the event sorter 170 also includes a hit view determination module 172 and / or an active event recognizer determination module 173 .

[0110] Hit view determination module 172 provides software procedures that determine where a sub-event occurred within one or more views when touch-sensitive display 112 displays more than one view. A view consists of the controls and other elements that a user can see on the display.

[0111] Another aspect of a user interface associated with an application is the set of views, sometimes referred to herein as application views or user interface windows, in which information is displayed and touch-based gestures occur. The application views (of individual applications) in which touches are detected optionally correspond to programmatic levels within the application's programmatic or view hierarchy. For example, the lowest-level view in which a touch is detected is optionally referred to as the hit view, and the set of events that are recognized as appropriate inputs is optionally determined based at least in part on the hit view of the initial touch that initiates the touch gesture.

[0112] Hit view determination module 172 receives information related to sub-events of a touch-based gesture. When an application has multiple views organized in a hierarchy, hit view determination module 172 identifies the hit view as the lowest view in the hierarchy that should process the sub-events. In most situations, the hit view is the lowest-level view in which an initiating sub-event occurs (e.g., the first sub-event in a series of sub-events that form an event or potential event). Once a hit view is identified by hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source as the touch or input source identified as the hit view.

[0113] Active event recognizer determination module 173 determines which view(s) in the view hierarchy should receive a particular sequence of sub-events. In some embodiments, active event recognizer determination module 173 determines that only the hit view should receive a particular sequence of sub-events. In other embodiments, active event recognizer determination module 173 determines that all views that contain the physical location of the sub-events are actively participating views, and therefore determines that all actively participating views should receive a particular sequence of sub-events. In other embodiments, even if a touch sub-event is completely confined to the area associated with one particular view, views higher in the hierarchy still remain actively participating views.

[0114] Event dispatcher module 174 dispatches event information to event recognizers (e.g., event recognizer 180). In embodiments that include active event recognizer determination module 173, event dispatcher module 174 delivers event information to the event recognizers determined by active event recognizer determination module 173. In some embodiments, event dispatcher module 174 stores event information in an event queue, which is retrieved by individual event receivers 182.

[0115] In some embodiments, operating system 126 includes event sorter 170. Alternatively, application 136-1 includes event sorter 170. In still other embodiments, event sorter 170 is a stand-alone module or is part of another module stored in memory 102, such as contact / motion module 130.

[0116] In some embodiments, application 136-1 includes multiple event handlers 190 and one or more application views 191, each containing instructions for processing touch events that occur within a separate view of the application's user interface. Each application view 191 of application 136-1 includes one or more event recognizers 180. Typically, an individual application view 191 includes multiple event recognizers 180. In other embodiments, one or more of the event recognizers 180 are part of a separate module, such as a user interface kit or a higher-level object from which application 136-1 inherits methods and other properties. In some embodiments, individual event handlers 190 include one or more of data updater 176, object updater 177, GUI updater 178, and / or event data 179 received from event sorter 170. Event handler 190 optionally utilizes or invokes data updater 176, object updater 177, or GUI updater 178 to update application internal state 192. Alternatively, one or more of the application views 191 include one or more respective event handlers 190. Also, in some embodiments, one or more of the data updater 176, the object updater 177, and the GUI updater 178 are included in individual application views 191.

[0117] A separate event recognizer 180 receives event information (e.g., event data 179) from event sorter 170 and identifies events from the event information. Event recognizer 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 also includes metadata 183 and at least a subset of event delivery instructions 188 (optionally including sub-event delivery instructions).

[0118] The event receiver 182 receives event information from the event sorter 170. The event information includes information about a sub-event, e.g., a touch or a movement of a touch. Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When the sub-event involves a movement of a touch, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, the event includes a rotation of the device from one orientation to another (e.g., from portrait to landscape or vice versa), and the event information includes corresponding information about the current orientation of the device (also called the device's posture).

[0119] The event comparator 184 compares the event information with predefined event or sub-event definitions and determines the event or sub-event, or determines or updates the state of the event or sub-event, based on the comparison. In some embodiments, the event comparator 184 includes an event definition 186. The event definition 186 includes definitions of events (e.g., a predefined set of sub-events), such as Event 1 (187-1) and Event 2 (187-2). In some embodiments, sub-events within an event (187) include, for example, touch start, touch end, touch movement, touch cancellation, and multiple touches. In one example, the definition for Event 1 (187-1) is a double tap on a displayed object. The double tap includes, for example, a first touch on a displayed object relative to a predetermined phase (touch start), a first lift-off (touch end) relative to the predetermined phase, a second touch on a displayed object relative to the predetermined phase (touch start), and a second lift-off (touch end) relative to the predetermined phase. In another example, a definition of event 2 (187-2) is a drag on a displayed object. Drag includes, for example, a touch (or contact) on the displayed object to a predetermined stage, a movement of the touch across the touch-sensitive display 112, and a lift-off of the touch (touch end). In some embodiments, the event also includes information about one or more associated event handlers 190.

[0120] In some embodiments, event definition 187 includes definitions of events for individual user interface objects. In some embodiments, event comparator 184 performs a hit test to determine which user interface objects are associated with the sub-event. For example, if a touch is detected on touch-sensitive display 112 in an application view in which three user interface objects are displayed on touch-sensitive display 112, event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a separate event handler 190, event comparator 184 uses the results of the hit test to determine which event handler 190 to activate. For example, event comparator 184 selects the event handler associated with the sub-event and object that triggers the hit test.

[0121] In some embodiments, the definition of an individual event 187 also includes a delay action that delays delivery of the event information until it is determined whether a set of sub-events corresponds to the event recognizer's event type.

[0122] If the individual event recognizer 180 determines that the sequence of sub-events does not match any of the events in the event definition 186, the individual event recognizer 180 enters an event disabled, event failed, or event finished state, after which it ignores the next sub-event of the touch-based gesture. In this situation, any other event recognizers that remain active for the hit view continue to track and process sub-events of the ongoing touch gesture.

[0123] In some embodiments, individual event recognizers 180 include metadata 183 with configurable properties, flags, and / or lists that indicate to actively participating event recognizers how the event delivery system should perform sub-event delivery. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate how event recognizers interact with each other or how event recognizers are allowed to interact with each other. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate how sub-events are delivered to various levels in the view or programmatic hierarchy.

[0124] In some embodiments, an individual event recognizer 180 activates an event handler 190 associated with an event when one or more specific sub-events of the event are recognized. In some embodiments, the individual event recognizer 180 delivers event information associated with the event to the event handler 190. Activating the event handler 190 is separate from sending (and postponing sending) sub-events to the individual hit view. In some embodiments, the event recognizer 180 pops a flag associated with the recognized event, and the event handler 190 associated with the flag catches the flag and performs a predetermined process.

[0125] In some embodiments, the event delivery instructions 188 include sub-event delivery instructions that deliver event information about a sub-event without activating an event handler. Instead, the sub-event delivery instructions deliver the event information to an event handler associated with a set of sub-events or to an actively participating view. The event handler associated with the set of sub-events or the actively participating view receives the event information and performs a predetermined process.

[0126] In some embodiments, data updater 176 creates and updates data used by application 136-1. For example, data updater 176 updates phone numbers used by contacts module 137 or stores video files used by a video player module. In some embodiments, object updater 177 creates and updates objects used by application 136-1. For example, object updater 177 creates new user interface objects or updates the positions of user interface objects. GUI updater 178 updates the GUI. For example, GUI updater 178 prepares display information and sends the display information to graphics module 132 for display on the touch-sensitive display.

[0127] In some embodiments, event handler(s) 190 include or have access to data updater 176, object updater 177, and GUI updater 178. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in a single module of an individual application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0128] It should be understood that the foregoing description of event processing of a user's touch on a touch-sensitive display also applies to other forms of user input for operating multifunction device 100 using input devices, although not all of them are initiated on a touchscreen. For example, mouse movements and mouse button presses, contact movements such as tapping, dragging, scrolling on a touchpad, optionally coordinated with single or multiple keyboard presses or holds, pen stylus input, device movement, verbal commands, detected eye movements, biometric input, and / or any combination thereof, optionally utilize as inputs corresponding to sub-events that define the event to be recognized.

[0129] FIG. 2 illustrates portable multifunction device 100 having touchscreen 112, according to some embodiments. The touchscreen optionally displays one or more graphics within user interface (UI) 200. In this embodiment, as well as other embodiments described below, a user may select one or more of the graphics by performing a gesture on the graphics, for example, using one or more fingers 202 (not drawn to scale) or one or more styluses 203 (not drawn to scale). In some embodiments, selection of one or more graphics is performed when the user breaks contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (left to right, right to left, upward and / or downward), and / or rolling (right to left, left to right, upward and / or downward) of a finger in contact with device 100. In some implementations or situations, accidental contact with a graphic does not select the graphic, for example, if the gesture corresponding to selection is a tap, a swipe gesture sweeping over an application icon optionally does not select the corresponding application.

[0130] Device 100 also optionally includes one or more physical buttons, such as a "home" button or menu button 204. As previously mentioned, menu button 204 is optionally used to navigate to any application 136 within a set of applications running on device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key within a GUI displayed on touchscreen 112.

[0131] In some embodiments, device 100 includes touchscreen 112, menu button 204, pushbutton 206 for powering the device on / off and locking the device, volume control button(s) 208, subscriber identity module (SIM) card slot 210, headset jack 212, and external docking / charging port 124. Pushbutton 206 is optionally used to power the device on / off by pressing and holding the button down for a predetermined period of time, to lock the device by pressing and releasing the button before the predetermined time has elapsed, and / or to unlock the device or initiate the unlocking process. In alternative embodiments, device 100 also accepts verbal input via microphone 113 to activate or deactivate certain functions. Device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of a contact on touchscreen 112 and / or one or more tactile output generators 167 for generating a tactile output for a user of device 100.

[0132] FIG. 3 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface, according to some embodiments. Device 300 need not be portable. In some embodiments, device 300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a child's learning toy), a gaming system, or a control device (e.g., a home or commercial controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, memory 370, and one or more communication buses 320 interconnecting these components. Communication bus 320 optionally includes circuitry (sometimes called a chipset) that interconnects and controls communication between system components. Device 300 includes input / output (I / O) interface 330, including display 340, which is typically a touchscreen display. I / O interface 330 also optionally includes a keyboard and / or mouse (or other pointing device) 350 and a touchpad 355, a tactile output generator 357 that generates tactile output on device 300 (e.g., similar to tactile output generator(s) 167 described above with reference to FIG. 1A ), and sensors 359 (e.g., light, acceleration, proximity, touch-sensing, and / or contact intensity sensors similar to contact intensity sensor(s) 165 described above with reference to FIG. 1A ). Memory 370 includes high-speed random-access memory such as DRAM, SRAM, DDR RAM, or other random-access solid-state memory devices, and optionally includes non-volatile memory such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 370 optionally includes one or more storage devices located remotely from CPU(s) 310.In some embodiments, memory 370 stores programs, modules, and data structures similar to, or a subset of, programs, modules, and data structures stored in memory 102 of portable multifunction device 100 (FIG. 1A). Additionally, memory 370 optionally stores additional programs, modules, and data structures not present in memory 102 of portable multifunction device 100. For example, memory 370 of device 300 optionally stores drawing module 380, presentation module 382, ​​word processing module 384, website creation module 386, disk authoring module 388, and / or spreadsheet module 390, whereas memory 102 of portable multifunction device 100 (FIG. 1A) optionally does not store these modules.

[0133] Each of the above-identified elements of FIG. 3 is optionally stored in one or more of the memory devices mentioned above. Each of the above-identified modules corresponds to an instruction set that performs the functions described above. The above-identified modules or computer programs (e.g., including an instruction set or instructions) need not be implemented as separate software programs (e.g., computer programs (e.g., including instructions)), procedures, or modules; thus, in various embodiments, various subsets of these modules are optionally combined or otherwise reconfigured. In some embodiments, memory 370 optionally stores a subset of the above-identified modules and data structures. Additionally, memory 370 optionally stores additional modules and data structures not described above.

[0134] Attention is now optionally directed to user interface embodiments, for example, as implemented on portable multifunction device 100.

[0135] 4A shows an exemplary user interface for a menu of applications on portable multifunction device 100, according to some embodiments. A similar user interface is optionally implemented on device 300. In some embodiments, user interface 400 includes the following elements, or a subset or superset thereof: signal strength indicator(s) 402 for wireless communication(s), such as cellular and Wi-Fi signals; ●Time 404, ●Bluetooth indicator 405, ● Battery status indicator 406, Tray 408 with icons of frequently used applications, such as: An icon 416 for the phone module 138, labeled "Phone," optionally including an indicator 414 of the number of missed calls or voicemail messages; icon 418 of the email client module 140, labeled "Mail," optionally including an indicator 410 of the number of unread emails; ○ An icon 420 for the browser module 147, labeled "Browser"; and ○ An icon 422 for the video and music player module 152, also called the iPod (trademark of Apple Inc.) module 152, labeled "iPod"; and ● Icons of other applications, such as: ○ Icon 424 of IM module 141, labeled "Messages" ○ Icon 426 of the calendar module 148, labeled "Calendar" ○ Icon 428 of the image management module 144, labeled "Photos" ○ An icon 430 of the camera module 143, labeled "camera"; ○ Icon 432 of the online video module 155, labeled "Online Video"; Icon 434 of Stock Price Widget 149-2, labeled "Stock Price" ○ Icon 436 of the map module 154, labeled "Map"; ○ Icon 438 of weather widget 149-1, labeled "Weather" ○ Icon 440 of alarm clock widget 149-4, labeled "Clock" ○ Icon 442 of Training Support Module 142, labeled "Training Support"; ○ An icon 444 of the Notes module 153 labeled "Notes," and A settings application or module icon 446 labeled "Settings" that provides access to settings for the device 100 and its various applications 136.

[0136] Note that the icon labels shown in FIG. 4A are merely exemplary. For example, icon 422 of video and music player module 152 is labeled "Music" or "Music Player." Other labels are optionally used for various application icons. In some embodiments, the label for an individual application icon includes the name of the application that corresponds to the individual application icon. In some embodiments, the label of a particular application icon is different from the name of the application that corresponds to that particular application icon.

[0137] 4B shows an example user interface on a device (e.g., device 300 of FIG. 3 ) that has touch-sensitive surface 451 (e.g., tablet or touchpad 355 of FIG. 3 ) that is separate from display 450 (e.g., touchscreen display 112). Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) that detect the intensity of a contact on touch-sensitive surface 451, and / or one or more tactile output generators 357 that generate a tactile output for a user of device 300.

[0138] Although some of the following examples are given with reference to input on touchscreen display 112 (which combines a touch-sensitive surface and a display), in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, as shown in FIG. 4B . In some embodiments, the touch-sensitive surface (e.g., 451 in FIG. 4B ) has a primary axis (e.g., 452 in FIG. 4B ) that corresponds to a primary axis (e.g., 453 in FIG. 4B ) on the display (e.g., 450). According to these embodiments, the device detects contact with touch-sensitive surface 451 (e.g., 460 and 462 in FIG. 4B ) at locations that correspond to respective locations on the display (e.g., in FIG. 4B , 460 corresponds to 468 and 462 corresponds to 470). In this way, user input (e.g., contacts 460 and 462 and their movement) detected by the device on the touch-sensitive surface (e.g., 451 in FIG. 4B ) is used by the device to operate a user interface on the display (e.g., 450 in FIG. 4B ) of the multifunction device when the touch-sensitive surface is separate from the display. It should be understood that similar methods are optionally used for the other user interfaces described herein.

[0139] Additionally, while the following examples are given primarily with reference to finger input (e.g., finger contact, finger tap gesture, finger swipe gesture), it should be understood that in some embodiments, one or more of the finger inputs are replaced with input from another input device (e.g., mouse-based input or stylus input). For example, a swipe gesture is optionally replaced by a mouse click (e.g., instead of a contact) followed by movement of a cursor along the path of the swipe (e.g., instead of movement of the contact). As another example, a tap gesture is optionally replaced by a mouse click (e.g., instead of detecting a contact and then ceasing contact detection) while the cursor is positioned over the location of the tap gesture. Similarly, it should be understood that when multiple user inputs are detected simultaneously, multiple computer mice are optionally used simultaneously, or a mouse and finger contacts are optionally used simultaneously.

[0140] FIG. 5A shows an exemplary personal electronic device 500. Device 500 includes a main body 502. In some embodiments, device 500 can include some or all of the functionality described with respect to devices 100 and 300 (e.g., FIGS. 1A-4B ). In some embodiments, device 500 has a touch-sensitive display screen 504, hereafter touchscreen 504. Alternatively, or in addition to touchscreen 504, device 500 has a display and a touch-sensitive surface. Similar to devices 100 and 300, in some embodiments, touchscreen 504 (or the touch-sensitive surface) optionally includes one or more intensity sensors that detect the intensity of contact (e.g., touches) being applied. The one or more intensity sensors of touchscreen 504 (or the touch-sensitive surface) can provide output data representing the intensity of the touch. The user interface of device 500 can respond to touches based on their intensity, meaning that touches of different intensities can invoke different user interface actions on device 500.

[0141] For exemplary techniques for detecting and processing touch intensity, see, for example, related applications International Patent Application No. PCT / US2013 / 040061, filed May 8, 2013, entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application," published as International Publication No. WO / 2013 / 169849, and International Patent Application No. PCT / US2013 / 069483, filed November 11, 2013, entitled "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships," published as International Publication No. WO / 2014 / 105276, each of which is incorporated herein by reference in its entirety.

[0142] In some embodiments, device 500 has one or more input mechanisms 506 and 508. Input mechanisms 506 and 508, if included, may be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments, device 500 has one or more attachment mechanisms. Such attachment mechanisms, if included, may allow device 500 to be attached to, for example, hats, eyewear, earrings, necklaces, shirts, jackets, bracelets, watch bands, chains, pants, belts, shoes, wallets, backpacks, etc. These attachment mechanisms allow device 500 to be worn by a user.

[0143] FIG. 5B illustrates an exemplary personal electronic device 500. In some embodiments, device 500 can include some or all of the components described with respect to FIGS. 1A, 1B, and 3. Device 500 has a bus 512 operably coupling an I / O section 514 to one or more computer processors 516 and memory 518. I / O section 514 can be connected to a display 504, which can have touch-sensing components 522 and, optionally, an intensity sensor 524 (e.g., a contact intensity sensor). Additionally, I / O section 514 can be connected to a communication unit 530 that receives application and operating system data using Wi-Fi, Bluetooth, near field communication (NFC), cellular, and / or other wireless communication technologies. Device 500 can include input mechanisms 506 and / or 508. Input mechanism 506 is optionally, for example, a rotatable input device or a depressible and rotatable input device. In some embodiments, input mechanism 508 is optionally a button.

[0144] In some embodiments, input mechanism 508 is optionally a microphone. Personal electronic device 500 optionally includes various sensors, such as a GPS sensor 532, an accelerometer 534, an orientation sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and / or combinations thereof, all of which may be operably connected to I / O section 514.

[0145] The memory 518 of the personal electronic device 500 may include one or more non-transitory computer-readable storage media that store computer-executable instructions that, when executed by one or more computer processors 516, can cause the computer processors to perform the techniques described below, including process 900 and process 1000 (FIGS. 9 and 10A-10B). A computer-readable storage medium may be any medium that can tangibly contain or store computer-executable instructions used by or in connection with an instruction execution system, apparatus, or device. In some embodiments, the storage medium is a transient computer-readable storage medium. In some embodiments, the storage medium is a non-transitory computer-readable storage medium. Non-transitory computer-readable storage media may include, but are not limited to, magnetic storage devices, optical storage devices, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, optical disks based on CDs, DVDs, or Blu-ray technology, and persistent solid-state memory such as flash and solid-state drives. Personal electronic device 500 is not limited to the components and configuration of FIG. 5B and may include other or additional components in multiple configurations.

[0146] As used herein, the term "affordance" refers to a user-interactive graphical user interface object, optionally displayed on a display screen of device 100, 300, and / or 500 (FIGS. 1A, 3, and 5A-5B). For example, images (e.g., icons), buttons, and text (e.g., hyperlinks) each, optionally, constitute an affordance.

[0147] As used herein, the term “focus selector” refers to an input element that indicates the current portion of the user interface with which the user is interacting. In some implementations involving a cursor or other location marker, the cursor acts as the “focus selector,” such that when input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 of FIG. 3 or touch-sensitive surface 451 of FIG. 4B) while the cursor is positioned over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted according to the detected input. In some implementations involving a touchscreen display that allows direct interaction with user interface elements on the touchscreen display (e.g., touch-sensitive display system 112 of FIG. 1A or touchscreen 112 of FIG. 4A), a detected contact on the touchscreen acts as the “focus selector,” such that when input (e.g., a press input by contact) is detected at the location of a particular user interface element (e.g., a button, window, slider, or other user interface element) on the touchscreen display, the particular user interface element is adjusted according to the detected input. In some implementations, focus is moved from one region of the user interface to another region of the user interface without a corresponding cursor movement or contact movement on the touchscreen display (e.g., by using the tab key or arrow keys to move focus from one button to another), and in these implementations, the focus selector moves to follow the movement of focus between various regions of the user interface. Regardless of the specific form the focus selector takes, the focus selector is generally a user interface element (or contact on a touchscreen display) that is controlled by the user to communicate the user's intended interaction with the user interface (e.g., by indicating to the device the element of the user interface through which the user intends to interact).For example, the position of a focus selector (e.g., cursor, touch, or selection box) over an individual button while a press input is detected on a touch-sensitive surface (e.g., a touchpad or touchscreen) indicates that the user intends to activate that individual button (and not other user interface elements shown on the device's display).

[0148] As used herein and in the claims, the term "characteristic intensity" of a contact refers to a characteristic of that contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on a plurality of intensity samples. The characteristic intensity is optionally based on a predetermined number of intensity samples, i.e., a set of intensity samples collected during a predetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds) associated with a predetermined event (e.g., after detecting the contact, before detecting lift-off of the contact, before or after detecting the start of contact movement, before detecting the end of the contact, before or after detecting an increase in the intensity of the contact, and / or before or after detecting a decrease in the intensity of the contact). The characteristic intensity of the contact is optionally based on one or more of the maximum intensity of the contact, the mean intensity of the contact, the average intensity of the contact, the top 10 percentile intensity of the contact, half the maximum intensity of the contact, 90 percent of the maximum intensity of the contact, etc. In some embodiments, the duration of the contact is used in determining the characteristic intensity (e.g., when the characteristic intensity is an average of the intensity of the contact over time). In some embodiments, the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an action is performed by the user. For example, the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold. In this example, a contact having a characteristic intensity that does not exceed the first threshold results in a first action, a contact having a characteristic intensity above the first intensity threshold but not above the second intensity threshold results in a second action, and a contact having a characteristic intensity above the second threshold results in a third action. In some embodiments, the comparison between the characteristic intensity and the one or more thresholds is not used to determine whether to perform the first action or the second action, but rather to determine whether to perform one or more actions (e.g., whether to perform an individual action or to forgo performing an individual action).

[0149] Attention is now directed to embodiments of user interfaces (“UIs”) and related processes implemented on an electronic device such as portable multifunction device 100, device 300, or device 500.

[0150] 6A-6Y show exemplary user interfaces for accessing media processing styles using a computer system, according to some embodiments. The user interfaces in these figures are used to explain processes described below, including the processes in FIGS. 9 and 10A-10B.

[0151] 6A shows computer system 600 displaying a camera user interface, including a live preview 630 that extends from the top of the display to the bottom of the display. In some embodiments, live preview 630 extends over only a portion of the display, such as the portion of the display having camera viewing area 604. In some embodiments, computer system 600 includes one or more components of device 100, device 300, and / or device 500.

[0152] Live preview 630 shows a particular scene (e.g., a person standing next to a flower in front of a mountain in FIG. 6A ) within the field of view of one or more cameras of computer system 600. Live preview 630 is a representation of the (e.g., partial) field of view (“FOV”) of at least a first camera of one or more cameras of computer system 600. Live preview 630 is based on images detected in the FOV. In some embodiments, computer system 600 captures images using multiple camera sensors and combines them to display live preview 630. In some embodiments, computer system 600 captures images using a single camera sensor and displays live preview 630.

[0153] 6A includes an indicator region 602 and a control region 606. The indicator region 602 and the control region 606 are overlaid on the live preview 630 so that the indicators and controls can be displayed simultaneously with the live preview 630. The camera viewing region 604 is located between the indicator region 602 and the control region 606 and does not substantially overlap with the indicators or controls (e.g., affordances).

[0154] As shown in FIG. 6A , indicator area 602 includes indicators such as a flash indicator 602a, a media processing style indicator 602b, an animated image indicator 602c, and a live image indicator 602e. Flash indicator 602a indicates whether the flash is on, off, or in another mode (e.g., automatic mode). In FIG. 6A , flash indicator 602a indicates that the flash is off. Media processing style indicator 602b indicates whether computer system 600 is displaying a media processing style user interface and / or selectable user interface objects for controlling a media processing style to be applied to visual content (e.g., data) captured by one or more cameras of computer system 600. In FIG. 6A , media processing style indicator 602b is displayed in an inactive state, indicating that multiple selectable user interface objects for controlling the media processing style are not displayed. In some embodiments, a media processing style has a set of media processing parameters (e.g., defines and / or is defined by the set of media processing parameters). In some embodiments, one or more of the parameters represent visual characteristics (e.g., color characteristics (e.g., warmth, tone, hue, brightness, saturation, shade, tint, saturation, coolness, and / or harmony) and / or depth parameters) that computer system 600 can use to modify visual content captured by one or more cameras of computer system 600. In some embodiments, each parameter is associated with (or has a value) that affects how computer system 600 modifies the visual content when a particular media processing style having the respective parameter is applied to the visual content of the media.In some embodiments, one or more of the media processing styles are predefined and not created by a user of computer system 600 (e.g., pre-installed on the computer system without the user of computer system 600 defining the media processing style). In some embodiments, one or more of the media processing styles are customized, modified, and / or created by a user of computer system 600. In some embodiments, each media processing style has parameters of the same type (e.g., parameters corresponding to the same type of visual characteristic). In some embodiments, one or more of the media processing styles have parameters of the same type but have different values ​​for one or more of the parameters of the type corresponding to the one or more media processing styles.

[0155] Animated image indicator 602c indicates whether the camera is configured to capture a single image or multiple images (e.g., in response to detecting a request to capture media). In some embodiments, indicator area 602 includes an optionally colored (e.g., gray and / or semi-transparent) overlay superimposed on live preview 630. Raw image capture indicator 602e indicates whether computer system 600 is configured to store and / or capture media in a raw image media format. In FIG. 6A , raw image capture indicator 602e is displayed in an inactive state, indicating that computer system 600 is configured to store and capture media in a non-raw image format (e.g., JPEG format and / or HEIC format). In some embodiments, the file size of media stored in a raw image format is larger than the file size of the same media stored in a non-raw image format. In some embodiments, media stored in a raw image format contains more information than the same media stored in a non-raw image format. In some embodiments, this more information allows media stored in raw image format to be edited post-capture in more ways than media stored in non-raw image formats. In some embodiments (as further described below in connection with FIGS. 6V-6Y), computer system 600 ceases displaying media processing style indicator 602b when raw image capture indicator 602e is actively displayed (e.g., as shown in FIG. 6X) and / or when computer system 600 is configured to store and capture media in raw image format. In some embodiments, computer system 600 displays media processing style indicator 602b inactively when raw image capture indicator 602e is actively displayed.

[0156] As shown in Figure 6A, the camera viewing area 604 includes a live preview 630 and zoom controls 622. The zoom controls 622 include a 0.5x zoom control 622a, a 1x zoom control 622b, and a 2x zoom control 622c. In Figure 6A, the 1x zoom control 622b is selected, indicating that the live preview 630 is displayed at a 1x zoom level.

[0157] As shown in FIG. 6A , control area 606 includes a shutter control 610, a camera switcher control 614, a representation of a media collection 612, and a camera mode control 620. When activated, shutter affordance 610 causes computer system 600 to capture media (e.g., a photo) using one or more camera sensors based on the current state of live preview 630 and the current state of a camera application. The captured media is stored locally on computer system 600 and / or transmitted to a remote server for storage. When activated, camera switcher affordance 614 causes computer system 600 to switch between showing different camera views in live preview 630, such as by switching between a rear-facing camera sensor and a front-facing camera sensor. The representation of media collection 612 shown in FIG. 6A is a representation of media (images, videos) most recently captured by computer system 600. In some embodiments, in response to detecting an input on media collection 612, computer system 600 displays a user interface similar to the user interfaces shown in FIGS. 6S-6U (described below).

[0158] As shown in FIG. 6A , the camera mode controls 620 include a slow-motion mode control 620a, a video mode control 620b, a photo mode control 620c, a portrait mode control 620d, and a panorama mode control 620e. As shown in FIG. 6A , the photo mode control 620c is selected and is indicated in bold. When the photo mode control 620c is selected, the computer system 600 operates in a photo capture mode and initiates (e.g., and / or captures) the capture of photographic media (e.g., a still photo) in response to the computer system 600 detecting input directed to the shutter control 610. The photographic media captured by the computer system 600 represents a live preview 630 that is displayed when (or after) the input to the shutter control 610 is detected. In some embodiments, in response to detecting input directed to the slow-motion mode control 620a, the computer system 600 operates in a slow-motion media capture mode and initiates the capture of media (e.g., video with a slow-motion effect applied, slow-motion video) that is played back at a slower speed than the speed at which the media was captured. In some embodiments, in response to detecting input directed to video mode control 620b, computer system 600 operates in video capture mode and begins capturing video media (e.g., video). In some embodiments, in response to detecting input directed to portrait mode control 620d, computer system 600 operates in portrait mode and begins capturing portrait media (e.g., still photos, still photos with simulated blur or simulated depth of field effects applied). In some embodiments, in response to detecting input directed to panorama mode control 620e, computer system 600 operates in panorama mode and begins capturing panoramic media (e.g., panoramic photos).In some embodiments, indicators and / or controls displayed on the camera user interface are based on the selected mode (e.g., and / or the mode in which computer system 600 is configured to operate based on the selected camera mode).

[0159] In FIG. 6A , computer system 600 displays live preview 630 using standard style 634a, which is indicated by live preview 630 having a pattern of horizontal lines superimposed thereon. It should be understood that computer system 600 does not necessarily display the illustrated pattern (e.g., a set of lines in a particular direction (e.g., horizontal, vertical, diagonal)) across each portion of a representation of media (e.g., live preview 630 and / or previously captured representations of media such as FIGS. 6S-6U). For example, in FIG. 6A , computer system 600 does not necessarily display a set of horizontal lines when displaying live preview 630. However, the illustrated pattern is representative of a particular portion of a representation of media being displayed using a particular media processing style (e.g., standard style 634a in FIG. 6A ). As described above, when a particular media processing style is applied to the visual content of media, the visual characteristics (e.g., color characteristics (e.g., warmth, tone, hue, brightness, saturation, shade, tint, saturation, coolness, and / or harmony) and / or depth parameters) of a representation of the media displayed using the media processing style may appear different from the visual characteristics of a representation of the media not displayed using the media processing style.

[0160] 6A , computer system 600 displays live preview 630 using standard style 634a because standard style 634a is the currently selected media processing style (e.g., as further described in connection with FIGS. 6B and 6I-6J ) and computer system 600 is configured to operate in a media processing style application mode (e.g., as further described in connection with FIGS. 8A-8C ). In some embodiments, if a different media processing style is the currently selected media processing style, computer system 600 displays live preview 630 using the other media processing style of FIG. 6A . In some embodiments, when computer system 600 is not configured to operate in a media processing style application mode, computer system 600 does not display media processing style indicator 602b (e.g., as further described in connection with FIGS. 8A-8C ) and / or does not apply a media processing style to the representation of media (e.g., live preview 630 and / or previously captured media). In FIG. 6A, computer system 600 detects a tap input 650a on shutter control 610 (eg, directed at and / or at a location corresponding to shutter control 610).

[0161] In FIG. 6B , in response to detecting tap input 650a, computer system 600 begins capturing media represented in the FOV and updates media collection 612 to include a representation of the captured media (e.g., live preview 630 of FIG. 6A ). In particular, the representation in media control 612 of FIG. 6B (the “FIG. 6B representation”) appears different from the representation in media control 612 of FIG. 6A (e.g., the “FIG. 6A representation”). The representation in FIG. 6B has standard style 634a (e.g., horizontal lines) applied, while the representation in FIG. 6A does not have standard style 634a applied. The representation in media collection 612 of FIG. 6B has standard style 634a applied because computer system 600 was displaying live preview 630 using standard style 634a and / or because standard style 634a was the currently selected media processing style to be applied to the captured media when tap input 650a was detected. In contrast, the representation in media collection 612 of FIG. 6A does not have standard style 634a applied. In some embodiments, this is because the media represented by the representation in media collection 612 of Figure 6A was not captured while live preview 630 was displayed using standard style 634a and / or while standard style 634a was the currently selected media processing style when the request to capture the media corresponding to the representation of Figure 6A was captured. In some embodiments, to display the representation of Figure 6B, computer system 600 changes the visual characteristics of the media corresponding to the representation of Figure 6B (e.g., in addition to normal and / or default (e.g., non-user-modified) changes to the visual characteristics of the captured media that may occur when computer system 600 is not operating in a media processing style application mode).In some embodiments, the representation of Figure 6A is not displayed by modifying the visual characteristics of the media represented by the representation of Figure 6A (e.g., in addition to normal and / or default modifications of the visual characteristics of the captured media that may occur when computer system 600 is not operating in a media processing style application mode and / or that may occur based on one or more factors within the FOV (e.g., lighting, shadows)). In Figure 6B, computer system 600 detects a tap input 650b on media processing style indicator 602b.

[0162] As shown in FIG. 6C , in response to detecting tap input 650b, computer system 600 displays a media processing style user interface and / or selectable user interface objects for controlling the media processing style. In particular, computer system 600 displays different portions of live preview 630 using different media processing styles. As shown in FIG. 6C , in response to detecting tap input 650b, computer system 600 continues to display the center portion of live preview 630 (the “middle section”) using standard style 634a and ceases displaying the portion of live preview 630 to the left of the middle section (the “left section”) and the portion of live preview 630 to the right of the middle section (the “right section”) using standard style 634a. For illustrative purposes only, FIG. 6C illustrates left boundary 642a and right boundary 642b (e.g., optionally displayed by computer system 600 in FIG. 6C ). As used herein, for ease of explanation, the left section may be the portion of the live preview 630 to the left of the left boundary 642 a, the middle section may be the portion of the live preview 630 between the left boundary 642 a and the right boundary 642 b, and the right section may be the portion of the live preview 630 to the right of the right boundary 642 b. However, these respective sections are referenced for ease of explanation, and the computer system 600 may apply one or more media processing styles to any number of portions / sections of a representation of media, as well as to portions / sections of many different sizes, shapes, and / or configurations of a representation of media.

[0163] As shown in FIG. 6C , in response to detecting the tap input 650b, the left and right sections are displayed without a media processing style (e.g., without a pattern) and / or without a different media processing style that was not displayed before the tap input 650b was detected (e.g., the left section of FIG. 6C is displayed the same as the left section of FIG. 6B ). In response to detecting the tap input 650b, the computer system reduced the visual prominence of the right and left sections by displaying a gray overlay over these sections. Thus, as shown in FIG. 6C , the right and left sections are visually merged with the indicator region 602 and the control region 606, which are also displayed with a gray overlay. As shown in FIG. 6C , the right section includes a visual element 660b that is part of the object's boundary / frame. The visual element 660b indicates that a different media processing style, different from the standard style 634a, may be applied to the live preview 630. Here, visual element 660b is displayed in the right section because computer system 600 has determined that one or more other media processing styles can be selected in response to detecting input (e.g., as indicated by paging dots 638, described below) in a particular direction (e.g., the direction of movement input (e.g., swipe input, drag input) 650d in FIG. 6D , described below). Additionally, no visual element is displayed in the left section because computer system 600 has determined that one or more other media processing styles cannot be selected in response to detecting input (e.g., as indicated by paging dots 638, described below) in another direction (e.g., the opposite direction to movement input 650d in FIG. 6D , described below). As shown in FIG. 6C , computer system 600 has also displayed divider 640 between the middle and right sections. Divider 640 is displayed without a media processing style applied and / or without visual elements that reduce / increase the visual prominence of divider 640. In some embodiments, divider 640 is displayed between portions to which different media processing styles are applied and / or which include visual elements.In some embodiments, the divider 640 is used to delineate and / or demarcate a distinct portion of the live preview 630 to which a media processing style has been applied from another portion of the live preview 630 to which a media processing style has not been applied. In some embodiments, the divider 640 is displayed only between the application of two adjacent and / or different media processing styles to a representation of media, such as the live preview 630.

[0164] 6C , in response to detecting tap input 650b, computer system 600 also displays a standard style identifier 636a (e.g., "standard") indicating that standard style 634a is the currently selected media processing style. As shown in FIG. 6C , most of live preview 630 in camera viewing area 604 is displayed using the currently selected media processing style (e.g., standard style 634a). In some embodiments, most of live preview 630 in camera viewing area 604 is not displayed using the currently selected media processing style.

[0165] 6C , in response to detecting tap input 650b, computer system 600 also displays paging dots 638, including standard paging dot 638a, vibrant paging dot 638b, premium paging dot 638c, and vintage paging dot 638d. Here, standard paging dot 638a appears as selected (e.g., represented by an open paging dot) because a middle section of the representation of the media is displayed using the standard media processing style. In some embodiments, standard paging dot 638a appears as selected because a larger portion of the representation of the media (e.g., live preview 630) is displayed using standard style 634a rather than any other media processing style.

[0166] Further, as shown in FIG. 6C , each paging dot (e.g., paging dot 638) corresponds to a media processing style in a set of available media processing styles. The set of available media processing styles is the media processing styles that computer system 600 can use to display a portion of a representation of media. Thus, in FIG. 6C , computer system 600 can display a portion of a representation of media using at least four available media processing styles. In some embodiments, when a paging dot is added to paging dot 638, computer system 600 adds the media processing style that corresponds to (e.g., represented by) the added paging dot to the set of available media processing styles. In some embodiments, when a paging dot is removed from paging dot 638, computer system 600 removes the media processing style that corresponds to (e.g., represented by) the removed media processing style from the set of available media processing styles. In some embodiments, computer system 600 displays one or more other indicia (e.g., other than paging dots) to represent some media processing styles that may be used to display a representation of media and / or the current media processing style that may be used to display a representation of media.

[0167] As shown in FIG. 6C , in response to detecting tap input 650b, computer system 600 ceases displaying zoom control 622 and displays standard style control 626a in the location where zoom control 622 was previously displayed in FIG. 6B (e.g., in response to detecting tap input 750s, as described below in connection with FIG. 7S). Standard style control 626a includes control 628, tone parameter control 626a1, and warmth parameter control 626a2. In some embodiments, the warmth parameter controls the color temperature bias of a media item (e.g., whether colors within a media item are shifted toward cool colors, such as blue, green, and / or purple, and / or toward warm colors, such as red, yellow, and / or orange). In some embodiments, the tone parameter controls the saturation of a media item. In some embodiments, the tone parameter controls the difference between light and dark areas of an image of a media item (e.g., luminosity, contrast, brightness, and / or shadows). In some embodiments, the tone parameter controls the saturation of a media item. In some embodiments, the tone parameters control the saturation and difference between light and dark areas of the image (e.g., increasing the saturation and difference between light and dark areas in one direction and decreasing the saturation and difference between light and dark areas in the other direction). In some embodiments, the computer system 600 is aware of elements in a scene (e.g., people, animals, pets, trees, flowers, birds, buildings, sky, landscapes, mountains, clothing, skin, sunsets, and / or water), and adjustments to the tone parameters have different effects on different elements of the scene, such that adjusting the tone parameters causes different degrees of adjustment between light and dark areas of the image and / or different saturations for different elements in the scene (e.g., increasing the saturation of the sky or mountains or landscapes more than increasing the saturation of people or pets).For example, when the tone parameter is increased, the amount of saturation applied to a person's skin is less than the amount of saturation applied to the person's clothing (optionally, the amount of saturation increase applied to the person's skin is 0 or close to 0), and / or the amount of saturation applied to the person's clothing is less than the amount of saturation applied to the landscape or sunset behind the person.

[0168] Tone parameter control 626a1 includes a tone parameter identifier 626a1a, a current tone value 626a1b, and a tone value range indicator 626a1c. Tone parameter identifier 626a1a indicates the type of parameter (e.g., tone parameter) controlled by tone parameter control 626a1a. Current tone value 626a1b indicates the current value of the tone parameter in standard style 634a. Tone value range indicator 626a1c is part of a range of values ​​that includes the current value of the tone parameter. Similarly, warmth parameter control 626a2 includes a warmth parameter identifier 626a2a, a current warmth value 626a2b, and a warmth value range indicator 626a2c. Warmth parameter identifier 626a2a indicates the type of parameter (e.g., warmth parameter) controlled by warmth parameter control 626a2a. The warmth tone value 626a2b is the current value of the warmth parameter for the standard style 634a. 626a2c is a portion of a range of values ​​that includes the warmth value of the warmth parameter. Notably, current tone value 626a1b and current warmth value 626a2b are the default values ​​(e.g., "0") of the tone parameter for standard style 634a and the warmth parameter for standard style 634a, respectively. In some embodiments, the default values ​​of individual parameters of a media processing style are predefined values ​​that are set without user input.

[0169] 6C , in response to detecting tap input 650b, computer system 600 updates the appearance of media processing style indicator 602b. In particular, computer system 600 updates media processing style indicator 602b to an active state, which indicates that a media processing style user interface and / or selectable user interface objects for controlling the media processing style are displayed. In some embodiments, computer system 600 updates media processing style indicator 602b in other ways to indicate that a media processing style application mode is active, such as by changing color, removing a slash (e.g., the slash on flashing indicator 602a), highlighting, and / or reducing / increasing the size of media processing style indicator 602b. In some embodiments, computer system 600 updates media processing style indicator 602b to indicate the currently selected media processing style. Accordingly, in some embodiments, computer system 600 updates the appearance of media processing style indicator 602b when a new media processing style becomes the current media processing style. In some embodiments, in response to detecting a tap input on media processing style indicator 602b of Figure 6C, the computer system re-displays the user interface of Figure 6A. In some embodiments, in response to detecting a tap input on animated image indicator 602c, the computer system 600 displays the user interface of Figure 6A. In Figure 6C, the computer system 600 detects a tap input 650c on shutter control 610.

[0170] As shown in FIG. 6D , in response to detecting tap input 650c, computer system 600 begins capturing media represented in the FOV and updates media collection 612 to include a representation of the captured media (e.g., live preview 630 of FIG. 6C) (the "FIG. 6D representation"). The representation of the captured media in FIG. 6D has standard style 634a applied (e.g., includes a set of horizontal lines) and is the same as the representation in FIG. 6B with standard style 634a applied (e.g., does not have a set of horizontal lines). Although the representations in FIG. 6B and FIG. 6D are identical, the representation in FIG. 6B was captured while the entire live preview 630 was displayed using standard style 634a, and the representation in FIG. 6D was captured when only a middle section was displayed using standard style 634a. In Figure 6D, the standard style 634a has been applied to the right, center, and left sections of the representation in Figure 6D, but the right and left sections of the live preview 630 are not displayed using the standard style 634a (e.g., in response to the detection of a tap input 650c). In Figure 6D, the standard style 634a is applied to a larger portion (and / or all) of the visual content of the captured media than was applied to the visual content within the FOV used to display the live preview 630 in Figure 6C. In Figure 6D, the computer system 600 detects a first portion of a leftward movement input 650d on the live preview 630. It should be understood that the movement input 650d (e.g., any portion of the movement input 650d) may be detected at any location on the live preview 630. In some embodiments, portions of the movement input 650d are not detected on the left section, the visual element 660b, and / or a particular media processing style (e.g., including the standard style 634a, the vibrant style 634b, and / or the visual element 660b, as described below in connection with FIG. 6E).

[0171] As shown in FIG. 6E, in response to detecting a first portion of the leftward movement input 650d (e.g., while continuing to detect the movement input 650d), the computer system 600 displays a portion of the live preview 630 (e.g., including the left portion of the middle section and the left section) using the standard style 634a and a portion of the live preview 630 (e.g., including the right portion of the middle section and the right section) using the vivid style 634b. In FIG. 6E, the vivid style 634b is indicated by a set of upward diagonal lines (e.g., lines moving in a northeasterly direction). Returning to FIG. 6D, the computer system 600 did not display the portion of the live preview 630 using the vivid style 634b in FIG. 6D. As shown in FIG. 6E, the standard style 634a is indicated by a different set of lines than the vivid style 634b to illustrate that these media processing styles affect how the live preview 630 is displayed differently. The sizes of the portion of live preview 630 displayed using standard style 634a and the portion of live preview 630 displayed using vibrant style 634b are based on the magnitude of the movement characteristics (including, for example, speed, direction, acceleration, and / or time) of the first portion of movement input 650d. In some embodiments, in response to detecting the portion of movement input 650d having a larger magnitude than the portion of movement input 650d of Figure 6D, computer system 600 displays the portion of live preview 630 using standard style 634a that is smaller than the portion of live preview 630 of Figure 6E displayed using standard style 634a, and displays the portion of live preview 630 using vibrant style 634b that is larger than the portion of live preview 630 of Figure 6E displayed using vibrant style 634b.In some embodiments, in response to detecting a portion of the movement input 650d having a smaller magnitude than the portion of the movement input 650d of FIG. 6D , the computer system 600 displays a portion of the live preview 630 using the standard style 634a that is larger than the portion of the live preview 630 of FIG. 6E that is displayed using the standard style 634a, and displays a portion of the live preview 630 using the vivid style 634b that is smaller than the portion of the live preview 630 of FIG. 6E that is displayed using the vivid style 634b. Thus, in some embodiments, the amount of the live preview 630 that is displayed using the distinct media processing styles is based on the magnitude of the movement input. In some embodiments, the computer system 600 moves the applications of the standard style 634a and the vivid style 634b with the movement input 650d. In some embodiments, as part of displaying the portion of the live preview 630 using the vivid style 634b of FIG. 6E , the computer system 600 ceases displaying the visual element 660b. In some embodiments, as part of ceasing display of visual element 660b, computer system 600 displays an animation (e.g., a fade animation, a dissolve animation) of visual element 660b transitioning to at least a subset of the portions of live preview 630 using vibrant style 634b of FIG. 6E . In some embodiments, in response to detecting movement input 650d (e.g., before any movement of the input is detected), computer system 600 displays an animation of visual element 660b transitioning to at least a subset of the portions of live preview 630 using vibrant style 634b of FIG. 6E . In some embodiments, while detecting movement input 650d, computer system 600 detects a tap input on shutter control 610, and in response to detecting the tap input on shutter control 610, captures media with standard style 634a applied (e.g., because standard style 634a is currently selected in FIG. 6E ).In FIG. 6E, the computer system 600 detects a second portion of the leftward movement input 650d on the live preview 630.

[0172] As shown in FIG. 6F , in response to detecting a second portion of the leftward movement input 650d (e.g., while continuing to detect the movement input 650d), the computer system 600 moves the applications of the standard style 634a and the vivid style 634b to the left (e.g., in the direction of the second portion of the movement input 650d). As shown in FIG. 6F , in response to detecting the second portion of the leftward movement input 650d, the computer system 600 displays a portion of the live preview 630 using the standard style 634a (e.g., including a reduced portion of the middle section compared to FIG. 6E and the left section) and a portion of the live preview 630 using the vivid style 634b (e.g., including an enlarged portion of the middle section compared to FIG. 6E and the right section). Thus, based on the second portion of the movement input 650d, the size of the portion of the live preview 630 displayed using the standard style 634a in FIG. 6F is smaller than the size of the portion of the live preview 630 displayed using the standard style 634a in FIG. 6E . Further, based on the second portion of movement input 650d, the size of the portion of live preview 630 displayed using vivid style 634b of Figure 6F is larger than the size of the portion of live preview 630 displayed using vivid style 634b of Figure 6E. As computer system 600 moves the applications of standard style 634a and vivid style 634b to the left, computer system 600 (e.g., based on and / or consistent with the movement of input 650d) moves divider 640 while maintaining divider 640 between the portion of live preview 630 displayed using standard style 634a and the portion of live preview 630 displayed using vivid style 634b.

[0173] 6F , in response to detecting a second portion of movement input 650d, computer system 600 ceases displaying standard style identifier 636a and displays vibrant style identifier 636b (e.g., “vivid”) (e.g., in the location where standard style identifier 636a was previously displayed). In addition, computer system 600 also updates paging dot 638 to indicate that vibrant paging dot 638b (e.g., a hollow / open paging dot) is selected and standard paging dot 638a is not selected (e.g., a solid / closed paging dot). Here, computer system 600 displays vibrant style identifier 636b and displays vibrant paging dot 638b as selected because it has determined that a larger portion (or an equivalent portion) of live preview 630 is displayed using vibrant style 634b than the portion of live preview 630 displayed using standard style 634a. Due to this determination, the computer system 600 sets the vivid style 634b as the currently selected media processing style and replaces the standard style controls 626a with the vivid style controls 626b. As shown in FIG. 6F, the vivid style controls 626b include controls 628, a tone parameter control 626b1 (e.g., for controlling the tone parameter of the vivid style 634b), and a warmth parameter control 626b2 (e.g., for controlling the warmth parameter of the vivid style 634b), which are similar to the controls 628, tone parameter control 626b2 (e.g., for controlling the warmth parameter of the vivid style 634b) of FIG. 626a1 , and warmth parameter controls 626a2, respectively). Current tone value 626b1b is the default value of the tone parameter for vibrant style 634b (e.g., "80"), and current warmth value 626b2b is the default value of the warmth parameter for vibrant style 634b (e.g., "0"). Notably, the default value of the tone parameter for standard style 634a differs from the default value of the tone parameter for vibrant style 634b. Similarly, tone value range indicator 626a1c differs from tone value range indicator 626b1c because current tone value 626a1b and current tone value 626b1b differ (e.g., because the respective current values ​​map to different ranges on a scale of tone parameters). In some embodiments, differences in default values ​​of certain types of parameters for each media processing style lead to the definition of different media processing styles.

[0174] Referring again to FIG. 6E, the computer system 600 continues to display the standard style control 626a and the standard style identifier 636a and continues to display the selected standard paging dot 638a because in FIG. 6E it was determined that a larger portion (or an equal portion) of the live preview 630 than the portion of the live preview 630 displayed using the standard style 634a was not to be displayed using the vivid style 634b (e.g., and / or because it was determined that a larger portion (or an equal portion) of the live preview 630 than the portion of the live preview 630 displayed using the vivid style 634b was to be displayed using the standard style 634a). 6F , in some embodiments, the computer system 600 displays the vivid style control 626b and the vivid style identifier 636b and displays the vivid paging dot 638b as selected because the vivid style 634b is displayed using a particular portion of the live preview 630 (e.g., a portion at / near the center of the live preview 630 and / or the display of the computer system 600) and / or because the vivid style 634b is currently displayed at a boundary location of the live preview 630 (e.g., a portion at / near the center of the live preview 630 and / or the display of the computer system 600). In FIG. 6F , the computer system 600 detects a third portion of the movement input 650d to the right on the live preview 630. The third portion of the movement input 650d is detected as moving in the opposite direction to the first and second portions of the movement input 650d.

[0175] As shown in FIG. 6F, in response to detecting the second portion of the movement input 650d, the computer system 600 changes the appearance of the media processing style indicator 602b. In FIG. 6F, the appearance of the media processing style indicator 602b changes because the currently selected media processing style has changed from the standard style 634a (e.g., FIG. 6E) to the vibrant style 634b (e.g., FIG. 6F), with the vibrant style 634b having a parameter value (e.g., a tone parameter) that differs from the parameter value of the standard style 634a. As shown in FIG. 6F, the computer system 600 displays a line moving in a clockwise direction around the perimeter of the media processing style indicator 602b (e.g., having a starting point near the top center of the perimeter (and / or border) of the media processing style indicator 602b). The line is displayed to represent the current value of the tone parameter (e.g., "80" in FIG. 6F). As shown in FIG. 6F , a line moves around the media processing style indicator 602b based on the relationship between the current value of the tone parameter and the minimum (e.g., “−100”) and / or maximum (e.g., 100) value to which the tone parameter can be set. Thus, as shown in FIG. 6F , the line moves approximately 80 percent of the media processing style indicator's circumference because the current value (e.g., “80”) is 80 percent of the exemplary maximum (e.g., “100”). Referring again to FIG. 6E , because the current value of the tone parameter in FIG. 6E (e.g., “0”) was 0 percent of the minimum / maximum value to which the tone parameter could be set, the media processing style indicator 602b does not include a line moving around the media processing style indicator 602b. In some embodiments, if the current value were a different value, the line would move around the media processing style indicator 602b and / or occupy a different amount (e.g., more or less) of the circumference.

[0176] As shown in FIG. 6F , as the current value of the tone parameter is positive and / or above the median value (e.g., “0”), the line moves in a clockwise direction around the media processing style indicator 602b. In some embodiments, when the current value of the tone parameter is negative or below the median value (e.g., “0”), the line moves in a counterclockwise direction around the media processing style indicator 602b. Thus, in some embodiments, the direction in which the line moves around the media processing style indicator 602b indicates whether the value of the tone parameter is positive (or above the median value) or negative (or below the median value). In some embodiments, the computer system 600 changes one or more other visual aspects of the media processing style indicator 602b (e.g., other than the surrounding line), such as changing the color of a portion of the media processing style indicator 602b and / or the size of a portion of the media processing style indicator 602b when the current value of the tone parameter (or another parameter) changes. In some embodiments, a gradual animation of the changing visual aspect is displayed by the computer system 600. In some embodiments, the animation includes a line around the media processing style indicator 602b moving in a clockwise or counterclockwise direction from a position corresponding to the previous value of the individual parameter to a position corresponding to the current value of the individual parameter.

[0177] As shown in FIG. 6G, in response to detecting a third portion of the motion input 650d (e.g., and while continuing to detect the motion input 650d), the computer system 600 shifts the portions of the live preview displayed using the standard style 634a and the vivid style 634b (e.g., individually) to the right based on the size of the third portion of the motion input 650d. As shown in FIG. 6G, in response to detecting the third portion of the motion input 650d, the computer system 600 displays various portions of the live preview 630 using distinct media processing styles and / or one or more user interface objects (e.g., standard style identifier 636a, selected standard paging dot 638a, standard style control 626a) using one or more techniques such as those described above in connection with FIGS. 6C-6E. In FIG. 6G, the computer system 600 detects a fourth portion of the motion input 650d to the left on the live preview 630. As shown in FIG. 6G, in response to detecting the third portion of the movement input 650d, the computer system 600 changes the appearance of the media processing style indicator 602b by removing the line around the media processing style indicator 602b. The line around the media processing style indicator 602b is removed because the current value of the tone perimeter in FIG. 6G is 0 and / or the current value of the tone perimeter in FIG. 6G is 0 percent of the minimum / maximum value to which the tone parameter can be set. In some embodiments, in response to detecting the third portion of the movement input 650d, the computer system 600 displays an animation of the line around the media processing style indicator 602b (e.g., as displayed in FIG. 6F) shrinking in a counterclockwise direction (e.g., toward the top and center position of the media processing style indicator 602b) until the line is no longer displayed around the media processing style indicator 602b (e.g., as shown in FIG. 6G).

[0178] As shown in Figure 6H, in response to detecting the fourth portion of movement input 650d (e.g., while continuing to detect movement input 650d), computer system 600 shifts the portion of live preview 630 displayed using standard style 634a and vivid style 634b to the left based on the magnitude of the third portion of movement input 650d. Because the fourth portion of movement input 650d had a larger magnitude than the third portion of movement input 650d, computer system 600, in response to detecting the third portion of movement input 650d (e.g., in Figures 6G-6H), transforms the portion of live preview 630 displayed using standard style 634a and vivid style 634b over a greater distance than the distance the application of standard style 634a and vivid style 634b transformed in response to detecting the fourth portion of movement input 650d (e.g., in Figures 6F-6G). As shown in Figure 6H, in response to detecting the fourth portion of movement input 650d, computer system 600 displays a larger portion of live preview 630 using vibrant style 634b and a smaller portion of live preview 630 using standard style 634a. As shown in Figure 6H, in response to detecting the fourth portion of movement input 650d, computer system 600 also displays one or more user interface objects (e.g., vibrant style identifier 636b, selected vibrant paging dot 638b, vibrant style control 626b) using one or more techniques such as those described above in connection with Figure 6F. In Figure 6H, computer system 600 detects the end (e.g., lift-off) of movement input 650d (e.g., with movement input 650d in the position shown in Figure 6H).

[0179] As shown in FIG. 6I , in response to detecting the end of movement input 650d, computer system 600 displays the middle section using vibrant style 634b. Here, computer system 600 displays the middle section using vibrant style 634b because computer system 600 determined that a larger portion of live preview 630 was displayed using vibrant style 634b when the end of movement input 650d was detected (and / or before (e.g., immediately before) and / or after (e.g., immediately after) that time) than the portion displayed using another media processing style (e.g., standard style 634a). Thus, in FIG. 6I , computer system 600 makes vibrant style 634b the currently selected media processing style based on this determination. In some embodiments, computer system 600 displays the middle section using standard style 634a when computer system 600 determined that a larger portion of live preview 630 was displayed using standard style 634a than the portion displayed using another media processing style (e.g., vibrant style 634b) when the end of movement input 650d was detected. In some embodiments, the computer system 600 displays an animation (e.g., a snap animation) of the application of the standard style 634a and the vivid style 634b translating (e.g., quickly snapping) across the display from the position in which the standard style 634a and the vivid style 634b are each displayed in FIG. 6H to the position in which the standard style 634a and the vivid style 634b are each displayed in FIG. 61.

[0180] As shown in FIG. 6I, in response to detecting the end of motion input 650d (e.g., because it was determined that a larger portion of live preview 630 was displayed using vivid style 634b than was displayed using another media processing style when the end of motion input 650d was detected), computer system 600 shifts the application of standard style 634a to the left to display the left section using standard style 634a. In addition, computer system 600 also displays the right section using premium style 634c. In FIG. 6I, premium style 634c is indicated by a set of downward-sloping lines (e.g., lines moving in a southeasterly direction when scanning from left to right). In some embodiments, computer system 600 displays the right section using premium style 634c because a determination is made that premium style 634c can be selected via a motion input (e.g., a motion input such as motion input 650k1 as described below in connection with FIGS. 6K-6L).

[0181] As shown in Figure 6J, after detecting the end of movement input 650d, computer system 600 displays visual element 660a on the left section and visual element 660b on the right section, reducing the visual prominence of the left and right sections. In some embodiments, as part of displaying visual element 660a on the left section and visual element 660b on the right section, computer system 600 displays an animation in which standard style 634a and premium style 634c fade out (and / or dissolve into visual element 660a and / or visual element 660b). In Figure 6J, computer system 600 detects tap input 650j on shutter control 610.

[0182] As shown in FIG. 6K, in response to detecting tap input 650j, computer system 600 begins capturing media represented by the FOV and updates media collection 612 to include a representation of the captured media (e.g., live preview 630 of FIG. 6J). The representation of the captured media in FIG. 6K ("FIG. 6K representation") has a different vibrant style 634b applied to it (e.g., includes a set of upward-facing diagonal lines when scanned from left to right) than the representations in FIGS. 6B and 6D. Furthermore, while vibrant style 634b is applied to the right, center, and left sections of the representation of the captured media, the right and left sections of live preview 630 are not displayed using vibrant style 634b (e.g., when / while tap input 650j is detected). In FIG. 6K, vibrant style 634b is applied to a larger portion (and / or all) of the visual content of the captured media than was applied to the visual content within the FOV used to display live preview 630. In some embodiments, in response to detecting a tap input on the shutter control 610 and detecting movement input 650d, computer system 600 captures media, and the displayed representation of the captured media has the media processing style that was applied to the largest portion of live preview 630 when the tap input on the shutter control 610 was detected (e.g., regardless of whether a different media processing style was applied to a smaller portion of live preview 630 when the tap input on the shutter control was detected), without any other media processing style being applied to the representation of the media. In FIG. 6K, computer system 600 detects movement input 650k1 in a leftward direction (e.g., the same direction as the first portion of movement input 650d in FIG. 6D) or movement input 650k2 in a rightward direction (e.g., the opposite direction of movement input 650d in FIG. 6D).

[0183] As shown in FIG. 6L, in response to detecting movement input 650k1 (e.g., while continuing to detect movement input 650k1), computer system 600 displays a portion of live preview 630 (e.g., including the left portion of the middle section) using vivid style 634b (e.g., using one or more techniques described above in connection with FIGS. 6C-6F ) and displays a portion of live preview 630 (e.g., including the right and left portions of the middle section displayed using vivid style 634b of FIG. 6K) using premium style 634c. In FIG. 6L, in response to detecting movement input 650k1, computer system 600 ceases displaying vivid style identifier 636b (e.g., “vivid”) and displays premium style identifier 636c (e.g., “luxury”) (e.g., in the location where vivid style identifier 636b was previously displayed). Additionally, computer system 600 also updates paging dot 638 to indicate that premium paging dot 638c (e.g., a hollow / open paging dot) is selected and that vibrant paging dot 638b is not selected (e.g., a solid / closed paging dot). Here, computer system 600 displays premium style identifier 636c and displays premium paging dot 638c as selected because it has determined that a greater portion (or an equal portion) of live preview 630 is displayed using premium style 634c than the portion of live preview 630 displayed using vibrant style 634b and / or that premium style 634c should be set as the currently selected media processing style (e.g., using one or more techniques such as those described above in connection with detecting movement input 650d in FIGS. 6H-6I). Because of this determination, computer system 600 also replaces premium style control 626b with premium style control 626c, as shown in FIG. 6L.The premium style controls 626c include controls 628, a tone parameter control 626c1 (e.g., for controlling the tone parameters of the premium style 634c), and a warmth parameter control 626c2 (e.g., for controlling the warmth parameters of the premium style 634c), which are similar to (e.g., control 628, tone parameter control, of FIG. 6C). 626a1 , and warmth parameter controls 626a2 6K ) respectively. The current tone value 626c1b is the default value of the tone parameter for the premium style 634c (e.g., “50”), and the current warmth value 626c2b is the default value of the warmth parameter for the premium style 634c (e.g., “70”). Notably, the default values ​​of the tone and warmth parameters for the premium style 634c are different from the default values ​​of the tone and warmth parameters for the standard style 634a (e.g., Tone: 0, Warmth: 0 as shown in FIG. 6C ) and the vibrant style 634b (e.g., Tone: 80, Warmth: 0 as shown in FIG. 6F ). This means that the default premium style 634c is different from the default standard style 634a and the vibrant style 634b. In some embodiments, in response to a rightward movement input 650k2 in FIG. 6K , the computer system 600 displays one of the user interfaces of FIGS. 6D-6H (e.g., the user interface displayed depends on the magnitude of the movement input 650k2). In FIG. 6L, the computer system 600 detects the end (eg, lift-off) of the movement input 650k1 (eg, with the movement input 650k1 in the position shown in FIG. 6K).

[0184] As shown in FIG. 6L , in response to detecting movement input 650k1, computer system 600 changes the appearance of media processing style indicator 602b. In particular, computer system 600 changes two visual aspects of media processing style indicator 602b. In FIG. 6L , computer system 600 changes two visual aspects of media processing style indicator 602b such that changes to the individual visual aspects represent changes (or current values) of the individual parameters. While FIG. 6L shows computer system 600 changing the line around media processing style indicator 602b based on changes to the current value of the tone parameter and changing the color of media processing style indicator 602b based on changes to the current value of the warmth parameter, the manner in which media processing style indicator 602b is changed in FIG. 6L is merely exemplary. In some embodiments, computer system 600 changes different visual aspects of media processing style indicator 602b based on the current values ​​of the warmth parameter, the tone parameter, and / or different parameters. In some embodiments, the computer system 600 changes the line around the media processing style indicator 602b based on a change in the current value of the warmth parameter and / or changes the color of the media processing style indicator 602b based on the current value of the tone parameter.

[0185] As shown in FIG. 6L, because the current value of the tone parameter in FIG. 6L (e.g., "50") is less than the previous value of the tone parameter in FIG. 6K (e.g., "80"), the computer system 600 updates (e.g., using one or more techniques such as those described above in connection with FIGS. 6F-6G) the line (e.g., first visual aspect) around the media processing style indicator 602b to occupy a smaller portion of the periphery of the media processing style indicator 602b (e.g., shrinking the line in a counterclockwise direction). However, because the current value of the tone parameter in FIG. 6L (e.g., "50") is positive, just like the previous value of the tone parameter in FIG. 6K (e.g., "80"), the computer system 600 continues to display the line around the media processing style indicator 602b as it moves in a clockwise direction (e.g., oriented so that the line appears to move). As shown in FIG. 6L, the computer system 600 changes the color (e.g., second visual aspect) of the media processing style indicator 602b. Here, the computer system 600 changes the color of the media processing style indicator 602b to represent a current value of the warmth parameter (e.g., “70”), which is different from the previous value of the warmth parameter (e.g., “0”). As shown in FIG. 6L, the color of the media processing style indicator 602b in FIG. 6L is a darker gray than the color of the media processing style indicator 602b in FIG. 6K. As the current value of the warmth parameter increases, the computer system 600 adds more dark gray to the color of the media processing style indicator 602b, the amount of dark gray approximately equal to the percentage of the current value of the warmth parameter (e.g., “70”) and the maximum value (e.g., “100”) and / or minimum value of the warmth parameter. Thus, as shown in FIG. 6L, the computer system 600 displays the media processing style indicator 602b as having 70 percent of the maximum amount of dark gray. In some embodiments, the computer system 600 darkens the color of the media processing style indicator 602b as the value of the warmth parameter increases and / or decreases.In some embodiments, the computer system 600 increases the amount of the first color (e.g., red) that makes up the color of the media processing style indicator 602b as the current value increases above a median value (e.g., “0”). In some embodiments, the computer system 600 decreases the amount of the first color (e.g., red) that makes up the color of the media processing style indicator 602b as the value decreases toward the median value (e.g., “0”) (e.g., between a maximum value and a median value). In some embodiments, the computer system 600 increases the amount of the second color (e.g., blue) that makes up the color of the media processing style indicator 602b as the current value decreases below the median value (e.g., “0”). In some embodiments, the computer system 600 decreases the amount of the first color (e.g., red) that makes up the color of the media processing style indicator 602b as the value increases toward a median value (e.g., “0”) (e.g., between a minimum value and a median value). In some embodiments, the computer system 600 changes the color of the line around the media processing style indicator 602b based on changes in the current value of the warmth parameter.

[0186] As shown in FIG. 6M, in response to detecting the end of movement input 650k1, computer system 600 displays the middle section using premium style 634c, the left section using vibrant style 634b, and the right section using vintage style 634d. Because computer system 600 has determined (e.g., using one or more of the techniques described above in connection with detecting the end of movement input 650d in FIGS. 6H-6I) that premium style 634c should be set as the currently selected media processing style, computer system 600 displays the middle section using premium style 634c, the left section using vibrant style 634b, and the right section using vintage style 634d. In FIG. 6M, computer system 600 detects a tap input 650m on mode and settings toggle 616.

[0187] As shown in FIG. 6N, in response to detecting tap input 650m, computer system 600: luxury Style Identifier 636c and ceasing the display of the paging dots 638 and closing the zoom control 622 (e.g., luxury Style Identifier 636c and paging dots 638) were previously displayed. As shown in FIG. 6N, in response to detecting tap input 650m, the computer system ceases displaying the advanced style controls 626c and displays the camera mode control 620 (e.g., in the location where the advanced style controls 626c were previously displayed in FIG. 6M). In response to detecting tap input 650m, the computer system 600 updates the display of the media processing style indicator 602b to an inactive state. Thus, in response to detecting tap input 650m, the computer system 600 continues to display a portion of the representation using the advanced style 634c (e.g., selected in FIG. 6M when the style was displayed in the middle section of the computer system 600 while no input was detected). However, in response to detecting tap input 650m, the computer system 600 ceases displaying the right and left sections using a media processing style and / or visual elements different from the advanced style 634c. In some embodiments, the computer system 600 ceases displaying the right and left sections using a media processing style and / or using visual elements different from the advanced style 634c because, in Figure 6N, the movement input on the live preview 630 does not cause portions of the live preview 630 to be displayed using a different media processing style (e.g., does not cause a change in which media processing style is used). In Figure 6N, the computer system detects a left movement input 650n1 on the camera mode control 620 or a left movement input 650n2 on the live preview 630.

[0188] In Figure 6O, in response to detecting movement input 650n1 or 650n2, computer system 600 transitions from operating in photo capture mode to operating in portrait capture mode. As shown in Figure 6O, in response to detecting movement input 650n1 or 650n2, computer system 600 moves camera mode control 620 left and displays portrait mode control 620d (e.g., bold portrait mode control 620d) as selected. While operating in portrait mode, computer system 600 displays the premium style (e.g., selected in 6M) in portrait mode. 634cThe computer system 600 maintains a display of at least a portion of the live preview 630 using the motion input 650n2 indicator 602b. Thus, the media processing style can be applied to a representation of media (e.g., the live preview 630) while the computer system 600 is configured to capture other types of media (e.g., photographic media, video media, and / or portrait media, panoramic media). In some embodiments, in response to detecting the movement input 650n2 while the media processing style indicator 602b is actively displayed (and / or while a style user interface object is displayed), the computer system 600 does not transition to operate in a different capture mode (e.g., the computer system 600 continues to operate in the same capture mode in which the computer system 600 was operating before the movement input 650n2 was detected). In some embodiments, in response to detecting the movement input 650n2 while the media processing style indicator 602b is inactive, the computer system 600 transitions to operate in a different capture mode (e.g., as shown in FIGS. 6N-6O). In some embodiments, computer system 600 transitions to operating in portrait capture mode in response to input 650n1 being detected, regardless of whether media processing style indicator 602b is active or inactive. Thus, in some embodiments, computer system 600 can respond differently to movement input based on the location of the movement input and whether the computer system is currently displaying a set of style user interface objects.6O, in response to detecting movement input 650n1 or 650n2, computer system 600 also displays indicators for portrait capture mode in indicator area 602 (e.g., aperture indicator 602d) and controls for portrait mode in control area 606 (e.g., lighting effects control 678, zoom control 622b), which were not displayed while computer system 600 was operating in photo capture mode in FIG. 6N. Furthermore, in response to detecting movement inputs 650n1 and 650n2, computer system 600 stops displaying indicators for photo capture mode in indicator area 602 (e.g., animated image indicator 602c), and displays controls for photo mode in control area 606 (e.g., zoom controls 622a and 622c), which were displayed when computer system 600 was operating in portrait mode in FIG. 6N. 6N on live preview 630, computer system 600 transitions from operating in portrait capture mode to operating in a different capture mode (e.g., using techniques similar to those described above with respect to movement input 650n1 or 650n2) because it is not displaying a style user interface and / or multiple selectable user interface objects for controlling media processing style. In some embodiments, in response to detecting a movement input (e.g., at a similar location to movement input 650n1 or movement input 650n2), computer system 600 transitions from operating in portrait capture mode to operating in a different capture mode and displays the currently selected style (e.g., the premium style selected in 6M). 634c) to maintain (or continue to maintain) display of at least a portion of live preview 630. In some embodiments, in response to detecting that movement input 650n1 or movement input 650n2 had a particular magnitude (e.g., a larger magnitude) and / or was different from movement input 650n1 or movement input 650n2, computer system 600 transitions from operating in photo mode to operating in a mode different from portrait mode (e.g., panoramic mode and / or video mode) and changes the currently selected style (e.g., premium style selected in 6M). 634c ) to maintain (or continue to maintain) display of at least a portion of live preview 630. In some embodiments, in response to detecting a request to capture media, computer system 600 captures portrait media and applies the currently selected media processing style (e.g., premium style 634c) to the captured portrait media. Thus, in some embodiments, computer system 600 can apply the currently selected media processing style to different types of media (e.g., portrait media in FIG. 6O and photo media in FIG. 6C). In FIG. 6O, the computer system detects a tap input 650o on media processing style indicator 602b.

[0189] As shown in FIG. 6P , in response to detecting tap input 650o, computer system 600 redisplays user interface objects in one or more styles, including premium style identifier 636c, paging dot 638, premium style control 626c, and visual elements 660a and 660b, while continuing to operate in portrait mode (e.g., using one or more techniques such as those described above in connection with FIG. 6M ). In some embodiments, in response to detecting movement input on live preview 630, computer system 600 displays different portions of live preview 630 using different media processing styles (e.g., using one or more techniques described above in connection with FIGS. 6C-6P ) while continuing to operate in portrait mode. Thus, in some embodiments, different media processing styles can be selected while computer system 600 is operating in different capture modes. In some embodiments, in response to detecting tap input on shutter control 610, computer system 600 captures portrait media, and a representation of the portrait media is displayed in premium style 634c (e.g., because style 634c was selected in FIG. 6P ). In some embodiments, in response to detecting an input on f-stop indicator 602d, computer system 600 re-displays the user interface of Figure 6O (e.g., ceases displaying the style user interface and / or the multiple selectable user interface objects for controlling media processing styles). In Figure 6P, computer system 600 detects an input 650p on media collection 612.

[0190] As shown in FIG. 6Q, in response to detecting tap input 650p, computer system 600 displays a media viewer user interface including control area 670, media viewer area 672, and control area 674. Control area 670 includes back control 670a, current time 670b, and media gallery control 670c. Control area 674 includes a number of controls and thumbnail representations of media 676, including thumbnail representations 676a-676d, which were previously displayed as part of media collection 612 in FIGS. 6A-6Q. Media viewer area 672 includes media representation 680d. As shown in FIG. 6Q, media representation 680d is a representation of media captured in response to detecting input 650j. As shown in FIG. 6Q, media representation 680d is displayed using vibrant style 634b, which was the currently selected media processing style when the media corresponding to media representation 680d was captured. In FIG. 6Q, computer system 600 detects input 650q on back control 670a.

[0191] As shown in Figure 6R, in response to detecting tap input 650q, computer system 600 redisplays the user interface of Figure 6O, with live preview 630 of Figure 6R displayed using premium style 634c. In Figure 6R, live preview 630 remains the premium style 634c as the currently selected media processing style, even though computer system 600 has navigated away from the camera application and to a media viewer application. luxury style 634cThus, in some embodiments, computer system 600 maintains the currently selected media processing style between sessions of using the camera application. In some embodiments, computer system 600 maintains the currently selected media processing style until a new media processing style is selected (e.g., as described below in Figures 7A-7X) and / or luxury style 634c 6R, the computer system 600 detects an input 650r on the media collection 612. In some embodiments, in response to detecting a tap input 650q, the computer system 600 redisplays the user interface of FIG. 6Q instead of FIG. 6O, showing the style user interface and / or selectable user interface objects for controlling the media processing style. In FIG. 6R, the computer system 600 detects an input 650r on the media collection 612.

[0192] As shown in FIG. 6S, in response to detecting tap input 650r, computer system 600 re-displays the user interface of FIG. 6Q, including media representation 680d. As shown in FIG. 6S, computer system 600 detects movement input 650s on media representation 680d. As shown in FIG. 6T, in response to detecting movement input 650s, computer system 600 replaces media representation 680d with media representation 680c. Media representation 680c is displayed using standard style 634a because it is a representation of media that was captured in response to detecting input 650c when standard style 634a was the currently selected media processing style in FIG. 6C. In some embodiments, the media viewer user interface includes one or more options to change the media processing style applied to already captured media, such as the media represented by media representation 680c and media representation 680d. Thus, in some embodiments, the computer system applies a different media processing style to previously captured media that was not originally captured when a different media processing style was the currently selected processing style. In FIG. 6T, the computer system 600 detects a tap input 650t on the media gallery control 670c.

[0193] 6U , in response to detecting tap input 650t, computer system 600 displays a media gallery user interface. The gallery user interface includes a back control 686 and representations of media captured using media processing styles (e.g., standard style 634a (e.g., represented by a pattern including horizontal lines), vibration style 634b (e.g., represented by a pattern including upward diagonal lines), premium style 634c (e.g., represented by a pattern including downward diagonal lines), and vintage style 634d (e.g., represented by a pattern including vertical lines)). In some embodiments, the media represented by the media representations included in the media gallery user interface are different types of media (e.g., still photo media, portrait media, video media, panoramic media, slow-motion media, etc.). In some embodiments, the media represented by the media representations included in the media gallery user interface were captured while different media processing styles were selected and / or while computer system 600 was configured to operate in different capture modes. In FIG. 6U, computer system 600 detects input 650u on back control 686.

[0194] As shown in FIG. 6V, in response to detecting the tap input 650u, the computer system 600 ceases displaying the media gallery user interface (e.g., of FIG. 6U) and re-displays the camera user interface of FIG. 6R, with the live preview 630 of FIG. 6R being displayed using the premium style 634c. In FIG. 6V, the computer system 600 detects a tap input 650v on the raw image capture indicator 602e. As shown in FIG. 6W, in response to detecting the tap input 650v, the computer system 600 ceases displaying the media processing style indicator 602b and ceases applying the media processing style to a portion of the live preview 630. As shown in FIG. 6W, in response to detecting the tap input 650v, the computer system 600 slides the raw image capture indicator 602e to the left to the location where the media processing style indicator 602b was previously displayed. In FIG. 6W , in response to detecting tap input 650v, computer system 600 transitions from being configured to store and / or capture media in a non-raw image media format to a raw image format and displays raw image capture control 602e as active. In some embodiments (as described above), computer system 600 does not apply a selected media processing style to media stored in raw image format. Thus, in some embodiments, computer system 600 cannot be configured to store and / or capture media in raw image format while also being configured to apply a media processing style to captured media. In FIG. 6W , computer system 600 detects upward swipe input 650w at a location on the camera user interface (e.g., above and / or below one or more camera mode affordances 620).

[0195] As shown in FIG. 6X, in response to detecting an upward swipe input 650w, the computer system 600 replaces the camera mode control 620 of FIG. 6W with a camera settings control 688. The camera settings control 688 includes a flash settings control 668a that, when selected, causes the computer system 600 to display one or more options for adjusting a flash mode (e.g., turning the flash mode on and / or off), a media processing style control 688b, an exposure compensation control 688f that, when selected, causes the computer system 600 to display one or more options (e.g., a slider) for adjusting an exposure compensation value, a timer control 688g that, when selected, causes the computer system 600 to display one or more options for adjusting the duration of a timer, a filter control 688h that, when selected, causes the computer system 600 to display one or more options for adjusting a filter applied to the media, and an aperture control 688i that, when selected, causes the computer system 600 to display one or more options for adjusting an aperture value. In particular, the camera settings controls displayed in Figure 6X reflect some of the camera settings available while computer system 600 is operating in portrait mode (e.g., as shown in Figure 6W with "Portrait" in bold). In some embodiments, one or more other camera settings controls and / or one or more of the same camera settings controls are displayed in response to detecting an up swipe input 650w while computer system 600 is operating in a different camera mode. In Figure 6X, computer system 600 detects a tap input 650x1 on media processing style control 688b.

[0196] As shown in FIG. 6Y, in response to detecting tap input 650×1, computer system 600 displays live image capture control 602e as inactive (and / or the computer system is configured to capture non-live image media, but not live image media), reapplies and redisplays the camera user interface of FIG. 6L, displays a portion of live preview 630 of FIG. 6R using enhanced style 634c (e.g., while one or more other portions of live preview 630 are displayed in other media processing styles), and displays enhanced style control 626c. In some embodiments, in response to detecting tap input 650×1, computer system 600 redisplays the camera user interface of FIG. 6R, and live preview 630 of FIG. 6R is displayed using enhanced style 634c. In some embodiments, in response to detecting tap input 650×2 on live image capture control 602e of FIG. 6X, computer system 600 redisplays the camera user interface of FIG. 6L or redisplays the camera user interface of FIG. 6R. In some embodiments, in response to detecting a tap input 650×2 on the live image capture control 602e of FIG. 6X, the computer system 600 does not apply the media processing style to a portion of the live preview 630 (e.g., continues to display the live preview 630 of FIG. 6X without applying the media processing style), while displaying the live image capture control 602e as inactive (and / or the computer system is configured to capture non-raw image media and not configured to capture live image media).

[0197] 7A-7X show exemplary user interfaces for editing media processing styles using a computer system, according to some embodiments. The user interfaces in these figures are used to explain processes described below, including the processes in FIGS. 9 and 10A-10B.

[0198] 7A illustrates a computer system 600 displaying a camera user interface (e.g., using one or more techniques such as those described above in connection with FIG. 6C). In particular, the computer system 600 is displaying a media processing style indicator 602b in an active state, a middle section using a standard style 634a, and right and left sections without using a media processing style (e.g., using one or more techniques described above in connection with FIG. 6C). Additionally, the computer system 600 is displaying (e.g., using one or more techniques such as those described above in connection with FIG. 6C) a right section with visual element 660b, paging dot 638 with standard paging dot 638a selected, and standard style controls 626a, including control 628, tone parameter control 626a1, and warmth parameter control 626a2. As shown in Figure 7A, computer system 600 also displays (e.g., using one or more of the techniques described above in connection with Figure 6C) a tone parameter control 626a1, including a tone parameter identifier 626a1a, a current tone value 626a1b, and a tone value range indicator 626a1c, and a warmth parameter control 626a2, including a warmth parameter identifier 626a2a, a current warmth value 626a2b, and a warmth value range indicator 626a2c. In Figure 7A, computer system 600 detects a portion of movement input 750a on tone parameter control 626a1.

[0199] As shown in FIG. 7B, in response to detecting a portion of the movement input 750a in FIG. 7A (e.g., while continuously detecting the movement input 750a), the computer system 600 expands the tone parameter control 626a1 and stops displaying the warmth parameter control 626a2. In particular, in FIG. 7B, the computer system 600 expands the tone parameter control 626a1 and / or the tone value range indicator 626a1c in a straight line (e.g., across and / or along the line of the position where the tone parameter control 626a1 is displayed in FIG. 7B). When expanding the tone parameter control 626a1, the computer system 600 increases the size of the tone value range indicator 626a1c such that the scale of the tone value range indicator 626a1c in FIG. 7B is larger and further apart than the scale of the tone value range indicator 626a1c in FIG. 7A. Further, the scale of the tone value range indicator 626a1c in FIG. 7B represents more values than the check marks of the tone value range indicator 626a1c in FIG. 7A (e.g., the tone value range indicator 626a1c in FIG. 7B has more scales than the tone value range indicator 626a1c in FIG. 7A). In other words, in response to detecting a portion of the movement input 750a in FIG. 7A, the computer system 600 zooms in on the tone parameter control 626a1 and / or the tone value range indicator 626a1c (which, in some embodiments, makes it easier for the user to change the value of the tone parameter control 626a1). As shown in FIG. 7B, in response to detecting a portion of the movement input 750a in FIG. 7A, the computer system 600 displays the current tone value 626a1b in FIG. 7B (e.g., "0") at a position on the display different from the position on the display where the current tone value 626a1b in FIG. 7A is displayed. The computer system 600 moves the current tone value 626a1b in FIG. 7B, but the computer system 600 continues to display the current tone value 626a1b in FIG. 7B at the central position of the tone value range indicator 626a1c (e.g., as the current tone value 626a1b in FIG. 7A was displayed).Additionally, in response to detecting the portion of the movement input 750a in Figure 7A, the computer system 600 moves the tone parameter identifier 626a1a to the right side of the control area 606. In Figure 7B, the computer system 600 moves (e.g., moves 750a 7A , the computer system 600 detects another portion of the movement input 750a on the tone value range indicator 626a1c (while continuing to detect the movement input 750a). The computer system 600 detects a portion of the movement input 750 in a leftward direction. In some embodiments, the portion of the movement input 750a detected in FIG. 7A is a tap input, and the portion of the movement input 750a detected in FIG. 7B is a movement input (e.g., in some embodiments, a user may tap to expand a control and then provide input to adjust the current value of the parameter of the control). In some embodiments, the portion of the movement input 750a detected in FIG. 7A and the portion of the movement input 750a detected in FIG. 7B are separate inputs that are detected independently. In some embodiments, in response to receiving the portion of the movement input 750a detected in FIG. 7A (e.g., a tap input), the computer system 600 expands the tone parameter control 626a1, regardless of whether the portion of the movement input 750a detected in FIG. 7A continues to be detected. In some embodiments, in response to detecting a portion of the movement input 750a that is a tap input, the computer system 600 expands the tone parameter control 626a1. Stretch If no additional input is detected on the expanded tone parameter control 626a1 and / or on the camera user interface within a threshold period (e.g., 5, 20, 30, 40, 75 seconds), the warmth parameter control 626b1 is redisplayed.

[0200] As shown in Figure 7C, in response to detecting the portion of movement input 750a in Figure 7B (e.g., moving leftward), computer system 600 shifts the scale of tone value range indicator 626a1c to the left (e.g., based on the magnitude of movement input 750a detected in Figure 7B) and updates current tone value 626a1b from "0" (e.g., Figure 7B) to "100" (e.g., Figure 7C). While updating current tone value 626a1b from "0" (e.g., Figure 7B) to "100" (e.g., Figure 7C) based on the movement characteristics (e.g., speed, acceleration, and / or velocity) of the portion of movement input 750a detected in Figure 7B (e.g., moving leftward), computer system 600 updates the appearance of media processing style indicator 602b. 7C , the computer system 600 updates the appearance of the media processing style indicator 602b by increasing the size of the line around the media processing style indicator 602b in a clockwise direction based on the movement characteristics of the portion of the movement input 750a detected in FIG. 7B . Notably, although the current value (e.g., “100”) is the maximum value to which the tone parameter can be set, the computer system 600’s line does not completely surround the media processing style indicator 602b. The line does not completely surround the media processing style indicator 602b (e.g., is displayed with a gap near the top of the perimeter of the media processing style indicator 602b) to indicate that the line has moved clockwise around the media processing style indicator 602b (e.g., to indicate a positive value) while the tone parameter is set to its maximum value.In some embodiments, when the current value of the tone parameter is set to the minimum value of the tone parameter (e.g., "-100"), the computer system 600 displays a gap on the other side of the top of the media processing style indicator 602b (e.g., the vertical line indicating the start of the line is connected to the left portion of the line in FIG. 7C, and the gap is between the vertical line and the right portion of the line in FIG. 7C) to indicate that the line has moved counterclockwise around the media processing style indicator 602b (e.g., indicating a negative value) while the current value of the tone parameter is set to the minimum value of the tone parameter.

[0201] In addition to updating the current tone value 626a1b and the media processing style indicator 602b, the computer system 600 replaces the standard style identifier 636a with the custom standard style identifier 636aa and adds a custom standard paging dot 638aa to the left of the standard paging dot 638a within the paging dot 638. In other words, in FIG. 7C , the computer system 600 adds a custom version of the standard style 634a to the set of available styles in response to updating the current tone value 626a1b from the default value ("0") to the modified value ("100"). As shown in FIG. 7C , the standard style identifier 636aa includes the words "rich contrast" because the current tone value 626a1b in FIG. 7C is greater than the default tone value of the standard style 634a ("0" in FIG. 7B). Thus, the computer system 600 can determine the name of the custom media processing style based on how the parameters of the custom media processing style differ from the default parameters of the media processing style. 7C, the computer system 600 does not update the default values ​​of the tone parameters of the standard style 634a (e.g., as shown in FIG. 7C), but instead creates a modified version of the standard style 634a with the updated values. Thus, in some embodiments, the user can later access the modified version of the standard style 634a (e.g., custom standard style 634aa).

[0202] As shown in FIG. 7C , in response to detecting the portion of the movement input 750a in FIG. 7B , the computer system 600 updates the middle section of the live preview 630 so that the middle section is displayed using the custom standard style 634aa of FIG. 7C instead of using the standard style 634a of FIG. 7B . It should be understood that the computer system 600 displays the custom standard style 634aa of FIG. 7C with an increased amount of tone (e.g., “100”) relative to the tone (e.g., “0”) of the standard style 634a to reflect the change in the value of the tone parameter of the standard media processing style. For illustrative purposes only, the custom standard style 634aa (e.g., FIG. 7C ) is shown with the same pattern (e.g., horizontal lines) as the standard style 634a (e.g., FIG. 7B ) to indicate that the custom standard style 634aa is a modified version of the standard style 634a. However, the lines of the custom standard style 634aa are shown dotted rather than solid as the lines of the standard style 634a in FIG. 7B to indicate that the custom standard style 634aa differs from the standard style 634a. In FIG. 7C, the computer system 600 continues to display the expanded version of the tone parameter control 626a1 because the computer system 600 still detects the movement input 750a in FIG. 7C. In some embodiments, the computer system 600 continues to display the expanded version of the tone parameter control 626a1 regardless of whether the computer system 600 continues to detect the movement input 750a in FIG. 7B. In FIG. 7C, the computer system 600 detects the end of the movement input 750a (e.g., lift-off).

[0203] As shown in FIG. 7D, in response to detecting the end of movement input 750a, computer system 600 collapses (e.g., reduces size) tone parameter control 626a1 and redisplays warmth parameter control 626a2. As shown in FIG. 7D, tone parameter control 626a1 and warmth parameter control 626a2 are displayed in the same position and at the same size as they were displayed in FIG. 7B. In FIG. 7D, computer system 600 displays the same version of warmth parameter control 626a2 (e.g., warmth parameter control 626a2 in FIG. 7B) that was displayed before movement input 750a was detected. Thus, the display of warmth parameter identifier 626a2a, current warmth value 626a2b, and warmth value range indicator 626a2c remains unchanged (e.g., comparing FIG. 7B with FIG. 7D). However, because tone parameter control 626a1 has been updated in response to detecting movement input 750a, computer system 600 displays an updated version of tone parameter control 626a1, where current tone value 626a1b in FIG. 7D is different from current tone value 626a1b in FIG. 7B, and tone value range indicator 626a1c in FIG. 7D is different from tone value range indicator 626a1c in FIG. 7B. In particular, in FIG. 7D, tonal value range indicator 626a1c includes a set of expanded tick marks (e.g., 5) representing the current tonal value 626a1b (e.g., "100") as it relates to the scale of tonal value range indicator 626a1c (e.g., all tick marks to the right of the central tick mark are expanded and fully filled to indicate that "100" is a value that occupies 100% of the range above 0 (e.g., 0 to 100) on the scale of tonal value range indication 626a1c). Returning to FIG. 7B, tonal value range indicator 626a1c did not include expanded and / or filled tick marks because current tonal value 626a1b in FIG. 7B was "0" and was not a value that occupies any range below or above 0 on the scale of tonal value range indication 626a1c.7D, it should be appreciated that the tone parameter control 626a1 and the warmth parameter control 626a2 represent the current values ​​(e.g., 626a1b, 626a2b) of the individual parameters of the custom standard style 634aa (e.g., as indicated by the custom standard style identifier 636aa, which remains displayed). Accordingly, one or more controls for a media processing style may also be used to adjust one or more parameters of the media processing style.

[0204] As shown in Figure 7D, in response to detecting the end of movement input 750a, the computer system 600 displays the reset control 722. Here, the computer system displays the reset control 722 because the value of the media processing style parameter is not the default value for the media processing style (e.g., because the current tone value 626a1b has been changed to "100" from the default value "0" for the standard style 634a). In Figure 7D, the computer system 600 detects a portion of movement input 750d on the warmth parameter control 626a2.

[0205] As shown in Figure 7E, in response to detecting the movement input 750d portion of Figure 7D, the computer system 600 ceases displaying the tone parameter control 626a1 and expands the warmth parameter control 626a2 (e.g., using one or more of the techniques described above in connection with expanding the tone parameter control 626a1 of Figures 7B-7C). In particular, in Figure 7E, the computer system 600 expands the warmth parameter control 626a2 and / or the warmth value range indicator 626a2c in a linear fashion. . WarmthWhen expanding the bulk parameter control 626a2, the computer system 600 increases the size of the warmth value range indicators 626a2c such that the markings on the warmth value range indicators 626a2c in Figure 7E are larger and further apart than the markings on the warmth value range indicators 626a2c in Figure 7A. Furthermore, the markings on the warmth value range indicators 626a2c in Figure 7E represent more values ​​than the markings on the warmth value range indicators 626a2c in Figure 7A (e.g., the warmth value range indicators 626a2c in Figure 7E have more markings than the warmth value range indicators 626a2c in Figure 7A). In other words, in response to detecting the portion of movement input 750d in Figure 7D, computer system 600 zooms in on warmth parameter control 626a2 and / or warmth value range indicator 626a2c (which, in some embodiments, makes it easier for a user to change the value of warmth parameter control 626a2). As shown in Figure 7E, in response to detecting movement input 750d in Figure 7D, computer system 600 displays current warmth value 626a2b in Figure 7E (e.g., "0") on the display at a different position on the display than the position at which current warmth value 626a2b in Figure 7A was displayed. While computer system 600 moves current warmth value 626a2b in Figure 7E, computer system 600 continues to display current warmth value 626a2b in Figure 7E in the center position of warmth value range indicator 626a2c (e.g., as current warmth value 626a2b in Figure 7A was displayed). Further, in response to detecting movement input 750d, computer system 600 moves warmth parameter identifier 626a2a to the right of computer system 600. In Figure 7E, computer system 600 detects another portion of rightward movement input 750d on warmth value range indicator 626a2c (e.g., while continuing to detect movement 750d).

[0206] As shown in FIG. 7F, in response to detecting a portion of the movement input 750d in FIG. 7E (e.g., moving to the right), the computer system 600 moves the scale of the warmth value range indicator 626a2c to the right (e.g., based on the magnitude of the movement input 750d detected in FIG. 7E) and updates the current warmth value 626a2b from "0" (e.g., FIG. 7E) to "-75" (e.g., FIG. 7F). As shown in FIG. 7F, in response to detecting a portion of the movement input 750d in FIG. 7E, the computer system 600 updates the appearance of the media processing style indicator 602b by changing the color of the media processing style indicator 602b (e.g., using one or more of the techniques described above in connection with FIG. 6L). In FIG. 7F, the computer system 600 increases the amount of light gray in the color of the media processing style indicator 602b based on the movement of the portion of the movement input 750d in FIG. 7E. Here, computer system 600 increases the amount of light gray (as opposed to, e.g., increasing the amount of dark gray as described above in connection with FIG. 6L) because the current value of the warmth control is decreasing. As shown in FIG. 7F, computer system 600 continues to display custom standard style identifier 636aa and the middle section displayed using custom standard style 634aa. In FIG. 7F, computer system 600 continues to display custom standard style identifier 636aa. However, in FIG. 7F, computer system 600 updates custom standard style identifier 636aa to include the words "rich contrast cool" instead of "rich contrast." Here, "cool" is added to custom standard style identifier 636aa because the current value of the warmth parameter decreased in response to detecting portion 750d of movement input 750d in FIG. 7E and / or because the current value of the warmth parameter (e.g., "-75") is less than the default value of the warmth parameter for standard style 634a (e.g., for which custom standard style 634aa was created).In Figure 7F, instead of adding a new custom standard media processing style (e.g., a custom standard media processing style different from the custom standard style 636aa shown in Figure 7E) to the set of available styles, the computer system 600 continues to display the custom standard style identifier 634aa because the computer system 600 is editing the parameters of the custom standard style identifier 636aa. Thus, in Figure 7F, the current warmth value 626a2b has changed from the default value for the standard style 634a (e.g., shown in Figure 6B), but the number of sets of available styles (e.g., as indicated by the paging dots 638) remains the same. When displaying the middle section using the custom standard style 634aa, the computer system 600 updates the middle section to reflect the change in warmth and / or the change in the value of the warmth parameter for the custom standard media processing style. For illustrative purposes only, custom standard style 634aa (e.g., FIG. 7F ) is shown with the same pattern (e.g., horizontal lines) as standard style 634a (e.g., FIG. 7B ) to indicate that custom standard style 634aa is a modified version of standard style 634a. However, the lines (e.g., dashed lines) of custom standard style 634aa in FIG. 7F differ from the lines (e.g., solid lines) of standard style 634aa in FIG. 7B and the lines (e.g., dotted lines) of custom standard style 634aa in FIG. 7E , indicating that custom standard style 634aa in FIG. 7F differs from standard style 634a in FIG. 7B and custom standard style 634aa in FIG. 7E . In some embodiments, in response to detecting portion of movement input 750d in FIG. 7E , computer system 600 does not update custom standard style 634aa in FIG. 7E , but adds an additional custom standard media processing style. In some embodiments, when displaying the additional custom standard media processing style, the computer system 600 displays the paging dot of the additional custom standard media processing style to the left and / or right of the custom standard paging dot 638aa and replaces the custom standard style identifier 636aa with the style identifier of the additional custom standard media processing style.In some embodiments, the computer system 600 adds the additional custom standard media processing style to the set of available styles in a position adjacent to one or more of the standard media processing styles and / or groups the additional custom standard media processing style with other standard media processing styles. In Figure 7F, the computer system 600 detects the end of the movement input 750d on the warmth value range indicator 626a2c.

[0207] As shown in Figure 7G, in response to detecting the end of movement input 750d, computer system 600 redisplays tone parameter control 626a1 and collapses warmth parameter control 626a2 (e.g., using one or more of the techniques described above in connection with Figure 7D). Because warmth parameter control 626a2 has been updated in response to detecting movement input 750d, computer system 600 displays an updated version of warmth parameter control 626a2, where current warmth value 626a2b in Figure 7G differs from current warmth value 626a2b in Figure 7D and warmth value range indicator 626a2c in Figure 7G differs from warmth value range indicator 626a2c in Figure 7D. In particular, in FIG. 7G , the warmth value range indicator 626a2c includes a set of expanded scale marks (e.g., 4) that represent the current warmth value 626a2b (e.g., “−75”) as it relates to the scale of the warmth value range indicator 626a2c (e.g., 75% of the scale marks to the left of the central scale (e.g., because the current warmth value 626a2b is a negative value) are expanded and filled to indicate that “−75” is a value that occupies 75% of the range below 0 (e.g., −100 to 0) on the scale of the warmth value range indicator 626a2c). In some embodiments, in response to detecting an input (e.g., a tap gesture) on the shutter control 610 of Figure 7G, the computer system 600 captures the media and applies the custom standard style 634aa of Figure 7G (rather than the standard style 634a) to the media (e.g., when displaying a representation of the media). In Figure 7G, the computer system 600 detects a portion of a movement input 750g on the warmth parameter control 626a2.

[0208] As shown in Figure 7H, in response to detecting a portion of the movement input 750g in Figure 7G, the computer system 600 ceases displaying the tone parameter control 626a1 and expands the warmth parameter control 626a2 (e.g., using one or more techniques such as those described above in connection with expanding the tone parameter control 626a1 in Figure 7D). In Figure 7H, the computer system 600 detects another portion of the movement input 750g to the left on the warmth parameter control 626a2.

[0209] As shown in Figure 7I, in response to detecting a portion of movement input 750g in Figure 7H (e.g., moving leftward), computer system 600 moves the scale of warmth value range indicator 626a2c to the left (e.g., based on the magnitude of the portion of movement input 750g detected in Figure 7H) and updates current warmth value 626a2b from "-75" (e.g., Figure 7H) to "0" (e.g., Figure 7I). As shown in Figure 7I, computer system 600 displays the middle section using custom standard style 634aa, custom standard style identifier 636aa, and media processing style indicator 602b in Figure 7I (e.g., "dotted line in Figure 7I") in the same manner as computer system 600 displays the middle section using custom standard style 634aa, custom standard style identifier 636aa, and media processing style indicator 602b in Figure 7D (e.g., "dotted line in Figure 7D"). In Figures 7D and 7I, the computer system 600 displays the middle section, custom standard style identifier 636aa, and media processing style indicator 602b in the same way because the current warmth value 626a2b in Figure 7I is the same value as the current warmth value 626a2b in Figure 7D and the current tone value 626a2b in Figure 7I (e.g., as shown in Figure 7J) is the same as the current tone value 626a2b in Figure 7D. In Figure 7I, the computer system 600 detects the end of the movement input 750g on the warmth value range indicator 626a2c.

[0210] As shown in Figure 7I, in response to detecting the end of movement input 750g, computer system 600 unhides tone parameter control 626a1 and collapses warmth parameter control 626a2 (e.g., using one or more techniques described above in connection with Figures 7D and 7I). In some embodiments, in response to detecting an input (e.g., a tap gesture) on shutter control 610 in Figure 7I, computer system 600 captures media and applies custom standard style 634aa of Figure 7I (rather than standard style 634a and / or custom standard style 634aa of Figure 7H) to the media (e.g., when displaying a representation of the media). In Figure 7J, computer system 600 detects leftward movement input 750j on live preview 630.

[0211] As shown in FIG. 7K, in response to detecting movement input 750j, computer system 600 transforms the available set of media processing styles to the left (e.g., using one or more of the techniques described above in connection with detecting movement input 650d in FIGS. 6E-6I) and displays the middle section using standard style 634a, the right section using custom standard style 634aa, and the left section using vibrant style 634b. In particular, in FIG. 7K, computer system 600 displays the middle section using standard style 634a because standard style 634a is positioned after custom standard style 634aa in the set of available media processing styles (e.g., the custom standard style 634aa that computer system 600 previously used to display the middle section in FIG. 7I). Similarly, computer system 600 displays the right section using vibrant style 634b because vibrant style 634b is positioned after standard style 634a in the set of available media processing styles. 7I and 7K, an input may be detected on the custom media processing style to display a portion of the live preview 630 using other media processing styles within the set of available media processing styles. As shown in FIG. 7K, in response to detecting movement input 750j, the computer system 600 replaces the custom standard style identifier 636aa of FIG. 7J with the standard style identifier 636aa. Further, in response to detecting movement input 750j, the computer system 600 updates the standard style control 626a such that the current tone value 626b1b is set to the default value for the standard style 634a (e.g., "0") and the current tone warmth 626b2b is set to the default value for the standard style 634a (e.g., "0") (e.g., to cease displaying the respective current values ​​of the custom standard style 634aa).7K, the computer system 600 also ceases displaying the reset control 722 because the current values ​​of the standard style 634a (e.g., the current tone value 626b1b and the current warmth value 626b2b are "0") are displayed (e.g., the default values ​​of the standard style 634a are displayed). In some embodiments, in response to detecting a movement input to the right, the computer system 600 re-displays the middle section using the custom standard style 634aa. In FIG. 7K, the computer system 600 detects a movement input 750k partially on the tone value range indicator 626a1c.

[0212] As shown in Figure 7L, in response to detecting a portion of the movement input 750k in Figure 7K (e.g., while standard style 634a is selected and / or while the middle section is displayed using standard style 634a), computer system 600 expands tone parameter control 626a1 and ceases to display warmth parameter control 626a2 (e.g., using one or more techniques such as those described above in connection with Figure 7B). In Figure 7L, computer system 600 detects another portion of the movement input 750k to the left on tone value range indicator 626a1c.

[0213] As shown in FIG. 7M, in response to detecting the portion of movement input 750k in FIG. 7L, computer system 600 (e.g., using one or more techniques described above in connection with FIG. 7C) shifts the scale of tone value range indicator 626a1c to the left (e.g., based on the magnitude of movement input 750k detected in FIG. 7L) and updates current tone value 626a1b from "0" (e.g., FIG. 7L) to "50" (e.g., FIG. 7M). In addition to updating current tone value 626a1b, computer system 600 replaces standard style identifier 636a with custom standard style identifier 636aa, displays custom standard paging dot 638aa as selected, and displays standard paging dot 638a as unselected. Notably, in FIG. 7M, computer system 600 updates the current values ​​of the tone parameters of custom standard style 634aa and does not update the current values ​​of the tone parameters of standard style 634a. Thus, in Figure 7M, the computer system 600 does not change how the standard style 634a is defined (and / or changes the current value of the standard style 634a). In Figure 7M, in response to detecting the portion of the movement input 750k in Figure 7L, the computer system 600 displays the middle section using the custom standard style 634aa. The custom standard style 634aa in Figure 7C has a reduced amount of tone (e.g., because the current tone value 626a1b in Figure 7M is lower than the previous value of the current tone value 626a1b shown in Figure 7J). For illustrative purposes only, the lines (e.g., crosses) of the custom standard style 634aa in Figure 7M differ from the lines (e.g., dotted lines) of the custom standard style 634aa in Figure 7J to indicate that one or more parameters of the custom standard style 634aa have changed.

[0214] As shown in FIG. 7M, in response to detecting the portion of the movement input 750k in FIG. 7L, the computer system 600 updates the appearance of the media processing style indicator 602b based on the current value of the tone parameter in FIG. 7M (e.g., “50”). Thus, using another technique as described above in connection with FIG. 6L, the line around the media processing style indicator 602b is updated to be approximately halfway around the media processing style indicator 602b. As shown in FIG. 7M, the custom standard style identifier 636aa includes the words “rich contrast” for reasons similar to those described above in connection with the custom standard style identifier 636aa in FIG. 7D. Comparing FIG. 7D and FIG. 7M, the computer system 600 displays the custom standard style identifier 636aa with the same words (“rich contrast”), even though the current value of the tone parameter in FIG. 7D was higher than the current value of the tone parameter in FIG. 7M. In some embodiments, computer system 600 displays custom standard style identifier 636aa of FIG. 7M including the word "richer" instead of "rich" (e.g., because the current value of the tone parameter of FIG. 7D is higher than the current value of the tone parameter of FIG. 7M and / or the current value of the tone parameter of FIG. 7D is higher than the default value of the tone parameter by more than a certain amount (e.g., "75"). In some embodiments, computer system 600 displays custom standard style identifier 636aa with the words "soft" and / or "softer" when the current value of the tone parameter is less than the default value. In FIG. 7M, computer system 600 displays tone value range indicator 626a1c top Detects the end of the movement input 750k.

[0215] As shown in FIGURE 7N, in response to detecting the end of movement input 750k, computer system 600 collapses tone parameter control 626a1 and redisplays warmth parameter control 626a2. Here, tone parameter control 626a1 and warmth parameter control 626a2 indicate the current values ​​of the tone and warmth parameters for custom standard style 634aa (e.g., current tone value 626a1b is "50" and current warmth value 626a2b is "0") (e.g., because custom standard style 634aa was selected and / or the middle section was displayed using custom standard style 634aa in response to detecting movement input 750k). In FIGURE 7N, computer system 600 detects movement input 750n on tone value range indicator 626a1c.

[0216] As shown in Figure 7O, in response to detecting movement input 750n in Figure 7N (e.g., while custom standard style 634aa is selected and / or while the middle section is displayed using custom standard style 634aa), computer system 600 expands tone parameter control 626a1 and ceases displaying warmth parameter control 626a2 (e.g., using one or more techniques such as those described above in connection with Figure 7B). In Figure 7O, computer system 600 detects another portion of rightward movement input 750n on tone value range indicator 626a1c.

[0217] As shown in FIG. 7P, in response to detecting a portion of movement input 750n in FIG. 7O, computer system 600 (e.g., using one or more techniques such as those described above in connection with FIG. 7C) 750n7A, the computer system 600 moves the scale of the tone value range indicator 626a1c to the right (based on the magnitude of the current tone value 626a1b) and updates the current tone value 626a1b from "50" (e.g., FIG. 7O) to "0" (e.g., FIG. 7P). In addition to updating the tone value 626a1b, the computer system 600 removes the custom standard style 634aa from the set of available media processing styles. Because both the current tone value 626a1b and the current warmth value 626a2b were set to their respective default values ​​for the standard media processing styles, the computer system 600 removes the custom standard style 634aa from the set of available media processing styles. Furthermore, because the custom standard style 634aa has been removed from the set of available media processing styles, the computer system 600 replaces the custom standard style identifier 636aa with the standard style identifier 636a and removes the custom standard paging dot 638aa from the paging dot 638. Thus, while displaying the standard style identifier 636a, the computer system 600 displays the middle section using the standard style 634a. Thus, the computer system 600 can delete a custom media processing style when the custom media processing for the individual media processing style is reset to (e.g., and / or no longer differs from) the default value for one or more of the media processing styles in the available set of media processing styles. In some embodiments, the movement input in FIG. 7O 750n In response to detecting the portion, the computer system 600 updates the tone parameters of the custom standard style 634aa and does not remove the custom standard style 634aa from the set of available media processing styles. 626a1c top The end of the movement input 750n is detected.

[0218] As shown in Figure 7Q, in response to detecting the end of movement input 750n, computer system 600 collapses tone parameter control 626a1 and redisplays warmth parameter control 626a2 (e.g., using one or more of the techniques described above in connection with Figures 7A and 7C). In Figure 7Q, computer system 600 detects movement input 750q on live preview 630.

[0219] As shown in FIG. 7R, in response to detecting movement input 750q, computer system 600 transforms the available set of media processing styles to the left (e.g., using one or more of the techniques described above in connection with detecting movement input 650d in FIGS. 6E-6I), displays the middle section using vintage style 634d, and displays the left section using luxury style 634c. Because vintage style 634d is the last media processing style in the set of available media processing styles (e.g., last on the right), computer system 600 displays the right section without using any media processing styles. 750q In response to detecting the 7Q The standard style identifier 636a is replaced with the vintage style identifier 636d. 750q In response to detecting a tap input 750r on the warmth parameter control 626d2, the computer system 600 replaces the standard style control 626a with a vintage style control 626d. The vintage style control 626d includes a tone parameter control 626d1 and a warmth parameter control 626d2, where the current tone value 626d1b (e.g., "10") and the current warmth value 626d2b (e.g., "50") are default values ​​for the individual parameters of the vintage style 634d (e.g., different from the default values ​​of other media processing styles in the set of available media processing styles). In FIG. 7R, the computer system 600 detects a tap input 750r on the warmth parameter control 626d2.

[0220] As shown in FIG. 7S, in response to detecting a tap input 750r, the computer system 600 expands the warmth parameter control 626d2 (e.g., using one or more similar techniques described above in connection with FIG. 7B) and ceases displaying the tone parameter control 626d1. While displaying the control 628 in FIG. 7S, the computer system 600 detects a tap input 750s on the control 628. As shown in FIG. 7T, in response to detecting the tap input 750s, the computer system contracts the warmth parameter control 626d2 (e.g., using one or more techniques described above in connection with FIG. 7D) and redisplays the tone parameter control 626d1. In FIG. 7T, the computer system 600 detects a portion of a movement input 750t on the warmth parameter control 626d2.

[0221] As shown in Figure 7U, in response to detecting a portion of the movement input 750t in Figure 7T, the computer system 600 expands the warmth parameter control 626d2 (e.g., using one or more similar techniques described above in connection with Figure 7B) and ceases displaying the tone parameter control 626d1. In Figure 7U, the computer system 600 detects another portion of the movement input 750t to the left on the warmth value range indicator 626d2c.

[0222] As shown in FIG. 7V, in response to detecting the movement input 750t portion in FIG. 7U, the computer system 600 shifts the scale of the warmth value range indicator 626d2c to the left and updates the current warmth value 626d2b from "50" (e.g., FIG. 7U) to "62" (e.g., FIG. 7V). In addition to updating the current tone value 626d1b, the computer system 600 replaces the vintage style identifier 636d with a custom vintage style identifier 636dd and adds a custom vintage paging dot 638dd to the left of the vintage paging dot 638d within the paging dot 638. In other words, in FIG. 7V, the computer system 600 adds a custom version of the vintage style 634d to the set of available styles in response to updating the current tone value 626d1b from the default value ("50") to a modified value (e.g., "62"). 7V, the computer system 600 does not update the default values ​​of the tone parameters of the vintage style 634d (e.g., as shown in FIG. 7X), but instead creates a modified version of the vintage style 634d with the updated values. Thus, in some embodiments, the user can later access the modified version of the vintage style 634d (e.g., custom vintage style 634dd).

[0223] As shown in FIG. 7V, in response to detecting the portion of movement input 750t in FIG. 7U, computer system 600 updates the middle section of live preview 630 so that the middle section is displayed using custom vintage style 634dd of FIG. 7V instead of using vintage style 634d of FIG. 7U. It should be understood that computer system 600 displays custom vintage style 634dd of FIG. 7V with an increased amount of warmth (e.g., 62) relative to the warmth of vintage style 634d (e.g., "50") to reflect the change in the value of the warmth parameter of the vintage media processing style. For illustrative purposes only, custom vintage style 634dd (e.g., in FIG. 7V) is shown with the same pattern (e.g., vertical lines) as vintage style 634d (e.g., in FIG. 7U) to indicate that custom vintage style 634dd is a modified version of vintage style 634d. However, the lines for the custom vintage style 634dd are shown dotted rather than solid, as are the lines for the vintage style 634d in FIG. 7U , to indicate that the custom vintage style 634dd differs from the vintage style 634d. Notably, in FIG. 7V , the custom vintage style identifier 636dd (e.g., 634dd if an input is detected) appears to the left of the vintage style identifier 636d (e.g., 634d) and does not appear to the left of the standard style identifier 636a (or 634a if an input is detected) (e.g., as indicated by paging dot 638). This is because the custom vintage style 634dd is a modified version of the vintage style 634d, not the standard style 634a. Thus, in some embodiments, the computer system 600 groups the custom individual media processing styles with non-custom (and / or unmodified) versions of the individual media processing styles.

[0224] Further, the computer system 600 displays the custom vintage style 634dd of FIG. 7V with an increased amount of warmth (e.g., 62) than the warmth (e.g., "50") of the vintage style 634d, and / or the custom vintage style identifier 636dd includes the word "warm" because the current value of the warmth parameter of FIG. 7V is greater than the default value of the warmth parameter of the vintage style 634d. Additionally, the computer system 600 updates the appearance of the media processing style indicator 602b by increasing the amount of dark gray in the color of the media processing style indicator 602b based on the movement characteristics of the portion of the movement input 750t (e.g., using one or more similar techniques described above in connection with FIGS. 6L and 7C). In FIG. 7V, the computer system 600 updates the warmth value range indicator 634dd of FIG. 7V with an increased amount of dark gray in the color of the media processing style indicator 602b. 626d2c top The end of the movement input 750t is detected.

[0225] As shown in Figure 7W, the movement input 750t In response to detecting the end of Tone Parameter Control 626d1 and collapse the Warmth parameter control 626d2. 750t In response to detecting the end of the input 750w, the computer system 600 also displays the reset control 722. In FIG.

[0226] As shown in FIG. 7W1 , in response to detecting tap input 750w, computer system 600 displays prompt 768 including the words “Reset to Vintage.” Here, prompt 768 includes the words “Reset to Vintage” to indicate that confirmation must be provided before the currently displayed style can be reset (e.g., via input). Here, the word “Vintage” refers to the media processing style applied to live preview 630 and / or to which the currently applied media processing style will be set in response to computer system 600 detecting a confirmation input. In FIG. 7W1 , computer system 600 detects input 750w1 on reset control 722. In some embodiments, computer system 600 detects tap input 750w1 on prompt 768 instead of reset control 722, and in response to detecting tap input 750w1 on prompt 768, performs the functionality described below with respect to detecting tap input 750w1 on reset control 722.

[0227] As shown in FIG. 7X, in response to detecting tap input 750w in FIG. 7W or tap input 750w1 in FIG. 7W1, computer system 600 removes custom vintage style 634dd from the set of available media processing styles. Furthermore, computer system 600 replaces custom vintage style identifier 636dd with vintage style identifier 636d and removes custom vintage paging dot 638dd from paging dot 638 because custom vintage style 634dd has been removed from the set of available media processing styles. Thus, while displaying vintage style identifier 636d, computer system 600 displays the middle section using vintage style 634d. Thus, computer system 600 can remove custom media processing styles when the custom media processing for the individual media processing style is reset to (e.g., and / or is no longer different from) default values ​​for one or more of the media processing styles in the available set of media processing styles. In some embodiments, in response to detecting tap input 750w in FIG. 7W or tap input 750w1 in FIG. 7W1, computer system 600 resets the parameters of the custom vintage media processing style and does not remove the custom vintage media processing style from the set of available media processing styles.

[0228] As shown in FIGS. 7A-7X, the computer system 600 displays a custom style identifier (e.g., a custom standard style identifier 634aa and / or a custom vintage style identifier 636dd) using words (and / or symbols and / or numbers) based on one or more current values ​​of one or more parameters. In some embodiments, when the current value of the tone parameter is above a median and / or default value (e.g., "0") (e.g., and / or a range of values ​​including the median and / or default value), the custom style identifier may include a first word, such as "rich." In some embodiments, when the current value of the tone parameter is below a median value, the custom style identifier may include a second word, such as "soft," that is different from the first word (e.g., opposite to and / or antonym of the first word). In some embodiments, when the current value of the warmth parameter is above a median value (e.g., "0"), the custom style identifier may include a third word (e.g., different from the first word and the second word), such as the word "warm." In some embodiments, when the current value of the warmth parameter is below the median value (e.g., "0"), the custom style identifier may include a fourth word (e.g., different from the first word, the second word, and the third word), such as the word "cool." In some embodiments, the third word is the opposite and / or antonym of the fourth word. Thus, in some embodiments, the custom style identifier may be a combination of words indicating the current values ​​of multiple parameters, such as "rich-warm," "rich-cool," "soft-warm," or "soft-cool." In some embodiments, when the current values ​​of both parameters are set to the median value, the custom style identifier may include a word such as "standard."In some embodiments, when the current value of one of the parameters is set to a median value and the current value of another parameter is not set to a median value, the custom style identifier includes a word indicating the parameter that is not currently set to a median value, but does not include a word indicating the parameter that is currently set to a median value, e.g., "rich" or "soft" if the tone parameter is not currently set to a median value and the warmth parameter is set to a median value, or "warmth" or "cool" if the warmth parameter is not currently set to a median value and the tone parameter is set to a median value. In some embodiments, the custom style identifier includes one or more words for one or more other parameters (e.g., a third parameter, a fourth parameter, a fifth parameter, etc.). Thus, when there is a third parameter (or fourth or fifth parameter) for the media processing style, the custom style identifier may include different words based on the current value of the third parameter (along with words for the first and / or second parameters (and the third and / or fourth parameters)) based on whether the third parameter is above / below a median value, such as "bright" (e.g., above the median) or "dull" (e.g., below the median) for the brightness parameter. In some embodiments, the custom style identifier may include words that identify a media processing style with particular values ​​of the tone parameter and the warmth parameter, such as "vivid" (e.g., as described above in connection with the vibrant style 634b in FIG. 6H ) having a default tone value of "80" and a default warmth value of "0" (e.g., the same as particular default values ​​of the "luxury" and / or "vintage" parameters described above).In some embodiments, the custom style identifier may include one or more additional words based on whether the parameter's current value is above / below the default value for the particular media processing style, such as "vivid-cool" when the current value of the parameter value is below "0," "vivid-warm" when the current value of the warmth parameter is above "0," "vivid-soft" when the current value of the tone parameter is below "80," "vivid-rich" when the current value of the tone parameter is above "80," or combinations thereof (e.g., "vivid-soft-rich," "vivid-soft-warm," "vivid-rich-warm," or "vivid-rich-cool"). In some embodiments, custom identifiers for other media processing styles (e.g., luxury 634c of FIG. 6M and / or vintage 634d of FIG. 7U) may use the same paradigm as described above in connection with vibrant style 634b. Additionally, the terms used to describe the current values ​​of the particular parameters above are merely exemplary, and one or more other terms may be used in place of the terms discussed above (e.g., "warm," "cool," "soft," "rich," "dull," "bright," "standard," "luxury," "vivid," and / or "vintage").

[0229] 8A-8C show exemplary user interfaces for selecting a media processing style using a computer system, according to some embodiments. The user interfaces in these figures are used to explain processes described below, including the processes in FIG. 9 and FIG. 10A-10B.

[0230] FIG. 8A shows computer system 600 displaying a settings user interface including settings 844. Settings 844 include media processing style settings 844a. In FIG. 8A, computer system 600 detects a tap input 850a on media processing style settings 844a. As shown in FIG. 8B, in response to detecting tap input 850a, computer system 600 displays media processing style user interface 810 including a representation of standard style 878a and a representation of vibrant style 878b. The representation of standard style 878a is a sample image (e.g., a stock image), and the representation of vibrant style 878b is a sample image. Each individual sample image for each style has a respective individual media processing style applied to it. 8B, paging dot 638 indicates that there are four available styles in the set of available styles: standard style 634a (e.g., corresponding to standard paging dot 638a), vibrant style 634b (e.g., corresponding to vibrant paging dot 638b), premium style 634c (e.g., corresponding to premium paging dot 638c), and vintage style 634d (e.g., corresponding to vintage paging dot 638d), as described above. In some embodiments, when user interface 810 is displayed while a custom media processing style is being added to the available set of media processing styles, computer system 600 displays paging dots and / or a representation for the custom media processing style.

[0231] As shown in Figure 8B, user interface 810 includes a region 814a that includes default values ​​for parameters of a standard style 878a and a media processing style (e.g., standard style 634a described above) that corresponds to the representation of selection control 816a. In some embodiments, in response to detecting an input on selection control 816a, computer system 600 sets standard style 634a as the currently selected media processing style (e.g., using one or more techniques described below in connection with Figure 8C). In Figure 8B, computer system 600 detects movement input 850b.

[0232] As shown in FIG. 8C, in response to detecting movement input 850b, computer system 600 shifts the media processing style representation to the left and displays the vibrant style 878b representation between a portion of the standard style 878a representation and a portion of the premium style 878c representation. 878bWith the representation in position on the display, computer system 600 replaces region 814a with 814b (e.g., as described above) that includes default values ​​for the parameters of vivid style 634b. In FIG. 8C , the computer system detects a tap input 850c on selection control 816b. In some embodiments, in response to detecting tap input 850c, the computer system sets vivid style 634b as the currently selected media processing style. In some embodiments, while vivid style 634b is the currently selected media processing style, computer system 600 uses vivid style 634b as the default media processing style to display representations of previously captured media, display a representation of the FOV (e.g., live preview 630), and / or capture media in the future. In some embodiments, while vivid style 634b is the currently selected media processing style, computer system 600 detects a request to redisplay the camera user interface, and in response to detecting the request, computer system 600 displays live preview 630 within the camera user interface using the currently selected media processing style (e.g., vivid style 634b). In some embodiments, while displaying live preview 630 using the currently selected media processing style, computer system 600 captures media and displays the media using the currently selected media processing style selected via user interface 810 (e.g., with an input such as tap input 850c).

[0233] 9 is a flow diagram illustrating a method for selecting a media processing style using a computer system, according to some embodiments. Method 900 is performed in a computer system (e.g., 100, 300, 500, 600) (e.g., a smartphone, desktop computer, laptop, and / or tablet) in communication with a display generation component (e.g., a display controller and / or a touch-sensitive display system) and one or more input devices (e.g., a touch-sensitive surface and / or a first camera of one or more cameras (e.g., one or more cameras (e.g., dual camera, triple camera, quad camera, etc.) on the same or different sides of the computer system (e.g., front camera and / or back camera)), the computer system). Some operations of method 900 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0234] As described below, method 900 provides an intuitive way to select a media processing style using a computer system. This method reduces the cognitive burden on a user selecting a media processing style using a computer system, thereby creating a more efficient human-machine interface. In the case of battery-operated computing devices, allowing a user to select a media processing style using a computer system more quickly and efficiently conserves power and increases the time between battery charges.

[0235] The computer system, via the display generation component, generates a style selection user interface (e.g., a media capture user interface, a media viewing user interface, and / or a media editing user interface) including representations (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) (e.g., images) (e.g., photographic media and / or video media) (e.g., live media, live preview (e.g., media corresponding to representations of one or more camera fields (e.g., current fields) that have not been stored / captured in response to detecting a request to capture media (e.g., detecting a selection of a shutter affordance (e.g., user interface object))), previously captured media (e.g., media corresponding to representations of one or more camera fields (e.g., previous fields) that have been captured), media items that have been saved and are later accessible by the user, and / or media (e.g., in a media gallery). ) display (902) a representation of the displayed media (e.g., information, data (which may be a representation of the field of view of one or more cameras of the computer system) being captured or captured by one or more cameras of the computer system) in response to receiving a gesture on a thumbnail representation of the media, and display a first portion (e.g., a middle section, left section, etc. of 630, 676a, 676b, 676c, 680c, and / or 680d) of the representation ( ... section, and / or part of the right section) and a second portion (e.g., the middle section, left section, and / or part of the right section of 630, 676a, 676b, 676c, 680c, and / or 680d) of the representation (630, 676a, 676b, 676c, 680c, and / or 680d) are displayed using (e.g., according to, with) the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., while operating in camera mode).In some embodiments, the first media processing style is one of a plurality of media processing styles (e.g., including a second media processing style and a third media processing style), and in some embodiments, each of the plurality of styles has the same set of parameters (e.g., parameters of the same type), but different values ​​for one or more parameters. In some embodiments, the set of parameters is a set of media processing parameters used to determine the appearance of the media (e.g., color characteristics (e.g., warmth, tone, hue, brightness, saturation, shade, tint, saturation, coolness, and / or harmony) and / or depth parameters) that is applied to the visual content of the media (e.g., affects the display of a representation of the media (e.g., changes one or more characteristics (e.g., color characteristics, depth characteristics) of the displayed representation of the media) (e.g., displays without using a second style applied to the visual content of the media). In some embodiments, the first portion and the second portion do not overlap, and / or the first portion does not encompass a subset of the second portion, and / or the second portion does not encompass a subset of the first portion. In some embodiments, the first portion and the second portion are distinct. In some embodiments, the media processing style also affects the capture of media captured while in a media capture (e.g., camera) application.

[0236] While a first portion of the representation (e.g., a portion of the middle section and / or the left section, right section of 630, 676a, 676b, 676c, 680c, and / or 680d) and a second portion of the representation (e.g., a portion of the middle section and / or the left section, right section of 630, 676a, 676b, 676c, 680c, and / or 680d) are displayed using a first media processing style (e.g., 634a-634d, 634aa, and / or 634dd), the computer system may input, via one or more input devices, the representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) (e.g., a movement input / gesture (e.g., a swipe input / gesture that includes a velocity at the end of the input / gesture, or a drag input / gesture that causes a change based on movement during the input / gesture)) (904) (and / or in some embodiments, a non-movement input / gesture, a tap input / gesture (e.g., a single tap input / gesture, a double tap input / gesture), and / or a press and hold input / gesture).

[0237] In response to detecting an input directed at a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) (and, in some embodiments, in response to determining that the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) is in a first direction (e.g., right, left, up, down, and / or diagonal) while continuing to detect the input (and while continuing to display the representation of the media)) (and in response to determining that the computer system is operating in a media processing style selection mode (e.g., a mode that enables a user to instruct the computer system to apply one or more media processing styles to media captured by the computer system after one or more media processing styles have been selected by the user), the computer system, via the display generation component, generates a second media processing style (e.g., to be applied to the visual content of the media, affecting the display of the representation of the media). For example, displaying a first portion of a representation (e.g., a portion of the middle section, left section, and / or right section of 630, 676a, 676b, 676c, 680c, and / or 680d) using a first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., without displaying the first portion of the representation using the first media processing style and / or a third media processing style (e.g., different from the first media processing style). (e.g., without displaying the second portion of the representation using the second media processing style and / or the third media processing style (e.g., without displaying visual elements corresponding to the third media processing style) while continuing to display the second portion of the representation (e.g., portions of the middle section, left section, and / or right section of 630, 676a, 676b, 676c, 680c, and / or 680d) using media processing styles 634d, 634aa, and / or 634dd). In some embodiments, the input includes a component of movement in the first direction.In some embodiments, the input is not detected at a location on the style selection user interface corresponding to the second media processing style and / or the input is not detected at a location on the style selection user interface corresponding to the first media processing style. In some embodiments, the input is not detected at a location on the style selection user interface corresponding to an edge and / or border of the second media processing style and / or the first media processing style. In some embodiments, the input is detected at a location on the style selection user interface corresponding to a central location (e.g., non-border / edge) of the first media processing style and / or the second media processing style.

[0238] As part of displaying the first portion of the representation using the second media processing style via the display generation component while continuing to display the second portion of the representation using the first media processing style, the computer system, in response to detecting a first portion of input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at the representation (the first portion of the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) having a first input magnitude (e.g., a first amount of movement in a first direction from the start of the input)), generates a second portion of the representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) with a first media processing style. displaying the first portion of the representation using the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., without using the first media processing style) while displaying a third portion between the first portion of the representation and the second portion of the representation (e.g., portions of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) using the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., without using the second media processing style) (908).

[0239] As part of displaying the first portion of the presentation using the second media processing style, while continuing to display the second portion of the presentation using the first media processing style via the presentation generation component, the computer system may, after displaying the first portion of the presentation using the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd), In response to detecting a second portion of an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at the representation (the second portion of the input having a second input magnitude (e.g., a second amount of movement in a first direction from a start of the input) greater than the magnitude of the first input) while a second portion of the representation (e.g., a portion of a center section, left section, and / or right section of 630, 676a, 676b, 676c, 680c, and / or 680d) and a third portion of the representation (e.g., a portion of a center section, left section, and / or right section of 630, 676a, 676b, 676c, 680c, and / or 680d) are displayed using a first media processing style (e.g., 634a-634d, 634aa, and / or 634dd), A first portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) and a third portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) are displayed using a second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) while a second portion (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) is displayed using a first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (910). In some embodiments, the first portion of the representation, the second portion of the representation, and the third portion of the representation do not overlap. Displaying different portions of the representation using distinct media processing styles based on the magnitude of the portion of the input directed at the representation allows a user to control the portions of the representation that are displayed using distinct media processing styles and provides visual feedback regarding how the distinct media processing styles affect the media representation of the portions of the representation that may be captured, which improves visual feedback.

[0240] In some embodiments, prior to detecting input (e.g., 650d, 650k1, 650k2, 750j, 750q) (including the first and second portions) directed at a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d), a first portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) and a second portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) are not displayed using the second media processing style.

[0241] In some embodiments, the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) is different from the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd). Displaying different portions of the representation using different respective media processing styles based on the magnitude of the portion of the input directed at the representation allows a user to control which portions of the representation are displayed using different respective media processing styles and provides visual feedback regarding how the different respective media processing styles affect the media representation of portions of the representation that may be captured differently, which improves visual feedback.

[0242] In some embodiments, in response to detecting a first portion of input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d), a second portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) and a third portion of the representation (e.g., a portion of the middle, left, and / or right sections of 630, 676a, 676b, 676c, 680c, and / or 680d) are not displayed using the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd). In some embodiments, in response to detecting the second portion of the input, the first portion of the representation and the third portion of the representation are not displayed using the first media processing style.

[0243] In some embodiments, the amount of a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) to which the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (and / or the first media processing style) is applied is based on (e.g., proportional to) the amount of movement (e.g., velocity, acceleration, and / or displacement (e.g., distance between two points (e.g., start point of input, end point of input)))) (and, in some embodiments, direction)) of an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at the representation. By displaying the amount of the representation to which the second media processing style is applied based on the amount of movement of the input directed at the representation, a user can control the amount of the representation to which a particular media processing style is applied depending on the amount of movement of the input, thereby providing additional control options without cluttering the user interface.

[0244] In some embodiments, in response to detecting an end of input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 650d of FIG. 6H ) (e.g., while the representation is being displayed using the first media processing style and the second media processing style) (and in accordance with a determination that the input is in a first direction), the computer system determines that more than a predetermined portion (e.g., 25%, 30%, 40%, 50%, 60%, 75%) of the representations (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) are displayed in the first media processing style (e.g., 634a-634d, 634aa, and 634b) at (e.g., simultaneously with, immediately before, and / or immediately after) the end of the input (e.g., 650d) directed at the representation. 6H ) (e.g., pursuant to a determination that the first portion (e.g., a middle section) of the representation (and, optionally, a second portion of the representation) is displayed using the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634b of FIG. 6H ) (e.g., pursuant to a determination that the second media processing style was applied to the particular portion of the representation (and / or the first media processing style was not applied) before the end of the input directed to the representation was detected), displaying the first portion (e.g., a middle section) of the representation (and, optionally, a second portion of the representation) using the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634b) (e.g., without displaying the first portion, second portion, and / or another portion of the representation using the second media processing style) (e.g., suddenly and / or immediately snapping into display after detecting the end of the input). In some embodiments, the predetermined portion of the representation is a larger portion of the representation displayed (e.g., currently displayed) using one particular media processing style than any other portion of the representation displayed using another media processing style.In some embodiments, in response to detecting an end of input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 650d of FIG. 6H ) (e.g., while the representation is being displayed using the first media processing style and the second media processing style) (and in accordance with a determination that the input is in a first direction), the computer system may, in accordance with a determination that less than a predetermined portion of the representation (e.g., 630) was displayed using the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) at the time (e.g., simultaneously with, immediately before, or immediately after) the end of the input (e.g., 650d) directed at the representation was detected, 6I) (e.g., without displaying the first portion, second portion, and / or another portion of the representation using the first media processing style), displaying (e.g., abruptly and / or immediately snapping into display after detecting the end of the input) a first portion (e.g., a middle section) of the representation (e.g., 630) (and, optionally, a second portion of the representation) using the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., as described above in connection with 634a of FIG. 6I) (e.g., without displaying the first portion, second portion, and / or another portion of the representation using the first media processing style), and / or pursuant to a determination that the second media processing style (and / or the first media processing style) had not been applied to a particular portion of the representation before the end of the input directed to the representation was detected. Automatically displaying a first portion of a representation and a second portion of a representation using a particular media processing style when a predetermined condition is met enables a computer system to automatically select one or more media processing styles to be applied to the representation of the media, and in response to detecting an end of input directed to the representation, provide visual feedback to a user as to which media processing style was selected to be applied to the representation of the media, which performs an action when a set of conditions is met without requiring further user input and provides improved visual feedback.

[0245] In some embodiments, in response to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) (e.g., 650k2) directed at the representation, following a determination that the input is in a second direction (e.g., right, left, up, down, and / or diagonal) that is different (e.g., opposite) from the first direction (e.g., opposite the first direction), the computer system may perform a media processing operation (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634b) while continuing to display the first portion of the representation using the first media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634b) (without displaying the first portion of the representation using the second media processing style and / or the third media processing style). and displaying the second portion of the representation using a third media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634a) (e.g., without displaying visual elements corresponding to the second media processing style (e.g., visual elements representing and / or appearing to be stylized edges or frame edges)), where the third media processing style is different from the first media processing style and the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., 634c). In some embodiments, the input includes a movement component in the second direction. In some embodiments, the first and second portions of media do not move position on the representation of the media (e.g., remain displayed in the same location). In some embodiments, the first media processing style, the second media processing style, and the third media processing style have the same set of parameters (e.g., parameters of the same type (e.g., as described below in connection with method 1000 and Figures 7A-7X)).In some embodiments, the first media processing style, the second media processing style, and the third media processing style differ because one or more values ​​of a set of parameters for each respective media processing style differ. In some embodiments, before detecting an input directed at the representation, the first portion includes a first object displayed using the first media processing style, and / or the second portion includes a second object displayed using the first media processing style. In some embodiments, in response to detecting an input directed at the representation, and while continuing to detect the input, in accordance with a determination that the input is in a first direction, the first object is displayed using the second media processing style, and in accordance with a determination that the input is in a second direction, the second object is displayed using the third media processing style and / or the first media processing style. In some embodiments, before the input is detected, visual elements corresponding to the second media processing style and visual elements corresponding to the third media processing style are displayed. Displaying a second portion of the representation using a third media processing style different from the first media processing style and the second media processing style in accordance with a determination that the input is in a second direction (e.g., different from the first direction) allows a user to control the portion of the representation that is displayed using a media processing style different from the first media processing style and the second media processing style, which provides additional control options without cluttering the user interface.

[0246] In some embodiments, in response to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d), and in response to determining that the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) is in a first orientation (e.g., in response to determining that an end of the input (e.g., lift-off) directed at the representation is detected (or in response to detecting an end of the input directed at the representation), and / or while the representation is displayed using the first media processing style and the second media processing style, the computer system corresponds to a fourth media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (before the input directed at the representation is detected). 660a, 660b) (e.g., indications such as text and / or symbols) (e.g., visual elements such as user interface objects (e.g., borders, shape outlines, and / or visual elements indicating that the representation may be displayed using the fourth media processing style) (e.g., visual elements that represent and / or appear to be style edges and / or frame edges) (e.g., while displaying the first portion of the representation and the second portion of the representation using the second media processing style) (without displaying visual elements corresponding to the fifth media processing style). In some embodiments, the visual elements corresponding to the fourth media processing style are displayed in a location / area of ​​the style selection user interface (e.g., at the right edge and / or left edge in the direction opposite to the first direction).In some embodiments, in response to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) and in response to determining that the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) is in a third direction (e.g., right, left, up, down, and / or diagonal) different from the first direction (opposite the first direction) (e.g., after the end of the input directed at the representation). Pursuant to a determination that a lift-off (e.g., lift-off) has been detected (e.g., while the representation is being displayed using the first media processing style and the third media processing style (e.g., as described above)), the computer system may display visual elements (e.g., 660a, 660b, 660c, 660d, 634aa, and / or 634dd) corresponding to the fifth media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., instructions such as text and / or symbols) (e.g., that were not displayed before the input directed at the representation was detected). b) displaying visual elements such as user interface objects (e.g., borders, outlines of shapes, and / or visual elements whose representations may be displayed using the fourth media processing style) (e.g., visual elements that represent and / or appear to be edges and / or edges of a frame in a style different from the fourth media processing style) (e.g., while displaying the first portion of the representation and the second portion of the representation using the third media processing style (e.g., as described above)) without displaying visual elements corresponding to the fourth media processing style. In some embodiments, the visual elements corresponding to the fourth media processing style are displayed at a first location on the style selection user interface (e.g., at an edge of the representation of the media), and the visual elements corresponding to the fifth media processing style are displayed at a second location on the style selection user interface that is different from the first location on the style selection user interface (e.g., at an edge of the representation of the media, opposite the first location).In some embodiments, visual elements corresponding to the fourth media processing style and / or visual elements corresponding to the fifth media processing style are displayed simultaneously with the visual elements corresponding to the first media processing style. In some embodiments, visual elements corresponding to the fifth media processing style are displayed in a location / area of ​​the style selection user interface that is different from the location / area of ​​the style selection user interface in which the visual elements corresponding to the fifth media processing style are displayed (e.g., on the right edge and / or the left edge in the direction opposite the third direction). Displaying visual elements corresponding to distinct styles based on the direction of input directed at the representation provides visual feedback to the user regarding styles that may be selected via additional input directed at the representation, which provides improved visual feedback.

[0247] In some embodiments, prior to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed to a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) (and in some embodiments while the first portion of the representation and the second portion of the representation are being displayed using the first media processing style), the style selection user interface selects a second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., visual elements that represent and / or appear as edges of a style and / or edges of a frame) and visual elements (e.g., 660a, 660b) that correspond to a sixth media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., visual elements that represent and / or appear as edges of a style and / or edges of a frame) In some embodiments, in response to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at the representation (e.g., following a determination that an end of the input has been detected or before or after the input directed at the representation has been detected), and in response to a determination that the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) is in the first orientation, the computer system ceases displaying visual elements (e.g., 660a, 660b) corresponding to the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) without displaying the representation (e.g., any portion of the representation) using the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., without applying the second media processing style to the representation of the media).In some embodiments, in response to detecting an input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at a representation (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) (e.g., following a determination that an end of the input has been detected or before or after the input directed at the representation has been detected), and following a determination that the input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) is in a fourth direction that is different from the first direction, the computer system ceases displaying visual elements (e.g., 660a, 660b) corresponding to the sixth media processing style without displaying the representations (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) (e.g., any portion thereof) using the sixth media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., without applying the sixth media processing style to the representation of the media). Ceasing to display the visual elements of the second media processing style without displaying a representation using the second media processing style in accordance with a determination that the input is in the first direction, or ceasing to display the visual elements corresponding to the sixth media processing style without displaying a representation using the sixth media processing style in accordance with a determination that the input is in a fourth direction different from the first direction, provides visual feedback to the user informing the user that the individual media processing style corresponding to the visual elements whose display was discontinued cannot be selected by input being provided in the particular direction and / or that the user needs to change the direction of the input in order for the individual media processing style to be selected, thereby providing improved visual feedback.

[0248] In some embodiments, input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed to a representation (e.g., 630, 676a, 676b, 676c, 680c, and / or 680d) may include (e.g., a portion thereof) of an instruction in the second media processing style (e.g., 634a-634d, 634aa, and / or 634dd) (e.g., a portion of a representation of media to be displayed using the second media processing style (and / or a third media processing style (e.g., as described above in connection with method 900), an instruction (e.g., one or more text / symbols), a portion of the second media processing style, and / or or is not detected in a visual element (e.g., a boundary of an object) representing the second media processing style. Displaying different portions of a presentation using distinct media processing styles in response to input that is not detected in an indication of the second media processing style allows a user to select a distinct media processing style via input without having to select an object representing the distinct media processing style and / or without having to display an object representing the distinct media processing style, which can clutter the UI, which provides additional control options without cluttering the user interface.

[0249] In some embodiments, the representation of the media is a representation (e.g., 676a, 676b, 676c, 680c, and / or 680d) of previously captured media (e.g., not a preview / view of the live camera field of view). In some embodiments, after detecting input (e.g., 650d, 650k1, 650k2, 750j, and / or 750q) directed at the representation, the computer system displays an option (e.g., 816a, 816b) to use the seventh media processing style (e.g., 634a-634d, 634aa, and / or 634dd) for the captured media in response to a future media capture request (e.g., a user interface object labeled "Use"). In some embodiments, while displaying an option (e.g., 816a, 816b) to use the seventh media processing style (e.g., 634a-634d, 634aa, and / or 634dd), the computer system detects an input (e.g., 850c) directed at the option to use the seventh media processing style (e.g., and / or apply the seventh media processing style to the media visual content) (e.g., in response to detecting a tap input (e.g., a tap gesture) (e.g., a single tap input, a double tap input) (and / or, in some embodiments, a non-tap input / gesture (e.g., a movement input / gesture, a press and hold input / gesture, a voice input)). In some embodiments, in response to detecting input (e.g., 850c) directed to an option to use the seventh media processing style, the computer system configures the computer system to use the seventh media processing style (e.g., for media captured in response to future media capture requests). In some embodiments, while the computer system (e.g., 600) is configured to use the seventh media processing style (e.g., for media captured in response to future media capture requests), the computer system detects a request to capture media (e.g., 650a described in connection with FIGS. 8A-8C).In some embodiments, in response to detecting a request to capture media (e.g., 650a described in connection with FIGS. 8A-8C) while the computer system is configured to use a seventh media processing style, the computer system captures the individual media. In some embodiments, after capturing the individual media (e.g., in response to a request to display the individual media), the computer system displays (e.g., as described in connection with FIGS. 8A-8C) a first user interface (e.g., 668) including a representation (e.g., 680c, 680d) of the individual media (e.g., previously captured media) (e.g., as described in connection with FIGS. 8A-8C). In some embodiments, the representation of the individual media is displayed in the first user interface (e.g., including a representation of the individual media) using the seventh media processing style. In some embodiments, the first user interface is displayed on a media gallery user in...

Claims

1. 1. A method comprising: A computer system in communication with a display generation component and one or more input devices, comprising: displaying, via the display generation component, a style selection user interface including a representation of the media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detecting input directed at the representation via the one or more input devices while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein displaying the first portion of the representation comprises: in response to detecting a first portion of the input directed at the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of the input directed to the representation, the second portion of the input having a second input magnitude greater than a magnitude of the first input, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

2. The method of claim 1 , wherein prior to detecting the input directed at the representation, the first portion of the representation and the second portion of the representation are not displayed using the second media processing style.

3. The method of claim 1 or 2, wherein the first media processing style is different from the second media processing style.

4. 4. The method of claim 1, wherein in response to detecting the first portion of the input directed to the representation, the second portion of the representation and the third portion of the representation are not displayed using the second media processing style.

5. The method of claim 1 , wherein an amount of the representation to which the second media processing style is applied is based on an amount of movement of the input directed towards the representation.

6. in response to detecting an end of the input directed to the representation; displaying the first portion of the representation using the first media processing style in accordance with a determination that more than a predetermined portion of the representation was displayed using the first media processing style when the end of the input directed to the representation was detected; 6. The method of claim 1 , further comprising: displaying the first portion of the representation using the second media processing style in accordance with a determination that less than the predetermined portion of the representation was displayed using the first media processing style when the end of the input directed to the representation was detected.

7. 7. The method of claim 1 , further comprising, in response to detecting the input directed at the representation and in accordance with a determination that the input is in a second direction different from the first direction, displaying the second portion of the representation using a third media processing style, the third media processing style being different from the first media processing style and the second media processing style, while continuing to display the first portion of the representation using the first media processing style.

8. in response to detecting the input directed to the representation; displaying a visual element corresponding to a fourth media processing style in response to determining that the input is in the first direction; and 8. The method of claim 1 , further comprising: displaying a visual element corresponding to a fifth media processing style different from the fourth media processing style in accordance with a determination that the input is in a third direction different from the first direction.

9. Prior to detecting the input directed to the representation, the style selection user interface includes a visual element corresponding to the second media processing style and a visual element corresponding to a sixth media processing style, and the method further comprises: in response to detecting the input directed to the representation; ceasing to display the visual element corresponding to the second media processing style without displaying the representation using the second media processing style in accordance with a determination that the input is in the first direction; 9. The method of claim 1, further comprising: according to a determination that the input is in a fourth direction different from the first direction, ceasing to display the visual elements corresponding to the sixth media processing style without displaying the representation using the sixth media processing style.

10. The method of claim 1 , wherein the input directed to the representation is not detected in the indication of the second media processing style.

11. The method of claim 1 , wherein the representation of the media is a representation of previously captured media.

12. displaying an option to use a seventh media processing style for captured media in response to a future media capture request after detecting the input directed at the representation; and detecting an input directed to the option using the seventh media processing style while displaying the option using the seventh media processing style; configuring the computer system to use the seventh media processing style in response to detecting the input directed to the option to use the seventh media processing style; detecting a request to capture media while the computer system is configured to use the seventh media processing style; capturing a respective media in response to detecting the request to capture media while the computer system is configured to use the seventh media processing style; and 12. The method of claim 11, further comprising: after capturing the respective media, displaying a first user interface including a representation of the respective media, the representation of the respective media being displayed in the first user interface using the seventh media processing style.

13. the computer system in communication with one or more cameras, including a first camera; The method of claim 1 , wherein the representation of the media includes a representation of at least a portion of a current field of view of at least the first camera.

14. displaying an option to use an eighth media processing style for captured media in response to a future media capture request after detecting the input directed at the representation; and detecting an input directed to the option using the eighth media processing style while displaying the option using the eighth media processing style; configuring the computer system to use the eighth media processing style in response to detecting the input directed to the option to use the eighth media processing style; detecting a second request to capture media while the computer system is configured to use the eighth media processing style; capturing a second separate piece of media in response to detecting the second request to capture media while the computer system is configured to use the eighth media processing style; and 14. The method of claim 13, further comprising: after capturing the second individual piece of media, displaying a second user interface including a representation of the second individual piece of media, the representation of the second individual piece of media being displayed in the second user interface using the eighth media processing style.

15. 15. The method of claim 1, wherein applying a distinct media processing style to captured media comprises applying a first set of operations to the captured media, and applying the distinct media processing style to a live preview of a portion of a field of view of one or more cameras comprises applying a second set of operations to the live preview.

16. 16. The method of claim 1 , wherein an identifier corresponding to the first media processing style is displayed while the first part of the representation and the second part of the representation are displayed using the first media processing style.

17. 17. The method of claim 1, wherein displaying the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style comprises displaying a divider between the first portion of the representation and the second portion of the representation.

18. The method of claim 1 , wherein the input directed to the representation is a movement input.

19. The computer system is in a first capture mode, and the method includes: detecting an input directed at the style selection user interface while displaying the style selection user interface and while the computer system is in the first capture mode; 19. The method of claim 1, further comprising: transitioning the computer system from the first capture mode to a different capture mode in response to detecting the input directed at the style selection user interface.

20. detecting a request to capture media after transitioning the computer system from the first capture mode to the different capture mode; In response to detecting the request to capture media, capturing media in the different capture mode based on a currently selected media processing style; capturing the media in the different capture mode using the first media processing style in accordance with a determination that the currently selected media processing style is the first media processing style; 20. The method of claim 19, further comprising: capturing the media in the different capture mode using the second media processing style in accordance with a determination that the currently selected media processing style is the second media processing style.

21. The computer system is in a third capture mode, and the method further comprises: detecting a request to display a second user interface including a second representation of the media after detecting the input directed to the representation; in response to detecting the request to display the second user interface including a second representation of the media, displaying the second user interface including the second representation of the media; Detecting an input directed to the second representation while displaying the second user interface; 21. The method of claim 1, further comprising: in response to detecting the input directed toward the second representation and in accordance with a determination that the computer system is not in a first media processing style selection mode, transitioning the computer system from the third capture mode to a fourth capture mode.

22. 22. The method of claim 21, further comprising, in response to detecting the input directed toward the second representation and in accordance with a determination that the computer system is in the first media processing style selection mode, maintaining the computer system in the third capture mode.

23. The method of claim 1 , wherein, prior to detecting the input directed to the representation, the style selection user interface includes a plurality of selectable user interface objects for the first media processing style.

24. in response to detecting the input directed toward the representation and in accordance with the determination that the input directed toward the representation is in the first direction; displaying a plurality of selectable user interface objects for the second media processing style and ceasing to display the plurality of selectable user interface objects for the first media processing style in response to a determination that the second media processing style has been applied to a fourth portion of the representation of the media; 24. The method of claim 23, further comprising: continuing to display the plurality of selectable user interface objects for the first media processing style without displaying the plurality of selectable user interface objects for the second media processing style in accordance with a determination that the second media processing style has not been applied to the fourth portion of the representation of the media.

25. 25. The method of claim 23 or 24, wherein the plurality of selectable user interface objects for the first media processing style are displayed at one or more locations on the representation of the media.

26. detecting a first request to capture media while the first media processing style is selected for use; capturing media with the first media processing style applied in response to detecting the first request to capture media; detecting a second request to capture media after capturing media with the first media processing style applied and while the second media processing style is selected for use; 26. The method of claim 1, further comprising: in response to detecting the second request to capture media, capturing media with the second media processing style applied.

27. in response to detecting the input directed to the representation and following a determination that an end of the input has been detected, displaying the first portion of the representation and the second portion of the representation using the second media processing style in accordance with a determination that the input directed to the representation satisfies one or more movement criteria; 27. The method of claim 1, further comprising: displaying the first portion of the representation and the second portion of the representation using the first media processing style in accordance with a determination that the input directed to the representation does not satisfy one or more movement criteria.

28. displaying the first portion of the representation and the second portion of the representation using the second media processing style after detecting the input directed at the representation; detecting a second input directed at the representation while the representation and the second portion of the representation are displayed using the second media processing style; 28. The method of claim 1, further comprising: in response to detecting the second input directed at the representation, displaying the first portion of the representation using a ninth media processing style while continuing to display the second portion of the representation using the second media processing style in accordance with a determination that the second input directed at the representation is in the first direction.

29. Displaying the first portion of the representation using the ninth media processing style while continuing to display the second portion of the representation using the second media processing style comprises:

29. The method of claim 28, comprising, in response to detecting a first portion of the second input directed to the representation, displaying the first portion of the representation using the ninth media processing style while the second portion of the representation and the third portion of the representation are displayed using the second media processing style.

30. in response to detecting the second input directed to the representation and following a determination that an end of the second input has been detected; displaying the first portion of the representation and the second portion of the representation using the ninth media processing style in accordance with a determination that the second input directed to the representation satisfies one or more movement criteria; 30. The method of claim 28 or 29, further comprising: displaying the first portion of the representation and the second portion of the representation using the second media processing style in accordance with a determination that the input directed to the representation does not satisfy one or more movement criteria.

31. displaying a user interface including a user interface object for displaying the style selection user interface displayed at a first discrete location within the user interface including a fourth representation of the media prior to displaying the style selection user interface including the representation of the media displayed using the first media processing style; detecting an input directed to the user interface object for displaying the style selection user interface while displaying the user interface object for displaying the style selection user interface; 31. The method of claim 1, further comprising: in response to detecting the input directed at the user interface object for displaying the style selection user interface, displaying a style selection user interface.

32. The style selection user interface includes a user interface object for controlling settings at a second discrete location within the style selection user interface, and the method further comprises: detecting an input directed to the second discrete location within the style selection user interface while displaying the style selection user interface and the user interface object for controlling the setting at the second discrete location; 32. The method of claim 1, further comprising: ceasing to display the style selection user interface in response to detecting the input directed to the second discrete location within the style selection user interface.

33. After displaying the style selection user interface, Receiving a request to display a camera user interface; and in response to receiving the request to display the camera user interface, displaying a camera user interface, the displaying comprising: a representation of the field of view of one or more cameras; and a separate user interface object that, when selected, causes the style selection user interface to be displayed, the separate user interface object including: displaying the individual user interface objects in a first appearance in accordance with a determination that the first media processing style is currently selected as a media processing style; and displaying the individual user interface object having a second appearance different from the first appearance in accordance with a determination that the second media processing style is currently selected as a media processing style.

34. The user interface includes a first user interface object displayed simultaneously with the first portion of the representation and the second portion of the representation displayed using the first media processing style, the method comprising: detecting input directed at the first user interface object via the one or more input devices while displaying the first portion of the representation and the first user interface object displayed simultaneously with the first portion of the representation displayed using the first media processing style and the second portion of the representation; 34. The method of claim 1, further comprising: in response to detecting the input directed at the first user interface object, displaying the first portion of the representation and the second portion of the representation without using the first media processing style.

35. The style selection user interface includes a selectable user interface object for capturing media, and the method includes: detecting an input directed to the selectable user interface object for capturing media while displaying the representation of the media using the first media processing style and the selectable user interface object for capturing media; 35. The method of claim 1, further comprising: in response to detecting the input directed at the selectable user interface object for capturing media, capturing media with the first media processing style applied.

36. 36. The method of claim 1, wherein displaying the first portion of the representation using the first media processing style comprises applying the first media processing style differently to one or more objects in the first portion of the representation than to a subset of the first portion that does not include the one or more objects.

37. 37. The method of claim 1, wherein the first media processing style is applied to the representation of the media based on one or more parameters selected from the group consisting of contrast, vividness, warmth, and combinations thereof.

38. detecting an end of the input directed to the representation while the second portion of the representation is displayed using the first media processing style and while the first portion of the representation and the third portion of the representation are displayed using the second media processing style; 38. The method of claim 1, further comprising: in response to detecting the end of the input directed to the representation, ceasing to display the second portion of the representation using the first media processing style and reducing visual prominence of a subset of the second portion of the representation.

39. detecting a third input directed toward the representation while the subset of the second portion of the representation is displayed with the reduced visual prominence; 40. The method of claim 38, further comprising: in response to detecting the third input directed at the representation, increasing the visual prominence of the subset of the second portion of the representation.

40. Displaying the representation of the media includes: in response to detecting a fourth input directed at the representation, a fourth portion of the representation is displayed using a tenth media processing style; and 40. The method of claim 1, comprising: in accordance with a determination that the representation of the media is not displayed using the tenth media processing style in response to detecting the fourth input directed at the representation, the fourth portion of the representation is displayed in a second appearance different from the first appearance.

41. 41. The method of claim 1 , wherein prior to detecting the input directed at the representation and while displaying the first portion of the representation and the second portion of the representation using the first media processing style, a sixth portion of the representation of the media is displayed using the first media processing style.

42. 42. The method of claim 1, wherein prior to detecting the input directed at the representation and while displaying the first portion of the representation and the second portion of the representation using the first media processing style, a seventh portion of the representation of the media is not displayed using the first media processing style.

43. 43. The method of claim 42, further comprising: in response to detecting the input directed at the representation, displaying an animation of the seventh portion of the representation of the media transitioning from a state where it is not displayed using the first media processing style to a state where it is displayed using the first media processing style.

44. displaying a user interface object that enables a second media processing style selection mode prior to displaying the style selection user interface, wherein the first portion of the representation and the second portion of the representation are displayed using the first media processing style applied to the visual content of the media; detecting an input directed at the user interface object enabling the second media processing style selection mode while displaying the user interface object enabling the second media processing style selection mode; 44. The method of claim 1, further comprising: in response to detecting the input directed at the user interface object that enables the second media processing style selection mode, displaying a separate user interface that includes simultaneously displaying a representation of previously captured media with the first media processing style applied and a representation of previously captured media with the second media processing style applied.

45. 45. A method according to any one of claims 1 to 44, wherein the style selection user interface includes a first style mode user interface object that, when selected, causes the style selection user interface to be displayed, the first style mode user interface object being displayed simultaneously with one or more camera settings user interface objects.

46. The style selection user interface includes a second style mode user interface object that, when selected, causes the style selection user interface to be displayed, and the method further comprises: displaying the second style mode user interface object in a third appearance while displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style; 46. ​​The method of claim 1, further comprising: after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting the second portion of the input directed at the representation, changing the second style mode user interface object from being displayed in the third appearance to being displayed in a fourth appearance different from the third appearance.

47. Changing the second style mode user interface object from being displayed in the third appearance to being displayed in the fourth appearance includes: modifying a display of a first visual aspect of the second style mode user interface object in accordance with a determination that a value of a first parameter of the first media processing style differs from a value of the first parameter of the second media processing style; and modifying a display of a second visual aspect of the second style mode user interface object, the second visual aspect differing from the first visual aspect, in accordance with a determination that the first parameter differs from a second parameter and a value of the second parameter of the first media processing style differs from a value of the second parameter of the second media processing style.

48. The computer system is configured to store media in a first file format, and the method includes: while the computer system is configured to capture and store media in the first file format and while the second style mode user interface object is actively displayed, detecting a request to configure the computer system to capture and store media in a second file format, different from the first file format; 48. The method of claim 46 or 47, further comprising: in response to detecting the request to configure the computer system to capture and store media in the second file format, ceasing to display the active second style mode user interface object.

49. 49. A non-transitory computer readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs including instructions for performing the method of any one of claims 1 to 48.

50. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; 49. A computer system comprising: said one or more programs comprising instructions for performing the method of any one of claims 1 to 48.

51. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising:

49. A computer system comprising means for carrying out the method of any one of claims 1 to 48.

52. 49. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs including instructions for performing the method of any one of claims 1 to 48.

53. 1. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs comprising: displaying, via the display generation component, a style selection user interface including a representation of the media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detecting input directed at the representation via the one or more input devices while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; 11. A non-transitory computer-readable storage medium comprising: in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein displaying the first portion of the representation comprises: in response to detecting a first portion of the input directed at the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of the input directed to the representation, the second portion of the input having a second input magnitude greater than a magnitude of the first input, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

54. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; 11. A computer system comprising: displaying, via the display generation component, a style selection user interface including a representation of the media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detecting input directed at the representation via the one or more input devices while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; 11. A computer system comprising: instructions for, in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein displaying the first portion of the representation comprises: in response to detecting a first portion of the input directed at the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of the input directed to the representation, the second portion of the input having a second input magnitude greater than a magnitude of the first input, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

55. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: means for displaying, via the display generation component, a style selection user interface including a representation of the media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; means for detecting input directed at the representation via the one or more input devices while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; in response to detecting the input directed at the representation and according to a determination that the input is in a first direction, means for displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein the means for displaying the first portion of the representation comprises: means for, in response to detecting a first portion of the input directed at the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; means for displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, after displaying the first portion of the representation using the second media processing style and in response to detecting a second portion of the input directed to the representation, the second portion of the input having a second input magnitude greater than a magnitude of the first input, while the second portion of the representation is displayed using the first media processing style.

56. 1. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising: displaying, via the display generation component, a style selection user interface including a representation of the media, where a first portion of the representation and a second portion of the representation are displayed using a first media processing style applied to visual content of the media; detecting input directed at the representation via the one or more input devices while the first portion of the representation and the second portion of the representation are displayed using the first media processing style; 11. A computer program product comprising: instructions for, in response to detecting the input directed at the representation and in accordance with a determination that the input is in a first direction, displaying, via the display generation component, the first portion of the representation using the second media processing style while continuing to display the second portion of the representation using the first media processing style, wherein displaying the first portion of the representation comprises: in response to detecting a first portion of the input directed at the representation, the first portion of the input having a first input magnitude, displaying the first portion of the representation using the second media processing style while a second portion of the representation and a third portion of the representation between the first portion of the representation and the second portion of the representation are displayed using the first media processing style; after displaying the first portion of the representation using the second media processing style while the second portion of the representation and the third portion of the representation are displayed using the first media processing style, and in response to detecting a second portion of the input directed to the representation, the second portion of the input having a second input magnitude greater than a magnitude of the first input, displaying the first portion of the representation and the third portion of the representation using the second media processing style while the second portion of the representation is displayed using the first media processing style.

57. 1. A method comprising: A computer system in communication with a display generation component and one or more input devices, comprising: displaying, via the display generation component, a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; While displaying the representation of the media using the first media processing style, via the display generation component, a plurality of selectable user interface objects for the first media processing style, a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; simultaneously displaying a plurality of selectable user interface objects, the selectable user interface object including a second selectable user interface object for editing a second parameter different from the first parameter of the first media processing style, the second selectable user interface object being displayed with a representation of a current value of the second parameter of the first media processing style; detecting, while displaying the plurality of selectable user interface objects for the first media processing style, an input directed at the plurality of selectable user interface objects for the first media processing style via the one or more input devices; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style; displaying, via the display generation component, a first control for adjusting the current value of the first parameter in accordance with determining that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style; and displaying, via the display generating component, a second control for adjusting the current value of the second parameter in accordance with a determination that the input is directed to the second user interface object that edits the second parameter of the first media processing style.

58. displaying the first control includes displaying a second representation of the current value of the first parameter of the first media processing style; 58. The method of claim 57, wherein displaying the second control comprises displaying a second representation of the current value of the second parameter of the first media processing style.

59. while displaying the representation of the media using the first media processing style and the plurality of selectable user interface objects for the first media processing style, detecting a request to display the representation of the media using a second media processing style applied to visual content of the media; 59. The method of claim 57 or 58, further comprising: ceasing to display the plurality of selectable user interface objects for the first media processing style in response to detecting the request to display the representation of the media using the second media processing style applied to visual content of the media.

60. 60. The method of claim 57, wherein displaying, via the display generation component, the first control for adjusting the current value of the first parameter comprises extending the first selectable user interface object for editing the first parameter of the first media processing style.

61. detecting, via the display generation component, an end of the input directed to the plurality of selectable user interface objects for the first media processing style while displaying the first control for adjusting the current value of the first parameter; 61. The method of claim 57, further comprising: in response to detecting an end of the input directed to the plurality of selectable user interface objects for the first media processing style, reducing a size of the first control for adjusting the current value for the first parameter.

62. Prior to detecting the input directed to the plurality of selectable user interface objects for the first media processing style, the current value for the first parameter is a first value, and the method further comprises: detecting, via the display generation component, an end of the input directed to the plurality of selectable user interface objects for the first media processing style while displaying the first control for adjusting the current value of the first parameter; 62. The method of claim 57, further comprising: in response to detecting an end of the input directed to the plurality of selectable user interface objects for the first media processing style, displaying the representation of the current value of the first parameter, the current value being a second value different from the first value.

63. the first selectable user interface object for editing the first parameter is displayed with a first representation of a first range of values ​​of the first parameter, the first range of values ​​having a first distance between a first point in the first representation of the first range of values ​​representing a first value and a second point in the first representation of the first range of values ​​representing a second value; 63. The method of any one of claims 57 to 62, wherein displaying the first control includes displaying a second representation of a range of values, the range of values ​​having a second distance between a first point in the second representation of the range of values ​​representing the first value and a second point in the second representation of the range of values ​​representing the second value, the second distance being greater than the first distance.

64. the first control is displayed with a third representation of a third range of values ​​of the first parameter, the third range of values ​​having a third distance between a first point in the third representation of the third range of values ​​representing a third value and a second point in the third representation of the third range of values ​​representing a fourth value, and the method further comprises: detecting, while displaying, via the display generation component, the first control with the third representation of the third range of values ​​of the first parameter, an end of the input directed to the plurality of selectable user interface objects for the first media processing style; 64. The method of claim 57, further comprising: in response to detecting an end of the input directed to the plurality of selectable user interface objects for the first media processing style, displaying the first selectable user interface object for editing the first parameter in a fifth representation of a range of values ​​having a fourth distance between a first point in the fifth representation of the range of values ​​representing the third value and a second point in the fifth representation of the range of values ​​representing the fourth value, the fourth distance being smaller than the third distance.

65. 65. The method of claim 57, further comprising: in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style, moving the second control for adjusting the current value of the second parameter from a first location on a user interface to a second location on the user interface.

66. 65. The method of claim 57, further comprising ceasing to display the second control for adjusting the current value of the second parameter in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that the input is directed to the first selectable user interface object that edits the first parameter of the first media processing style.

67. While displaying the representation of the media using the first media processing style and prior to detecting the input directed to the plurality of selectable user interface objects for the first media processing style, a first identifier corresponding to the first media processing style is displayed, the method further comprising: in response to detecting the input directed to the plurality of selectable user interface objects of the first media processing style; 67. The method of any one of claims 57 to 66, further comprising: displaying a second identifier corresponding to a third media processing style, the second identifier being different from the first identifier, in accordance with a determination that the current value of the first parameter has changed to a value different from a default value of the first parameter for the first media processing style.

68. The user interface includes a selectable user interface object for resetting one or more parameters of the first media processing style, and the method further comprises: detecting, while displaying the selectable user interface object that resets one or more parameters of the first media processing style, an input directed to the selectable user interface object that resets the one or more parameters of the first media processing style; in response to detecting the input directed to the selectable user interface object that resets the one or more parameters of the first media processing style. displaying the representation of the current value of the first parameter of the first media processing style as a second default value of the first parameter of the first media processing style; 68. The method of claim 57, further comprising: displaying the representation of the current value of the second parameter of the first media processing style as a second default value of the second parameter of the first media processing style.

69. 69. The method of claim 68, further comprising, in response to detecting the input directed at the selectable user interface object for resetting the one or more parameters of the first media processing style, displaying an animation in which the current value of the first parameter of the first media processing style changes to the second default value of the first parameter of the first media processing style.

70. 69. The method of claim 68, further comprising, in response to detecting the input directed at the selectable user interface object for resetting the one or more parameters of the first media processing style, displaying a prompt to confirm resetting the one or more parameters of the first media processing style.

71. 71. The method of claim 70, wherein the prompt is displayed with instructions on how at least one of the one or more parameters of the first media processing style is reset.

72. prior to detecting the input directed at the selectable user interface object for resetting the one or more parameters of the first media processing style, displaying a first style mode user interface object that, when selected, causes either a first selected media processing style to be applied or causes the presentation to be displayed without applying the first selected individual media processing style, the first style mode user interface object being displayed with a first appearance based on the current value of the first parameter of the first media processing style; 72. The method of claim 68, further comprising: in response to detecting the input directed at the selectable user interface object that resets the one or more parameters of the first media processing style, displaying an animation of the first style mode user interface object transitioning from being displayed in the first appearance based on the current value of the first parameter of the first media processing style to being displayed in a second appearance based on the second default value of the first parameter of the first media processing style.

73. 73. The method of any one of claims 57 to 72, further comprising, while displaying the first control for adjusting the current value of the first parameter and in response to detecting an input movement directed toward the first control, changing the current value of the first parameter from a third value of the first parameter to a fourth value of the first parameter.

74. 74. The method of claim 73, further comprising, in response to detecting the movement of the input directed to the first control while displaying the first control for adjusting the current value of the first parameter, displaying a second representation of media using a modified first media processing style, the second representation of the media using the modified first media processing style being different from the representation of the media using the first media processing style.

75. detecting a first request to capture media while displaying the representation of the media using the first media processing style; capturing a first media in response to detecting the first request to capture media; detecting a second request to capture media while displaying the second representation of media using the first media processing style; capturing a second media in response to detecting the first request to capture media; After capturing the first media and the second media, displaying a representation of the first media having the first media processing style; and 75. The method of claim 74, further comprising: displaying a representation of the second media having the modified first media processing style.

76. the user interface includes a second selectable user interface object for capturing media; detecting an input directed to the second selectable user interface object for capturing media while displaying the representation of the media using the first media processing style and the second selectable user interface object for capturing media; 76. The method of claim 57, further comprising: in response to detecting the input directed at the second selectable user interface object for capturing media, capturing a third media having the first media processing style applied thereto.

77. 77. The method of any one of claims 57 to 76, wherein displaying the representation using the first media processing style comprises applying the first media processing style differently to one or more objects in a first portion of the representation than to a second portion of the representation that does not include the one or more objects.

78. detecting a first input directed at the representation of the media via the one or more input devices while displaying the plurality of selectable user interface objects for the first media processing style; in response to detecting the first input directed at the representation of the media; 78. The method of any one of claims 57 to 77, further comprising displaying a representation of a current value of a first parameter in a fourth media processing style and ceasing to display the representation of the current value of the first parameter in the first media processing style.

79. 79. The method of claim 78, wherein displaying the representation of the current value of the first parameter of the fourth media processing style comprises displaying an animation of changing the representation of the current value of the first parameter of the first media processing style to the representation of the current value of the first parameter of the fourth media processing style.

80. detecting a second input directed at the representation of the media via the one or more input devices while displaying the plurality of selectable user interface objects for the first media processing style; displaying a portion of the representation of the media using a fifth media processing style in response to detecting the second input directed at the representation of the media; 80. The method of claim 57, further comprising: while displaying the portion of the representation of the media using the fifth media processing style, displaying a representation of a current value of a first parameter in the fifth media processing style and ceasing to display the representation of the current value of the first parameter in the first media processing style in accordance with a determination that the portion of the representation of the media using the fifth media processing style is greater than a threshold amount of the representation.

81. 81. The method of claim 57, further comprising: in response to detecting the input directed at the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that at least one current value of one or more parameters of the first media processing style differs from one or more default values ​​of the one or more parameters of the first media processing style, adding a first custom media processing style different from the first media processing style to a set of available media processing styles.

82. while the set of available media processing styles includes the first custom media processing style, detecting a first request to modify one or more parameters of the first custom media processing style; 82. The method of claim 81, further comprising: removing the first custom media processing style from the set of available media processing styles in response to detecting the first request to modify the one or more parameters of the first custom media processing style and in accordance with a determination that the first custom media processing style will be the same as one or more other available media processing styles after the first request is implemented.

83. displaying a respective user interface including a respective representation of media displayed using the respective media processing style after adding the first custom media processing style to the set of available media processing styles; while displaying the individual user interface including the individual representation of media displayed using the individual media processing style, and while the set of available media processing styles includes the first custom media processing style, detecting a request to display the individual representation of media using a next available media processing style from the set of available media processing styles; in response to detecting the request to display the respective representation of the media using the next available media processing style while the respective representation of the media is being displayed using the respective media processing style; displaying at least a portion of the personalized representation of the media using the first custom media processing style in accordance with a determination that the personalized media processing style is the first media processing style; 83. The method of claim 81 or 82, further comprising: refraining from displaying at least a portion of the individual representation of the media using the first custom media processing style in accordance with a determination that the individual media processing style is not the first media processing style.

84. detecting a second request to modify one or more parameters of the first custom media processing style while the set of available media processing styles includes the first custom media processing style; 84. The method of claim 81, further comprising: updating the one or more parameters of the first custom media processing style in response to detecting the second request to change the one or more parameters of the first custom media processing style.

85. detecting a third request to modify one or more parameters of the first custom media processing style while the set of available media processing styles includes the first custom media processing style; and in response to detecting the third request to modify the one or more parameters of the first custom media processing style, 84. The method of any one of claims 81 to 83, further comprising adding a second custom media processing style to the set of available media processing styles without updating the one or more parameters of the first custom media processing style.

86. the first custom media processing style and the second custom media processing style have a same individual text identifier, and the method further comprises: while displaying a user interface including said representation of media; displaying the same distinct text identifier concurrently with an indication of a parameter of the first custom media processing style in response to a determination that the first custom media processing style has been applied to the representation of the media; and 86. The method of claim 85, further comprising: displaying the same individual text identifier simultaneously with an indication of the parameters for the second custom media processing style pursuant to a determination that the second custom media processing style has been applied to the representation of the media, wherein the indication of the parameters for the first custom media processing style is different from the indication of the parameters for the second custom media processing style.

87. in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style and in accordance with a determination that at least one current value of one or more parameters for the first media processing style differs from one or more default values ​​of the one or more parameters for the first media processing style. displaying a first text identifier for the first custom media processing style in response to a determination that a first difference between the at least one current value of the one or more parameters for the first media processing style and the one or more default values ​​of the one or more parameters for the first media processing style is a first difference; 87. The method of claim 81, further comprising: displaying a second text identifier for the first custom media processing style that is different from the first text identifier in accordance with a determination that a difference between the at least one current value of the one or more parameters for the first custom media processing style and the one or more default values ​​of the one or more parameters for the first media processing style is a second difference that is different from the first difference.

88. The first media processing style has a third text identifier different from the first text identifier and the second text identifier, and the method further comprises: detecting a third request to modify one or more parameters of the first custom media processing style while the set of available media processing styles includes the first custom media processing style; and 88. The method of claim 87, further comprising: displaying the third text identifier in response to detecting the third request to change the one or more parameters of the first custom media processing style and in accordance with a determination that the first custom media processing style is the same as one or more other available media processing styles after the first request is implemented.

89. 89. The method of any one of claims 57 to 88, wherein the plurality of selectable user interface objects for the first media processing style are displayed in response to detecting the request to edit the first media processing style.

90. The user interface including the representation of the media includes a second style mode user interface object that, when selected, causes the representation to be displayed with a second selected media processing style applied, and the method further comprises: Detecting a discrete input; 90. The method of any one of claims 57 to 89, further comprising: modifying a first appearance of the second style mode user interface object in response to detecting the individual input and in accordance with a determination that the individual input is directed to the first control that adjusts the current value of the first parameter.

91. 91. The method of claim 90, wherein the first appearance of the second style mode user interface object is changed gradually as the current value of the first parameter is modified.

92. Modifying the first appearance of the second style mode user interface object includes: updating a first visual aspect of the second style mode user interface object in a first manner in accordance with a determination that the discrete input is in a first direction; 92. The method of claim 90 or 91, further comprising: updating the first visual appearance in a second manner different from the first manner in accordance with a determination that the distinct input is in a second direction different from the first direction.

93. modifying the first appearance of the second style mode user interface object includes displaying the second style mode user interface object with a visual element that is an open shape having an opening; in response to a determination that the discrete input sets a second current value of the first parameter to a maximum value of the first parameter, the opening is on a first side of the open configuration; 93. The method of any one of claims 87 to 92, wherein the opening is on a second side of the open shape that is different from the first side in accordance with a determination that the individual input sets the second current value of the first parameter to a minimum value of the first parameter that is different from the maximum value of the first parameter.

94. 94. The method of any one of claims 87 to 93, wherein modifying an appearance of the second style mode user interface object comprises modifying a display of a third visual aspect of the second style mode user interface object.

95. 95. The method of claim 94, further comprising: modifying a second appearance of the second style mode user interface object in response to detecting the individual input and in accordance with a determination that the individual input is directed to the first control for adjusting the current value of the first parameter, wherein modifying the second appearance of the second style mode user interface object comprises changing a display of a fourth visual aspect of the second style mode user interface object, the fourth visual aspect being different from the third visual aspect.

96. 96. A non-transitory computer readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs including instructions for performing the method of any one of claims 57 to 95.

97. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; 96. A computer system comprising: said one or more programs comprising instructions for performing the method of any one of claims 57 to 95.

98. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising:

96. A computer system comprising means for carrying out the method of any one of claims 57 to 95.

99. 96. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs including instructions for performing the method of any one of claims 57 to 95.

100. 1. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs comprising: displaying, via the display generation component, a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; While displaying the representation of the media using the first media processing style, via the display generation component, a plurality of selectable user interface objects for the first media processing style, a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; a second selectable user interface object displayed with a representation of a current value of the second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style; detecting, while displaying the plurality of selectable user interface objects for the first media processing style, input directed at the plurality of selectable user interface objects for the first media processing style via the one or more input devices; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style; displaying, via the display generation component, a first control for adjusting the current value of the first parameter in accordance with determining that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style; and, in accordance with a determination that the input is directed to the second user interface object that edits the second parameter of the first media processing style, displaying, via the display generating component, a second control for adjusting the current value of the second parameter.

101. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; 11. A computer system comprising: displaying, via the display generation component, a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; While displaying the representation of the media using the first media processing style, via the display generation component, a plurality of selectable user interface objects for the first media processing style, a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; a second selectable user interface object displayed with a representation of a current value of the second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style; detecting, while displaying the plurality of selectable user interface objects for the first media processing style, input directed at the plurality of selectable user interface objects for the first media processing style via the one or more input devices; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style; displaying, via the display generation component, a first control for adjusting the current value of the first parameter in accordance with determining that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style; and instructions for displaying, via the display generating component, a second control for adjusting the current value of the second parameter in accordance with a determination that the input is directed to the second user interface object that edits the second parameter of the first media processing style.

102. 1. A computer system configured to communicate with a display generation component and one or more input devices, comprising: means for displaying, via the display generation component, a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; While displaying the representation of the media using the first media processing style, via the display generation component, a plurality of selectable user interface objects for the first media processing style, a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; a second selectable user interface object displayed with a representation of a current value of the second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style; and means for detecting, while displaying the plurality of selectable user interface objects for the first media processing style, an input directed to the plurality of selectable user interface objects for the first media processing style via the one or more input devices; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style; displaying, via the display generation component, a first control for adjusting the current value of the first parameter in accordance with determining that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style; and means for displaying, via the display generating component, a second control for adjusting the current value of the second parameter in accordance with a determination that the input is directed to the second user interface object that edits the second parameter of the first media processing style.

103. 1. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising: displaying, via the display generation component, a user interface including a representation of the media, the representation being displayed using a first media processing style applied to visual content of the media; While displaying the representation of the media using the first media processing style, via the display generation component, a plurality of selectable user interface objects for the first media processing style, a first selectable user interface object for editing a first parameter of the first media processing style, the first selectable user interface object being displayed with a representation of a current value of the first parameter of the first media processing style; a second selectable user interface object displayed with a representation of a current value of the second parameter of the first media processing style, the second parameter being different from the first parameter of the first media processing style; detecting, while displaying the plurality of selectable user interface objects for the first media processing style, input directed at the plurality of selectable user interface objects for the first media processing style via the one or more input devices; in response to detecting the input directed to the plurality of selectable user interface objects for the first media processing style; displaying, via the display generation component, a first control for adjusting the current value of the first parameter in accordance with determining that the input is directed to the first selectable user interface object for editing the first parameter of the first media processing style; and instructions for displaying, via the display generation component, a second control for adjusting the current value of the second parameter in accordance with a determination that the input is directed to the second user interface object that edits the second parameter of the first media processing style.

Images