Screen locking image display method, electronic equipment and readable storage medium

Abstract

The invention discloses a screen locking image display method, electronic equipment and a readable storage medium, and belongs to the technical field of terminals. The method is applied to the electronic equipment, and comprises the following steps: in response to a startup operation on the electronic equipment, acquiring configuration information of a screen locking interface; displaying a currently applied target depth-of-field screen locking image in a screen locking interface according to the configuration information; wherein the target depth-of-field lock screen image comprises an image main body and a background image, and when the target depth-of-field lock screen image is displayed in the lock screen interface, part of the system time indicator is located on the lower layer of the level where the image main body is located, and the system time indicator is located on the upper layer of the level where the background image is located. According to the method and the device, under the condition that the lock screen image is the depth-of-field image, a layering effect can be presented in the lock screen interface, so that personalized and diversified setting of the lock screen image and attractiveness of the lock screen interface are reflected.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to a method for displaying a lock screen image, an electronic device, and a readable storage medium. Background Art

[0002] With the development of terminal technology, the basic functions of electronic devices are becoming more and more complete. With the improvement of the basic functions of electronic devices, users' other requirements for electronic devices are gradually increasing. For example, users are paying more and more attention to the personalized settings of electronic devices. Since the lock screen image of an electronic device can usually reflect the personality and preferences of the user, more and more users hope to have a personalized lock screen image. Summary of the invention

[0003] The present application provides a lock screen image display method, electronic device and readable storage medium, which can enhance the personalization of lock screen image display. The technical solution is as follows:

[0004] In a first aspect, a method for displaying a lock screen image is provided, which is applied to an electronic device, and the method includes:

[0005] In response to a power-on operation on the electronic device, obtaining configuration information of a lock screen interface;

[0006] Displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information;

[0007] Among them, the target depth of field lock screen image includes an image body and a background image, and when the target depth of field lock screen image is displayed in the lock screen interface, part of the system time indicator is located at the lower layer of the level where the image body is located, and the system time indicator is located at the upper layer of the level where the background image is located.

[0008] In this way, when the lock screen image is a depth of field image, a layered effect can be presented in the lock screen interface, thereby reflecting the personalized and diversified settings of the lock screen image and the aesthetics of the lock screen interface.

[0009] As an example of the present application, the lock screen interface also includes a fingerprint recognition view, the fingerprint recognition view is located at the top layer of the lock screen interface, and the fingerprint recognition view is used to indicate the fingerprint pressing area in the lock screen interface.

[0010] In this way, by setting the fingerprint recognition view at the top of the lock screen interface, the fingerprint recognition view is prevented from being blocked by other views.

[0011] As an example of the present application, the lock screen interface also includes a notification bar, and the layer where the notification bar is displayed is located at the top layer of the lock screen interface, and the notification bar and the fingerprint recognition view do not overlap in the lock screen interface.

[0012] In this way, by setting the notification bar and the fingerprint recognition view not to overlap, it is ensured that neither the notification bar nor the fingerprint recognition view will be blocked, thereby improving the aesthetics and reliability of the interface.

[0013] As an example of the present application, the lock screen interface also includes a system status bar, and the level at which the system status bar is located is between the level at which the background image is located and the level at which the system time indicator is located.

[0014] In this way, the layer where the system status bar is located is set between the layer where the background image is located and the layer where the system time indicator is located, thereby avoiding the system status bar from blocking other interface elements in the lock screen interface.

[0015] As an example of the present application, the lock screen interface also includes at least one function control, the level where the at least one function control is located is located above the level where the image body is located, and each function control in the at least one function control is a control of the function of any application.

[0016] In this way, by displaying at least one function control on the upper layer of the image body, the user can implement the function of the corresponding application by triggering the function control without entering the desktop, thereby improving human-computer interactivity.

[0017] As an example of the present application, the lock screen interface also includes a multi-account selection control, and the level where the multi-account selection control is located is located above the level where the image body is located. Each account selection control in the multi-account selection control is used to indicate the account information for logging into the electronic device.

[0018] In this way, by displaying the layer where the multi-account selection control is located above the layer where the image main body is located, the multi-account selection control is prevented from being blocked by the image main body.

[0019] As an example of the present application, the target depth of field lock screen image is added to a magazine lock screen data list when being applied, and the magazine lock screen data list includes at least one magazine lock screen image;

[0020] After displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information, the method further includes:

[0021] Receiving a horizontal sliding operation on the lock screen interface;

[0022] When the magazine lock screen function of the electronic device is turned on, in response to the horizontal sliding operation, a magazine lock screen image adjacent to the target depth of field lock screen image is displayed, the adjacent magazine lock screen image is a lock screen image in the magazine lock screen resource that is adjacent to the target depth of field lock screen image and corresponds to the sliding direction of the horizontal sliding operation, and each magazine lock screen image in the magazine lock screen resource is displayed in the lock screen interface at a level below the layer where the system time indicator is located.

[0023] In this way, when the target depth of field lock screen image is displayed, other lock screen images can be displayed through a horizontal sliding operation, thereby increasing the display richness of the lock screen image and improving the personalization of the lock screen interface.

[0024] As an example of the present application, after displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information, the method further includes:

[0025] Receiving a vertical sliding operation on the lock screen interface;

[0026] In response to the vertical sliding operation, the display of the system time indicator is canceled, and an edit control and a system widget control are displayed, wherein the levels of the edit control and the system widget control are both located above the level of the image body.

[0027] In this way, by canceling the display of the system time indicator, display space is reserved for other interface elements, thereby improving the display aesthetics.

[0028] As an example of the present application, in response to the vertical sliding operation, after canceling the display of the system time indicator and displaying the edit control and the system widget control, the method further includes:

[0029] Receiving a trigger operation on the edit control;

[0030] In response to the trigger operation, an editing interface is displayed on the currently displayed lock screen image, and the editing interface is used to edit the currently displayed lock screen image.

[0031] In this way, by displaying the editing interface, the user can edit the currently displayed lock screen interface, thereby improving human-computer interactivity.

[0032] As an example of the present application, displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information includes:

[0033] The configuration information includes the layout position of each interface element in the lock screen interface in the lock screen interface;

[0034] The displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information includes:

[0035] Obtaining the layout positions of the background image and the image subject in the target depth-of-field lock screen image in the lock screen interface;

[0036] The target depth-of-field lock screen image is displayed in the lock screen interface according to the layout positions of the background image and the image body in the lock screen interface.

[0037] In this way, by the layout positions of the background image and the image subject in the lock screen interface, the background image and the image subject can be accurately displayed in the lock screen interface, thereby improving the aesthetics of the lock screen interface.

[0038] In a second aspect, an electronic device is provided, wherein the structure of the electronic device includes a processor and a memory, wherein the memory is used to store a program that supports the electronic device to execute the method for displaying a lock screen image provided in the first aspect, and to store data involved in implementing the method for displaying a lock screen image described in the first aspect. The processor is configured to execute the program stored in the memory. The electronic device may also include a communication bus, which is used to establish a connection between the processor and the memory.

[0039] In a third aspect, a computer-readable storage medium is provided, wherein instructions are stored in the computer-readable storage medium, and when the computer-readable storage medium is executed on a computer, the computer executes the method for displaying a lock screen image described in the first aspect.

[0040] In a fourth aspect, a computer program product comprising instructions is provided, which, when executed on a computer, enables the computer to execute the method for displaying a lock screen image as described in the first aspect.

[0041] The technical effects obtained by the above-mentioned second aspect, third aspect and fourth aspect are similar to the technical effects obtained by the corresponding technical means in the above-mentioned first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] Figure 1 This is a schematic diagram of an interface of a depth of field lock screen image provided in an embodiment of the present application;

[0043] Figure 2 It is a schematic diagram of an application scenario provided by an embodiment of the present application;

[0044] Figure 3 is a schematic diagram of another application scenario provided by an embodiment of the present application;

[0045] Figure 4 It is a schematic diagram of an application scenario provided by an embodiment of the present application;

[0046] Figure 5 is a schematic diagram of another application scenario provided by an embodiment of the present application;

[0047] Figure 6 It is a schematic diagram of an application scenario provided by an embodiment of the present application;

[0048] Figure 7 is a schematic diagram of another application scenario provided by an embodiment of the present application;

[0049] Figure 8 It is a schematic diagram of an application scenario provided by an embodiment of the present application;

[0050] Fig. 9 is a schematic diagram of another application scenario provided by an embodiment of the present application;

[0051] Fig.10 is a schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application;

[0052] Fig.11 It is a schematic diagram of a framework for displaying a lock screen image provided by an embodiment of the present application;

[0053] Fig.12 This is a schematic diagram of a display initialization process for a lock screen image provided by an embodiment of the present application;

[0054] Fig.13 It is a flow chart of adding detailed information of a custom depth of field lock screen image to a magazine lock screen data list provided by an embodiment of the present application;

[0055] Fig.14 It is a flow chart of adding detailed information of a theme depth of field lock screen image to a magazine lock screen data list provided by an embodiment of the present application;

[0056] Fig.15 It is a schematic diagram of a process for updating a view in a background view page component provided by an embodiment of the present application;

[0057] Fig.16 It is a schematic diagram of a process of updating a view in a foreground view page component provided by an embodiment of the present application;

[0058] Fig.17 This is a flowchart of a method for displaying a lock screen image provided by an embodiment of the present application;

[0059] Fig.18 It is a schematic diagram of the layout of interface elements in the lock screen interface provided in an embodiment of the present application;

[0060] Fig.19It is a flowchart of another method for displaying a lock screen image provided in an embodiment of the present application;

[0061] Fig. 20 is a schematic diagram of a view switching display provided by an embodiment of the present application;

[0062] Fig.21 It is a structural schematic diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0063] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below in conjunction with the accompanying drawings.

[0064] It should be understood that the "multiple" mentioned in this application refers to two or more. In the description of this application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in order to facilitate the clear description of the technical solution of this application, the words "first" and "second" are used to distinguish between the same items or similar items with basically the same functions and effects. Those skilled in the art can understand that the words "first" and "second" do not limit the quantity and execution order, and the words "first" and "second" do not limit them to be different.

[0065] References to "one embodiment" or "some embodiments" etc. described in the specification of this application mean that one or more embodiments of the present application include specific features, structures or characteristics described in conjunction with the embodiment. Therefore, the statements "in one embodiment", "in some embodiments", "in some other embodiments", "in some other embodiments", etc. that appear in different places in this specification do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "including", "comprising", "having" and their variations all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

[0066] Before introducing in detail the method for displaying a lock screen image provided in an embodiment of the present application, a brief introduction to the custom vocabulary and terms involved in the embodiment of the present application is first given.

[0067] Lock screen interface: refers to the user interface that is first displayed when the electronic device is locked with a password after the system is restarted or the screen is turned on again after being turned off.

[0068] Lock screen image: is the image applied to the lock screen interface. Users can usually set the lock screen image from the theme, or they can customize the lock screen image from the gallery.

[0069] Depth of field lock screen image: refers to an image with depth of field capability (referred to as depth of field image) as the lock screen image. The depth of field image includes a foreground image and a background image. When the depth of field image is displayed in the lock screen interface, the foreground image is displayed above the level of the system time indicator and partially blocks the system time indicator. For example, see Figure 1 , Figure 1 is a schematic diagram of a depth-of-field lock screen image according to an exemplary embodiment, wherein part of the time information is partially blocked by the foreground image (ie, the image subject A).

[0070] Theme: refers to the interface style presented by the electronic device, including but not limited to: desktop images, lock screen images and other content. Users can set their favorite themes in electronic devices. When different themes are applied to electronic devices, the interface styles presented by the electronic devices are different. Theme-related lock screen images usually include dynamic lock screen images, depth of field lock screen images, etc. Dynamic lock screen images refer to lock screen images with dynamic effects. As an example, the depth of field lock screen image applied from the theme can be referred to as the theme depth of field lock screen image.

[0071] Customized lock screen image: usually refers to an image in the gallery application that is used as the lock screen image. Customized lock screen images usually include customized normal lock screen images and customized depth of field lock screen images. Among them, the customized depth of field lock screen image refers to an image with depth of field capability selected by the user from the gallery application as the lock screen image; the customized normal lock screen image usually refers to an image without depth of field capability, that is, the customized normal lock screen image refers to an ordinary image selected by the user from the gallery application as the lock screen image.

[0072] Magazine lock screen: refers to providing multiple different magazine lock screen images for electronic devices. When the magazine lock screen function is turned on, when the electronic device is in the lock screen state and the screen is on, one of the multiple magazine lock screen images is displayed in the lock screen interface, and when the user slides left or right in the lock screen interface, in response to the user's sliding operation, the electronic device can display the next or previous magazine lock screen image in the lock screen interface. These magazine lock screen images can come from one or more of the local preset resources, cloud resources, or resources manually added by the user.

[0073] In one application scenario, in order to reflect their personal style, users usually personalize the electronic device when using it, for example, they can set the lock screen image of the electronic device. Currently, the lock screen images usually include static lock screen images, magazine lock screen images and dynamic lock screen images. In order to further enhance the personalization of the lock screen images, users hope that the lock screen images can be further diversified.

[0074] In order to enhance the personalization and diversification of lock screen images, an embodiment of the present application provides a method for displaying lock screen images, in which the lock screen image of an electronic device may be a depth of field image, and when the lock screen image is a depth of field image, some system time indicators in the lock screen interface are located at a lower layer than the layer where the image subject of the depth of field image is located, and the system time indicator is located at an upper layer than the layer where the background image of the depth of field image is located. Since the lock screen image is a depth of field image, a layered effect can be presented in the lock screen interface, thereby reflecting the personalization and diversification of the lock screen image and the aesthetics of the lock screen interface.

[0075] To facilitate understanding, the following uses a mobile phone as an example to introduce application scenarios involved in the embodiments of the present application.

[0076] Please refer to Figure 2 , Figure 2 is a schematic diagram of an application scenario according to an exemplary embodiment. In another application scenario, if the user wants the lock screen image of the mobile phone to present a depth of field effect, the user can set the depth of field image as the lock screen image through the theme application. Figure 2 In Figure (a), the user can click on the application identifier of the setting application; the mobile phone responds to the click operation on the application identifier of the setting application by displaying the following Figure 2 In the setting interface C1 shown in FIG. (b), the user can click the "wallpaper" option in the setting interface; in response to the click operation on the "wallpaper" option, the mobile phone can display the following Figure 2 In the wallpaper setting interface 2 shown in FIG. (c) of FIG. 1 , the wallpaper setting interface C2 displays the type of lock screen image options, for example, the "wallpaper" option (this option is usually an option for a static lock screen image), the "theme" option, the "magazine lock screen" option, etc., and the user can click the "theme" option. In response to the click operation on the "theme" option, the mobile phone displays the following Figure 2The theme selection interface C3 shown in FIG. (d) in FIG. 1 displays lock screen images corresponding to different themes. For example, dynamic images named “Wandering (dynamic)”, “Forest (dynamic)” and “Stars (dynamic)” corresponding to the dynamic image theme, and depth-of-field images named “People (depth of field)” corresponding to the depth-of-field image theme are displayed. The user can select the depth-of-field image named “People (depth of field)” as the lock screen image. In response to the selection operation of the depth-of-field image named “People (depth of field)”, the mobile phone displays the following: Figure 2 In the preset theme interface C4 shown in FIG. (e) of FIG. 1 , if the user decides to use the depth of field image as the lock screen image, the user clicks the "Apply" option in the preset theme interface; in response to the click operation on the "Apply" option, the mobile phone can store the depth of field image as the lock screen image; thereafter, when the mobile phone displays the lock screen interface, the lock screen interface of the mobile phone can be as shown in FIG. Figure 2 As shown in Figure (f). Figure 2 In Figure (f), after the phone screen is turned on, the set theme depth of field lock screen image is displayed in the lock screen interface. The theme depth of field lock screen image includes a foreground image, that is, image subject A. Image subject A is on the upper layer of the system time indicator and partially covers the system time indicator.

[0077] In another possible scenario, in response to a click operation on the "Apply" option, the mobile phone may display a first prompt message, where the first prompt message is used to prompt the user that the selected depth of field image has been set as a lock screen image.

[0078] Please refer to Figure 3 , Figure 3 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, the depth of field image in the lock screen image may also be a user-defined image, see Figure 3 In Figure (a), the user can click on the application logo of the gallery application; the mobile phone responds to the click operation on the application logo of the gallery application by displaying the following Figure 3 The gallery preview interface C5 shown in FIG. (b) in FIG. 1 can display thumbnails of multiple stored images. The user can select one of the thumbnails and set the image corresponding to the selected thumbnail as the lock screen image. For example, the user can long-press the thumbnail of the selected image H. In response to the long-press operation on the thumbnail of image H, the following is displayed: Figure 3 In the editing window C6 shown in FIG. (c), the editing window C6 displays a "Set as wallpaper" option; the user can click the "Set as wallpaper" option, and in response to the click operation on the "Set as wallpaper" option, the mobile phone can store the selected image H as a lock screen image. Later, when the mobile phone displays the lock screen interface, if the image H is an image with depth of field capability, the lock screen interface of the mobile phone can be as follows: Figure 3 As shown in Figure (d). Figure 3 In Figure (d), after the phone screen is turned on, the lock screen interface displays the custom depth of field lock screen image that is set. The custom depth of field lock screen image includes a foreground image, that is, image subject A. Image subject A is on the upper layer of the system time indicator and partially covers the system time indicator.

[0079] In another possible case, the mobile phone can follow the above Figure 3 In the manner shown, when image H is an image with depth of field capability, it is automatically displayed in the lock screen interface in the form of depth of field effect. Of course, the user can also select the display effect of image H during the process of setting the lock screen image. Figure 4 In the case of the editing window C6 shown in FIG. (a), the user clicks the "Set as wallpaper" option; in response to the click operation on the "Set as wallpaper" option, when the image H is an image with depth of field capability, the mobile phone displays the following Figure 4 The display effect selection window C7 shown in FIG. (b) of FIG. 10 can be used to select an image H from the display effect selection window C7 as the display effect when the lock screen image is displayed. If the user clicks the "depth of field effect display" option, then in response to the click operation on the "depth of field effect display" option, the mobile phone can store the selected image H as the lock screen image. Afterwards, when the mobile phone displays the lock screen interface, the lock screen interface of the mobile phone can be as follows: Figure 4 As shown in Figure (c).

[0080] In another possible scenario, see Figure 4 In (d) of FIG. 1 , if the user clicks the "static effect display" option, then in response to the click operation on the "depth of field effect display" option, the mobile phone can store the selected image H as the lock screen image. Afterwards, when the mobile phone displays the lock screen interface, the lock screen interface of the mobile phone can be as follows: Figure 4 As shown in Figure (e), in the lock screen interface, image H is displayed below the system time indicator, that is, image H does not block the system time indicator.

[0081] In another possible scenario, when the mobile phone is storing the image H as the lock screen image, the second prompt information may be displayed, where the second prompt information is used to prompt the user that the selected image has been set as the lock screen image.

[0082] Please refer to Figure 5 , Figure 5 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, when a mobile phone displays a depth of field image in a lock screen interface, refer to Figure 5In (a) of FIG. 1 , the user can perform a horizontal sliding operation in the lock screen interface, for example, sliding the lock screen interface to the left; in response to the operation of sliding the lock screen interface to the left, see Figure 5 In (b) of FIG. 1 , the mobile phone displays a magazine lock screen image M, and the level at which the magazine lock screen image M is located is located below the level at which the system time indicator is located. The magazine lock screen image M and the depth of field image are adjacent to each other in the magazine lock screen resource, and when the depth of field image is applied, the detailed information of the depth of field image is added to the magazine lock screen data list.

[0083] It should be noted that after the detailed information of the depth of field image is added to the magazine lock screen data list, there are detailed information of two magazine lock screen images in the magazine lock screen data list that are adjacent to the detailed information of the depth of field image. In some examples, the depth of field image and these two magazine lock screen images can be said to be adjacent in the magazine lock screen resources.

[0084] Please refer to Figure 6 , Figure 6 FIG. 1 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, when a mobile phone displays a depth of field image in a lock screen interface, a user can perform a vertical sliding operation in the lock screen interface, for example, Figure 6 In (a) of FIG. 1 , the user can slide the lock screen interface upward; in response to the operation of sliding the lock screen interface upward, see Figure 6 In the figure (b), the mobile phone cancels the display of the system time indicator and displays the editing control and the system widget control, for example, the recording control D, the calculator control E, the flashlight control F, the compass control G, etc. In this case, if the user needs to edit the depth of field image, the user can click the editing control C8; in response to the click operation on the editing control C8, see Figure 6 As shown in Figure (c), the mobile phone can display the editing interface C9 on the currently displayed lock screen image.

[0085] Please refer to Figure 7 , Figure 7 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, when the depth of field image is displayed in the lock screen interface, if a notification message from any application is received, for example, a notification message from a weather application is received, a notification bar C10 may be displayed in the lock screen interface, and the notification message is displayed in the notification bar C10. The notification bar may be displayed at the top of the lock screen interface.

[0086] Please refer to Figure 8 , Figure 8 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, when a fingerprint recognition module is provided in an electronic device and the mobile phone is set to be unlocked by fingerprint, the mobile phone can display the following information in response to the screen light operation: Figure 8 The lock screen interface shown in the figure has a lock screen image that is a depth of field image, and a fingerprint recognition view C11 is displayed in the lock screen interface. The fingerprint recognition view C11 is used to indicate the fingerprint pressing area, that is, the fingerprint recognition view C11 is used to prompt the user of the location of the area for fingerprint recognition. The fingerprint recognition view C11 is located at the top layer of the lock screen interface, and the fingerprint recognition view C11 does not overlap with the notification bar C10 in the lock screen interface.

[0087] Please refer to Fig. 9 , Fig. 9 is a schematic diagram of another application scenario according to an exemplary embodiment. In another application scenario, when a mobile phone is set with multiple account information, for example, including account A1 and account B1, if the mobile phone displays a lock screen interface, then the lock screen interface may also display two account selection controls, and if the lock screen image in the lock screen interface is a depth of field image, then the level where the two account selection controls are located is located above the level where the image body A is located.

[0088] It should be noted that, in the embodiments of the present application, only the above Figure 2-Figure 9 The application scenario shown is used as an example for illustration and does not constitute a limitation on the embodiments of the present application.

[0089] Next, the software system architecture of the electronic device is explained.

[0090] The software system of the electronic device may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The embodiment of the present application takes the Android system of the layered architecture as an example to exemplify the software system of the electronic device.

[0091] Fig.10 is a block diagram of a software system of an electronic device provided in an embodiment of the present application. Fig.10 The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom, namely, the application layer, the application framework layer, the Android runtime (Android runtime) and the system layer, and the kernel layer.

[0092] The application layer can include a series of application packages. Fig.10 As shown, the application layer may include system applications (System UI), theme applications, gallery applications, and other applications.

[0093] System UI is the first user-visible application during the system startup process of an electronic device, such as the lock screen interface displayed after the electronic device is turned on, and the desktop and status bar displayed after unlocking. System UI is a set of UI components that provide users with system-level information display and interaction, and can be used to control the display of lock screen images and desktop images. In an embodiment of the present application, System UI can be used to interact with a theme application or a gallery application to display the set depth of field lock screen image in the lock screen interface after the screen is turned on when a depth of field lock screen image is applied in the electronic device. In one example, please refer to Fig.10 The System UI includes multiple functional modules, including but not limited to a system status management module, a magazine lock screen layout module, a broadcast monitoring module, a lock screen image processing module (KeyguardWallpaper), a lock screen image drawing module (KeyguardWallpaperMediator), a background view adapter (WallpaperPagerAdapterNoAnimation), a foreground view adapter (WallpaperPagerAdapterForeground), a foreground view page component, and a background view page component.

[0094] The system status management module is used to manage the display status of each interface element in the lock screen interface; the magazine lock screen layout module is used to distribute touch events; the broadcast monitoring module is used to monitor wallpaper change broadcast messages; the lock screen image processing module is used to control the display of the lock screen image; the lock screen image drawing module is used to notify the view to render the view; the foreground view page component includes multiple views, each view can be used to render the foreground image of the depth of field image, and the foreground view adapter is used to fill the view in the foreground view page component; the background view page component includes multiple views, each view can be used to render the background image of the depth of field image, and the background view adapter is used to fill the view in the background view page component. In one example, the foreground view adapter is coupled to the foreground view page component, and the background view adapter is coupled to the background view page component. In another example, the foreground view adapter is decoupled from the foreground view page component, and the background view adapter is decoupled from the background view page component.

[0095] The theme application provides a variety of theme images for users to set as the desktop image or lock screen image of the electronic device. The theme application can be a setting application that comes with the system or an installed third-party application.

[0096] The gallery application is used to store images, for example, images can be taken or from the cloud. As an example of the present application, the gallery application includes ordinary images and images with depth of field capabilities. Ordinary images do not have a depth of field effect when applied to the lock screen interface, and images with depth of field capabilities have a depth of field effect when applied to the lock screen interface. Users can select any image from the gallery application and set it as the lock screen image of the electronic device.

[0097] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0098] As an example of the present application, the application framework layer includes a wallpaper management service module, which is used to send a wallpaper change broadcast message to the System UI when it monitors the notification of the wallpaper change event of the theme application or the gallery application, so that the System UI performs wallpaper change processing. In one example, the wallpaper management service module is named WallpaperManagerService.

[0099] Please refer to Fig.10 , the application framework layer also includes a touch event detection module, a power management service module and a window management service module. The touch event detection module is used to detect touch events on the off screen and determine the event type. The power management service module is used to control the screen off or on when there is a screen off event or screen on event in the electronic device, and send a screen off notification or screen on notification to related modules. The window management service module is responsible for the management of the lock screen interface, such as displaying a lock screen image in the lock screen interface. In an example, the power management service module is named PowerManagerService, and the window management service module is named WindowManagerService.

[0100] Please refer to Fig.10 ,The application framework layer also includes a system service thread, which can start various services of the electronic device during the boot process, for example, boot services, core services, other services and SystemUI.

[0101] Android Runtime includes core libraries and virtual machines. Android runtime is responsible for scheduling and management of the Android system. The core library consists of two parts: one is the function that the Java language needs to call, and the other is the Android core library. The application layer and the application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0102] The system library can include multiple functional modules, such as: surface manager, media library, 3D graphics processing library (such as: OpenGL ES), 2D graphics engine (such as: SGL), etc. The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications. The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc. The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing, etc. The 2D graphics engine is a drawing engine for 2D drawing.

[0103] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, sensor driver, screen on / off driver, etc.

[0104] Next, the display method of the lock screen image provided in the embodiment of the present application is introduced.

[0105] Please refer to Fig.11 , Fig.11 is a schematic diagram of a framework for displaying a lock screen image according to an exemplary embodiment. In implementation, Figure 2 As shown, users can set a lock screen image from the Themes app, or as Figure 3As shown, the user can also set the lock screen image from the gallery application. As an example of the present application, no matter which method the user uses to set the lock screen image, when the lock screen image set by the user is a depth of field lock screen image, the foreground image (i.e., the image body) and background image of the set depth of field lock screen image will be stored in the lock screen directory and renamed separately. At most one background image and one foreground image are stored in the lock screen directory, that is, in the process of updating the background image and foreground image in the lock screen directory, the names of the updated foreground image and the updated background image in the lock screen directory remain unchanged. For example, the lock screen directory is data / themes / 0 / wallpaper, the foreground image is named unlock_depth_effect_wallpaper_0.jpg in the lock screen directory, and the background image is named unlock_wallpaper_0.jpg in the lock screen directory.

[0106] In one example, when a user sets a lock screen image from a theme application, after the user selects theme depth of field lock screen image A and applies it, that is, triggers the lock screen image setting operation, the theme application obtains a compressed package of theme depth of field lock screen image A, which includes a foreground image and a background image of theme depth of field lock screen image A, wherein the compressed package may be preset locally on the electronic device or preset in the cloud and obtained by the electronic device. Afterwards, the theme application decompresses the compressed package and stores the decompressed foreground image and background image in the lock screen directory. At the same time, the theme application can send a theme change message to the System UI to enable the System UI to change the layout of the lock screen interface.

[0107] In another example, when the user sets the lock screen image from a gallery application, after the user selects a custom depth of field lock screen image B in a gallery application and applies it, that is, triggers the lock screen image setting operation, the gallery application obtains the foreground image and background image of the pre-stored custom depth of field lock screen image B, and then saves the foreground image and background image of the custom depth of field lock screen image B to the lock screen directory.

[0108] It should be noted that the foreground image and background image of the custom depth of field lock screen image B pre-stored in the image application may be generated by the electronic device when it is idle, or may be generated by the electronic device when it is charging. Exemplarily, in the charging state, the electronic device can traverse the depth of field images in the gallery application, and each time a depth of field image is traversed, if the depth of field image has not been traversed before, the background image and foreground image of the depth of field image currently traversed can be separated by an artificial intelligence (AI) subject recognition method, and then the separated foreground image and background image are stored correspondingly with the depth of field image currently traversed. In this way, when the user sets any depth of field image in the gallery application as the lock screen image, the gallery application can directly save the foreground image and background image of any pre-stored depth of field image to the lock screen directory. In one example, after the user selects a depth of field image in the gallery application to be applied to the lock screen image, the gallery application can also store the background image of the depth of field image in the custom wallpaper frame of the electronic device.

[0109] It should also be noted that the above description is based on the example that the lock screen image set by the user is a depth of field image. In another example, if the lock screen image set by the user is not a depth of field image, the images stored in the lock screen directory only include a background image, which is the set lock screen image itself, that is, in this case, there is no foreground image in the lock screen directory.

[0110] Please continue to refer to Fig.11 After receiving the user's lock screen image setting operation, the theme application or gallery application notifies the wallpaper management service module of the wallpaper change event. After the wallpaper management service module listens to the notification, it sends a wallpaper change broadcast message to the System UI so that the System UI can perform some initialization processing on the display of the lock screen image. For details, please refer to Fig.12 The initialization processing operations of System UI can include the following:

[0111] Step 1201: Receive a wallpaper change broadcast message.

[0112] In one possible case, the wallpaper change broadcast message is sent to the System UI after the wallpaper management service module monitors the wallpaper change event notification sent by the theme application. For example, see Figure 2 After the user sets a theme depth of field lock screen image in the theme application, the theme application notifies the wallpaper management service module of a wallpaper change event, after which the wallpaper management service module sends a wallpaper change broadcast message to the System UI.

[0113] In another possible case, the wallpaper change broadcast message is sent to the System UI after the wallpaper management service module monitors the wallpaper change event notification sent by the gallery application. Figure 3 After the user sets a custom depth of field lock screen image in the gallery application, the gallery application notifies the wallpaper management service module of a wallpaper change event. After that, the wallpaper management service module sends a wallpaper change broadcast message to the System UI.

[0114] As an example of the present application, System UI can receive wallpaper change broadcast messages through a broadcast monitoring module.

[0115] In one example, a wallpaper change broadcast message may carry first indication information, and the first indication information is used to indicate whether the currently set lock screen image is a theme lock screen image or a custom lock screen image. Specifically, since the wallpaper management service module can know whether the wallpaper change event is notified by the theme application or the gallery application, the wallpaper management service module can determine whether the currently set lock screen image is from the theme application or the gallery application. Based on this, when sending a wallpaper change broadcast message to the System UI, the first indication information may be carried in the wallpaper change broadcast message, so that the System UI can determine whether the currently set lock screen image is a theme lock screen image or a custom lock screen image based on the wallpaper change broadcast message. Exemplarily, when the first indication information is a preset identifier, the first indication information is used to indicate that the currently set lock screen image is a custom lock screen image, otherwise, when the first indication information is not a preset identifier, the first indication information is used to indicate that the currently set lock screen image is a theme lock screen image.

[0116] Optionally, the wallpaper change broadcast message may also carry event description information, and the event description information is used to indicate the application object of the wallpaper change, and the application object includes a user interface or a lock screen interface, that is, the event description information is used to indicate whether the desktop image is changed or the lock screen image is changed. The embodiment of the present application is described by taking the example that the event description information is used to indicate that the application object of the wallpaper change is the lock screen interface.

[0117] Step 1202: After receiving the wallpaper change broadcast message, determine whether the current system is restarting.

[0118] according to Fig.11As can be seen from the previous records, after the user sets the lock screen image, System UI will receive a wallpaper change broadcast message. In another possible case, after the electronic device is turned on and restarted, System UI will also receive a wallpaper change broadcast message. For example, the wallpaper management service module can send a wallpaper change broadcast message to System UI when the electronic device is turned on and restarted. For the above two situations, System UI handles them differently. Therefore, after receiving the wallpaper change message, System UI can first determine whether the current system is restarting.

[0119] In one example, the System UI can query whether the electronic device is currently displaying the desktop. If the electronic device is currently displaying the desktop, it is determined that the system has not been restarted. Otherwise, if the electronic device is not currently displaying the desktop, it is determined that the system has been restarted. Further, the System UI can determine whether the electronic device is currently displaying the desktop by querying the restart identifier. For example, when the restart identifier is true, it is determined that the electronic device is currently displaying the desktop, so that it can be determined that the system has not been restarted; when the restart identifier is false, it is determined that the electronic device is not currently displaying the desktop, so that it can be determined that the system has been restarted.

[0120] If it is determined that the current system is not restarting, the process proceeds to step 1203. Otherwise, if it is determined that the current system is restarting, the process proceeds to step 1208.

[0121] Step 1203: Determine whether the currently set lock screen image is a custom lock screen image.

[0122] As an example of the present application, the System UI can determine whether the currently set lock screen image is a custom lock screen image based on the first indication information carried in the wallpaper change broadcast message. For example, if the first indication information is a preset identifier, it is determined that the currently set lock screen image is a custom lock screen image; otherwise, if the first indication information is not a preset identifier, it is determined that the currently set lock screen image is not a custom lock screen image.

[0123] If the currently set lock screen image is a custom lock screen image, proceed to the operation of step 1204. Otherwise, if the currently set lock screen image is not a custom lock screen image, it means that the currently set lock screen image is a theme lock screen image. In this case, proceed to the operation of step 1208.

[0124] Step 1204: Determine whether the currently set custom lock screen image has depth of field capability.

[0125] As an example of the present application, since the lock screen directory is only used to store lock screen images, and when the set lock screen image is a depth of field image, the lock screen directory includes two images, unlock_depth_effect_wallpaper_0.jpg (foreground image) and unlock_wallpaper_0.jpg (background image), and when the set lock screen image is not a depth of field image, the lock screen directory only includes one image, unlock_wallpaper_0.jpg (background image), so the System UI can query whether there are both foreground images and background images in the lock screen directory, so as to determine whether the currently set custom lock screen image has depth of field capability. Specifically, when both foreground images and background images exist in the lock screen directory, it can be determined that the custom lock screen image currently set by the user has depth of field capability. Otherwise, when only the background image exists in the lock screen directory, it is determined that the custom lock screen image currently set by the user does not have depth of field capability.

[0126] If the currently set custom lock screen image has depth of field capability (hereinafter referred to as custom depth of field lock screen image), perform the following operations from step 1205 to step 1206. Otherwise, if the currently set custom lock screen image does not have depth of field capability, perform the following operation of step 1207.

[0127] Step 1205: Mark the type of the currently set lock screen image as 0.

[0128] In one example, the System UI may mark the type of the currently set lock screen image in the lightweight database. That is, when the currently set lock screen image is a custom depth of field lock screen image, the System UI writes the type of the currently set lock screen image in the lightweight database as 0. Exemplarily, the System UI may indicate the type of the currently set lock screen image through the first indication information.

[0129] It should be noted that the type of the currently set lock screen image recorded in the lightweight database is unique. The lightweight database may be SharedPreferences.

[0130] Step 1206: Add detailed information of the customized depth of field lock screen image to the magazine lock screen data list.

[0131] As an example of the present application, the detailed information of the custom depth of field lock screen image includes the background thumbnail, index information, image description information, etc. of the custom depth of field lock screen image. The background thumbnail is an image that is compressed according to a certain ratio of the background image of the custom depth of field lock screen image, where the background image can be obtained from the lock screen directory. The index information is used to query the detailed information of the custom depth of field lock screen image from the magazine lock screen data list. The image description information includes application widgets, text information, etc. The text information can be used to describe what the custom depth of field lock screen image represents, for example Figure 3 As shown in Figure (d), the text message is "Leisure time is a rainbow."

[0132] The magazine lock screen data list includes detailed information of each magazine lock screen image in multiple magazine lock screen images. As an example of the present application, regardless of whether the magazine lock screen function is turned on or not, the detailed information of the custom lock screen image can be added to the magazine lock screen data list. When the magazine lock screen function is turned off, the currently set lock screen image can be displayed when the lock screen interface is subsequently displayed, and the magazine lock screen image in the magazine lock screen resource is not displayed when the lock screen interface is slid.

[0133] As an example of this application, please refer to Fig.13 Step 1206, that is, adding the detailed information of the customized depth of field lock screen image to the magazine lock screen data list, may include the following steps:

[0134] A1: According to the principle of division by four with remainder zero, modify the index information of the currently set custom depth of field lock screen image.

[0135] Usually, the original index information of each lock screen image is a numerical value. Since the lock screen image type of 0 indicates a custom depth of field lock screen image, in order to facilitate subsequent identification that the currently set lock screen image is a custom depth of field lock screen image, it can be modified based on the original index information according to the principle of division by four with remainder zero.

[0136] As an example, a corresponding value that is equal to zero when divided by four can be determined by the following first formula (1) based on the original index information of the custom depth of field lock screen image, and then the index information of the currently set custom depth of field lock screen image is modified to the determined value that is equal to zero when divided by four.

[0137] (4-x1%4)+X1=Y1 (1)

[0138] It should be noted that, in the above first formula (1), X1 is the original index information of the custom depth of field lock screen image, Y1 is the modified value of zero after division by four, and % is the remainder symbol. For example, assuming that the original index information of the currently set custom depth of field lock screen image is 7, the corresponding value of zero after division by four can be determined by the above first formula (1), such as 8, and then the index information of the currently set custom depth of field lock screen image is changed from 7 to 8.

[0139] A2: Record the modified index information as cacheid.

[0140] In one example, the modified index information cacheid may be written into a lightweight database.

[0141] A3: Encapsulates the detailed information of the currently set custom depth of field lock screen image, and the detailed information at least includes the modified cacheid.

[0142] As an example of the present application, the System UI may encapsulate the detailed information into a data structure, such as BigPictureInfo. As an example and not a limitation, the System UI may also set some restrictions in BigPictureInfo, such as the restrictions may include that the custom depth of field lock screen image cannot be deleted and the lock screen automatic switching function is turned off.

[0143] A4: Add the details of the currently set custom depth of field lock screen image to the magazine lock screen data list.

[0144] The detailed information of the magazine lock screen image may include the index information, background thumbnail, image description information, etc. of the magazine lock screen image. The background thumbnail of the magazine lock screen image is obtained by compressing the magazine lock screen image according to a certain ratio. As an example of the present application, the detailed information of each magazine lock screen image corresponds to BigPictureInfo, that is, the magazine lock screen data list includes BigPictureInfo of multiple magazine lock screen images.

[0145] As an example of the present application, the detailed information of the currently set custom depth of field lock screen image can be randomly inserted into any position in the magazine lock screen data list.

[0146] In one example, the System UI can also prepare a background blur map of the currently set depth of field image. The background blur map can be displayed when the user slides up the lock screen interface, that is, when the user slides up the lock screen interface, the electronic device will have a blur effect. Among them, the background blur map can be generated based on the background image. For example, when the currently set lock screen image is a custom depth of field lock screen image, the background image can be obtained from the lock screen directory, and the background image can be Gaussian blurred to obtain the background blur map, which can then be stored.

[0147] As an example and not limitation, System UI adds detailed information of the custom depth of field lock screen image to the magazine lock screen data list through the lock screen image processing module.

[0148] It should be noted that the embodiment of the present application is described by taking the case where the currently set lock screen image is a depth of field lock screen image (including a custom depth of field lock screen image or a theme depth of field lock screen image) as an example, and the detailed information added in the magazine lock screen data list includes the background image of the depth of field lock screen image. In another example, when the set lock screen image is a depth of field lock screen image, the detailed information of the depth of field lock screen image added in the magazine lock screen data list includes a background thumbnail, but not a background image. That is, the background thumbnail of the depth of field lock screen image can be encapsulated in the detailed information, instead of encapsulating the background image in the detailed information, so that the storage space where the magazine lock screen data list is located can be saved.

[0149] After adding the detailed information of the custom depth of field lock screen image to the magazine lock screen data list, the System UI enters the following step 1213.

[0150] Step 1207: Mark the type of the currently set lock screen image as -1, and end the depth of field processing flow.

[0151] That is, when the currently set lock screen image is a custom ordinary lock screen image, the System UI writes the type of the currently set lock screen image in the lightweight database as -1, indicating that the currently set lock screen image is a custom lock screen image but not a depth of field image. After that, the System UI ends the depth of field processing flow.

[0152] Step 1208: Determine whether the currently set lock screen image is a static image.

[0153] As an example but not limitation, the System UI can determine whether the currently set lock screen image is a static image based on the wallpaper change broadcast message. For example, when the theme application notifies the wallpaper management service module of a wallpaper change event, it can indicate to the wallpaper management service module whether the lock screen image set by the user is a static image. Accordingly, when the wallpaper management service module sends a wallpaper change broadcast message to the System UI, it can indicate in the wallpaper change broadcast message so that the System UI determines whether the currently set lock screen image is a static image.

[0154] If the currently set lock screen image is a static image, proceed to the operation of the following step 1209. Otherwise, if the currently set lock screen image is not a static image, such as the set lock screen image is a dynamic image, the System UI ends the depth of field processing flow, as an example but not a limitation, and then can enter the dynamic image processing flow, etc., which is not limited in the embodiment of the present application.

[0155] Step 1209: Determine whether the currently set lock screen image has depth of field capability.

[0156] That is, it is determined whether the currently set lock screen image is a depth of field image. In implementation, System UI can query whether there are both foreground images and background images in the lock screen directory, so as to determine whether the currently set lock screen image has depth of field capability. Specifically, when both foreground images and background images exist in the lock screen directory, it can be determined that the lock screen image currently set by the user has depth of field capability. Otherwise, when only the background image exists in the lock screen directory, it is determined that the lock screen image currently set by the user does not have depth of field capability.

[0157] If the currently set lock screen image does not have the depth of field capability, the System UI performs the operation of step 1207. Otherwise, if the currently set lock screen image has the depth of field capability, the System UI enters the operation of the following step 1210.

[0158] Step 1210: Determine whether the currently set lock screen image is a custom depth-of-field lock screen image.

[0159] According to the above records and combined Fig.11 It can be seen that in one possible case, the system will be executed to step 1210 after restarting, and in another possible case, the system will be executed to step 1210 after the user sets the lock screen image. In the first possible case, the user may have set a custom depth of field lock screen image as the lock screen image before the electronic device system is restarted, so in this case, there is no need to perform subsequent operations such as initialization of the theme depth of field image. Therefore, it is necessary to determine whether the currently set lock screen image is a custom depth of field lock screen image.

[0160] If the currently set lock screen image is a custom depth of field lock screen image, perform the above steps 1205-1206. If the electronic device does not currently apply a custom depth of field lock screen image, it can be determined that the currently set lock screen image is a theme depth of field lock screen image. In this case, proceed to the following step 1211.

[0161] Step 1211: Mark the type of the currently set lock screen image as 3.

[0162] That is, when the currently set lock screen image is a theme depth of field lock screen image, System UI writes the type of the currently set lock screen image as 3 in the lightweight database, indicating that the currently set lock screen image is a theme lock screen image and has depth of field capability.

[0163] Of course, it should be noted that the implementation step of marking the type of the currently set lock screen image after receiving the wallpaper change broadcast message is optional. In another example, other steps may be included to meet exception handling requirements, or other methods may be used for marking. The main marking principle is: in the case of non-system restart, if the currently set lock screen image is a custom depth of field lock screen image, the type of the currently set lock screen image recorded in the lightweight database is 0; if the currently set lock screen image is a custom ordinary lock screen image, the type of the currently set lock screen image recorded in the lightweight database is -1; if the currently set lock screen image is a theme depth of field lock screen image, the type of the currently set lock screen image recorded in the lightweight database is 3. When the system restarts, if the lock screen image set before power-on is a static image and does not have depth of field capability, the type of the currently set lock screen image recorded in the lightweight database is -1; if the lock screen image set before power-on is a theme depth of field lock screen image, the type of the currently set lock screen image recorded in the lightweight database is 3; if the lock screen image set before power-on is a custom depth of field lock screen image, the type of the currently set lock screen image recorded in the lightweight database is 0.

[0164] As an example of the present application, the System UI can determine the type of the currently set lock screen image through the broadcast monitoring module after receiving the wallpaper change broadcast message, and mark the type of the currently set lock screen image in the lightweight data.

[0165] Step 1212: Add detailed information of the theme depth of field lock screen image to the magazine lock screen data list.

[0166] When it is determined that the currently set lock screen image is the theme depth of field lock screen image, System UI performs depth of field initialization based on the theme depth of field lock screen image. The main purpose is to add the detailed information of the currently set theme depth of field lock screen image to the magazine lock screen data list.

[0167] As an example of this application, please refer to Fig.14 Step 1212, that is, adding the detailed information of the theme depth of field lock screen image to the magazine lock screen data list, may include the following steps:

[0168] B1: Copy the background image in the lock screen directory to another preset directory.

[0169] To prevent the background image of the theme depth of field lock screen image from being replaced by a custom lock screen image later, SystemUI may copy the background image of the currently set theme depth of field lock screen image from the lock screen directory to a preset directory. For example, the preset directory may be data / user_de / 0 / com.android.systemui / files.

[0170] In a possible implementation, the replaced scene means that, assuming that the user currently sets the theme depth of field lock screen image P1, the background image stored in the lock screen directory is the background image of the set theme depth of field lock screen image P1, and the System UI adds the detailed information of the theme depth of field lock screen image P1 to the magazine lock screen data list. Afterwards, if the user resets the custom depth of field lock screen image P2, in this case, the background image stored in the lock screen directory will be replaced by the background image of the custom depth of field lock screen image P2, and the System UI adds the detailed information of the custom depth of field lock screen image P2 to the magazine lock screen data list, which will cause the magazine lock screen data list to no longer include the detailed information of the theme depth of field lock screen image P1. However, in implementation, after setting the theme depth of field lock screen image P1, in the case of setting the custom depth of field lock screen image P2, the previously set theme depth of field lock screen image P1 can be retained in the magazine lock screen resource as a normal lock screen image, so that in response to the user's left or right swipe operation on the lock screen interface, when the lock screen interface of the electronic device turns the page and turns to the theme depth of field lock screen image P1, the theme depth of field lock screen image P1 does not have a depth of field effect, and when the page is turned to the custom depth of field lock screen image P2, the custom depth of field lock screen image P2 has a depth of field effect. Therefore, in order to achieve this effect, it is necessary to retain the background image of the theme depth of field lock screen image P1, so in order to avoid the background image of the custom depth of field lock screen image P2 replacing the background image of the theme depth of field lock screen image P1, the background image of the theme depth of field lock screen image P1 can be copied from the lock screen directory to another preset directory for storage during the depth of field initialization process based on the theme depth of field lock screen image P1.

[0171] It should be noted that, as an example of the present application, in the process of setting the depth of field image as the lock screen image, the foreground image under the lock screen directory is unique, that is, the embodiment of the present application can only support setting one depth of field image (custom depth of field lock screen image or theme depth of field lock screen image) as the lock screen image.

[0172] B2: According to the principle of dividing by four and having a remainder of three, modify the index information of the currently set theme depth of field lock screen image.

[0173] Since the lock screen image type is 3, it indicates a theme depth of field lock screen image. Therefore, in order to facilitate the subsequent identification that the currently set lock screen image is the theme depth of field lock screen image, the index information can be modified based on the original index information of the theme depth of field lock screen image according to the principle of division by four and remainder by three.

[0174] As an example, based on the original index information of the theme depth of field lock screen image, a corresponding value that is divisible by four and remains three can be determined by the following second formula (2), and the index information of the currently set theme depth of field lock screen image can be modified to the determined value that is divisible by four and remains three.

[0175] (3-X2%4)+X2=Y2 (2)

[0176] It should be noted that in the above second formula (2), X2 is the original index information of the theme depth of field lock screen image, Y2 is the modified value of the remainder of three after division by four, and % is the remainder symbol. For example, assuming that the original index information of the currently set theme depth of field lock screen image is 10, the corresponding value of the remainder of three after division by four can be determined as 11 according to the above second formula (2), and then the index information of the currently set theme depth of field lock screen image is changed from 10 to 11.

[0177] B3: Record the modified index information as cacheid.

[0178] In one example, the modified index information cacheid may be written into a lightweight database.

[0179] B4: Encapsulates the detailed information of the currently set theme depth of field lock screen image, and the detailed information at least includes the modified cacheid.

[0180] In one example, the detailed information of the theme depth of field lock screen image may also include its image description information, background image, etc. The image description information includes application widgets, text information, etc. When the current lock screen image is set to the theme depth of field lock screen image, the background image of the theme depth of field lock screen image can be obtained from the preset directory data / user_de / 0 / com.android.systemui / files.

[0181] As an example of the present application, the System UI can also encapsulate the detailed information of the theme depth of field lock screen image into a data structure, which will not be described one by one in the embodiments of the present application.

[0182] B5: Add the detailed information of the currently set theme depth of field lock screen image to the magazine lock screen data list.

[0183] As an example of the present application, the specific implementation of adding the detailed information of the currently set theme depth of field lock screen image to the magazine lock screen data list can be: when the magazine lock screen data list includes the detailed information of the custom depth of field lock screen image, the detailed information of the custom depth of field lock screen image is deleted from the magazine lock screen data list, and the detailed information of the currently set theme depth of field lock screen image is added to the location where the detailed information of the custom depth of field lock screen image was located before deletion. When the magazine lock screen data list does not include the detailed information of the custom depth of field lock screen image, the detailed information of the currently set theme depth of field lock screen image is inserted into the magazine lock screen data list, and illustratively, a position can be randomly selected for insertion.

[0184] As an example but not limitation, System UI adds detailed information of the theme depth of field lock screen image to the magazine lock screen data list through the lock screen image processing module.

[0185] Optionally, there may be multiple user accounts that can log in to the electronic device, for example, multiple user accounts include a main user account and a sub-user account. The main user account may generally be the owner of the electronic device, and the sub-user account is generally not the owner of the electronic device, for example, it may only have partial usage permissions. In this case, before adding the detailed information of the theme depth of field lock screen image to the magazine lock screen data list, it is also possible to determine whether the currently logged in user account is a sub-user account. If the currently logged in user account is not a sub-user account and the current electronic device has not been initialized, the System UI adds the detailed information of the theme depth of field lock screen image to the magazine lock screen data list. Otherwise, if the currently logged in user account is a sub-user account, and / or the electronic device has been initialized, the subsequent process ends. This can improve the security of electronic devices.

[0186] In some embodiments, after adding the detailed information of the currently set lock screen image to the magazine lock screen data list, if the electronic device supports switching between horizontal and vertical screens of the display screen, the System UI can also determine the first depth of field image and the second depth of field image based on the original depth of field image of the currently set depth of field image, and store the first depth of field image and the second depth of field image. The first depth of field image is the lock screen image displayed when the display screen is in the first screen display state (such as in the vertical screen display state), and the second depth of field image is the lock screen image displayed when the display screen is in the second screen display state (such as in the horizontal screen display state). The sizes of the first depth of field image and the second depth of field image are different, that is, the length of the second depth of field image in the horizontal direction can be different from the length of the first depth of field image in the horizontal direction, and the width of the second depth of field image in the vertical direction can also be different from the width of the first depth of field image in the vertical direction. For the sake of convenience of explanation, the relative position between the highest point of the image subject in the first depth of field image and the system time indicator is called the first relative position, and the relative position between the highest point of the image subject in the second depth of field image and the system time indicator is called the second relative position. When the first depth of field image and the second depth of field image are respectively displayed on the display screen, the first relative position is the same as the second relative position.

[0187] Of course, after entering the desktop from the lock screen interface, in order to save storage space, the stored first depth of field image and the second depth of field image can also be deleted. In order to be able to display the corresponding depth of field image according to the display status of the display screen when the lock screen interface is displayed next time, the System UI can also determine the first depth of field image and the second depth of field image based on the currently set depth of field image when the screen is off, and the first depth of field image and the second depth of field image.

[0188] It should be noted that the System UI can determine the first depth of field image and the second depth of field image through the tool class integration module in the System UI, and the tool class integration module can obtain the original depth of field image according to the index information of the currently set lock screen image. The first depth of field image carries a vertical screen identifier, and the second depth of field image carries a horizontal screen identifier, so that when the lock screen interface is displayed later, the corresponding depth of field image can be obtained according to the display state of the display screen.

[0189] In a possible implementation, when the original depth of field image belongs to a depth of field image in a depth of field image theme, and the original depth of field image is square, and the side length is the same as the longest side of the display screen, if the length of the display screen in the horizontal direction is less than the width of the display screen in the vertical direction, then in this case, when the display screen is in a first screen display state, the original depth of field image is centered and cropped to obtain a first depth of field image; according to the size of the display screen, coordinate information of a first cropping area of ​​the original depth of field image is determined, the first cropping area is aligned with the top of the original depth of field image, and the size of the first cropping area is the same as the size of the display screen when it is in a second screen display state; the original depth of field image is cropped according to the coordinate information of the first cropping area to obtain a second depth of field image.

[0190] As an example, the operation of System UI determining the coordinate information of the first cropping area of ​​the original depth of field image according to the size of the display screen through the tool class integration module includes: determining the upper left corner coordinate of the original depth of field image as the upper left corner coordinate of the first cropping area, and determining the upper right corner coordinate of the original depth of field image as the upper right corner coordinate of the first cropping area; determining the lower corner coordinate of the first cropping area according to the upper left corner coordinate of the original depth of field image and the vertical width of the display screen when the second screen display state; determining the lower right corner coordinate of the first cropping area according to the upper right corner coordinate of the original depth of field image and the vertical width of the display screen when the second screen display state.

[0191] In another possible implementation, when the original depth of field image belongs to a depth of field image in the depth of field image theme, and the original depth of field image is square, and the side length is the same as the longest side of the display screen, if the length of the display screen in the horizontal direction is greater than the width of the display screen in the vertical direction, then when the display screen is in the first screen display state, the coordinate information of the second cropping area of ​​the original depth of field image is determined according to the size of the display screen, the second cropping area is aligned with the top of the original depth of field image, and the size of the second cropping area is the same as the size of the display screen when it is in the first screen display state; the original depth of field image is cropped according to the coordinate information of the second cropping area to obtain the first depth of field image; according to the size of the display screen, the original depth of field image is cropped in a center cropping manner to obtain the second depth of field image, and the size of the second depth of field image is the same as the size of the display screen when it is in the second screen display state.

[0192] In another possible implementation, when the original depth of field image belongs to a depth of field image in a depth of field image theme, and the original depth of field image is a square, and the side length is the same as the longest side of the display screen, if the display screen is a square, the original depth of field image is determined as the first depth of field image and the second depth of field image.

[0193] In another possible implementation, when the original depth of field image is an image with depth of field capability in a gallery of an electronic device, if the shape of the display screen is not a square, a first depth of field image corresponding to the original depth of field image is determined according to the size of the display screen, and the size of the first depth of field image is the same as the size of the display screen when it is in the first screen display state; the long side of the display screen is divided by the short side of the display screen to obtain the magnification factor of the first depth of field image; the magnification factor is multiplied by the first distance to obtain a second distance between the highest point of the target subject in the enlarged first depth of field image and the top edge of the enlarged first depth of field image in the vertical direction, and the first distance is the distance between the highest point of the target subject in the first depth of field image and the top edge of the first depth of field image in the vertical direction; the enlarged first depth of field image is cropped according to the first distance, the size of the display screen, and the second distance to obtain a second depth of field image, and the size of the second depth of field image is the same as the size of the display screen when it is in the second screen display state.

[0194] Since the original depth of field image is an image with depth of field capability in the gallery of the electronic device, the size of the original depth of field image may be the same as the size of the display screen, or it may be different from the size of the display screen. Among them, when the size of the original depth of field image is the same as the size of the display screen when it is in the first screen display state, the original depth of field image can be determined as the first depth of field image. In the case where the size of the original depth of field image is different from the size of the display screen when it is in the first screen display state, the first depth of field image corresponding to the original depth of field image can be determined according to the size of the display screen in accordance with the method of displaying the lock screen image in the related art. Exemplarily, when the length of the original depth of field image in the horizontal direction is greater than the length of the display screen in the horizontal direction when the display screen is in the first screen display state, and the width of the original depth of field image in the vertical direction is greater than the width of the display screen in the vertical direction when the display screen is in the first screen display state, the electronic device can be based on the size of the display screen when it is in the first screen display state. The original depth of field image is centered and cropped to obtain the first depth of field image. Alternatively, when the horizontal length of the original depth of field image is smaller than the horizontal length when the display screen is in the first screen display state, and / or when the vertical width of the original depth of field image is smaller than the vertical width when the display screen is in the first screen display state, the electronic device may enlarge the original depth of field image and then perform a center crop on the enlarged original depth of field image to obtain the first depth of field image. In this case, the size of the enlarged original depth of field image is larger than the size when the display screen is in the first screen display state.

[0195] In some embodiments, the operation of cropping the enlarged first depth of field image according to the first distance, the size of the display screen, and the second distance to obtain the second depth of field image includes: subtracting the second distance from the first distance to obtain a first difference; determining the coordinate information of a third cropping area in the enlarged first depth of field image according to the first difference and the size of the display screen, the size of the third cropping area being the same as the size of the display screen when it is in the second screen display state; and cropping the enlarged first depth of field image according to the coordinate information of the third cropping area to obtain the second depth of field image.

[0196] As an example, the operation of determining the coordinate information of the third cropping area in the enlarged first depth of field image based on the first difference and the size of the display screen includes: subtracting the first difference from the vertical coordinate of the upper left corner of the enlarged first depth of field image to obtain the vertical coordinate of the upper left corner of the third cropping area, and the horizontal coordinate of the upper left corner of the third cropping area is the horizontal coordinate of the upper left corner of the enlarged first depth of field image; subtracting the first difference from the vertical coordinate of the upper right corner of the enlarged first depth of field image to obtain the vertical coordinate of the upper right corner of the third cropping area, and the horizontal coordinate of the upper right corner of the third cropping area is the horizontal coordinate of the upper right corner of the enlarged first depth of field image; determining the lower left corner coordinate of the third cropping area according to the upper left corner coordinate of the third cropping area and the width of the display screen in the vertical direction when the second screen display state; determining the lower right corner coordinate of the third cropping area according to the upper right corner coordinate of the third cropping area and the width of the display screen in the vertical direction when the second screen display state.

[0197] In some embodiments, the method in which the System UI enlarges the first depth of field image according to the first distance, the size of the display screen and the second distance through the tool class integration module may include not only the above method but also other methods. For example, the first difference may be the width of the area to be cropped in the enlarged first depth of field image. In order to ensure that the distance between the highest point of the target subject in the second depth of field image and the top edge of the second depth of field image in the vertical direction is the first distance, the electronic device may start from the top edge of the enlarged first depth of field image in the vertical direction and crop the image area with the first difference width from top to bottom. Then, the image area with a width of the target width in the vertical direction of the cropped first depth of field image is retained, and the remaining image area is cropped to obtain the second depth of field image, and the target width is the width in the vertical direction when the display screen is in the second screen display state.

[0198] It is worth noting that by determining the coordinate information of the third cropping area through the first difference, the electronic device can crop the enlarged first depth of field image more accurately, that is, the size of the obtained second depth of field image is more accurate, ensuring that the relative position between the highest point of the target subject in the second depth of field image and the system time indicator in the lock screen interface does not change, thereby improving the display effect of the depth of field image.

[0199] In another possible implementation, when the original depth of field image is an image with depth of field capability in a gallery of an electronic device, if the shape of the display screen is not a square, a first depth of field image corresponding to the original depth of field image is determined according to the size of the display screen, and the size of the first depth of field image is the same as the size of the display screen when it is in the first screen display state; the short side of the display screen is divided by the long side of the display screen to obtain a reduction factor of the first depth of field image; the reduction factor is multiplied by the first distance to obtain a third distance between the highest point of the target subject in the reduced first depth of field image and the top edge of the reduced first depth of field image in the vertical direction, and the first distance is the distance between the highest point of the target subject in the first depth of field image and the top edge of the first depth of field image in the vertical direction; the first depth of field image is cropped according to the reduction factor, the third distance, the size of the display screen and the first distance to obtain a second depth of field image, and the size of the second depth of field image enlarged when displayed is the same as the size of the display screen when it is in the second screen display state.

[0200] When the size of the image does not match the size of the display screen, in order to avoid incomplete display of the display screen, the image can be displayed after being enlarged in size. Based on this principle, when the size of the first depth of field image does not match the size of the display screen when it is in the second screen display state, the first depth of field image can be cropped to obtain the second depth of field image. When the second depth of field image is displayed on the display screen (the display screen is in the second screen display state), the second depth of field image will be enlarged and displayed, and the enlarged size of the second depth of field image is exactly the same as the size of the display screen in the second screen display state.

[0201] Since the second depth of field image needs to be enlarged when displayed, the electronic device can crop the first depth of field image according to the reduction factor. As an example, the electronic device crops the first depth of field image according to the reduction factor, the third distance, the size of the display screen and the first distance to obtain the second depth of field image, including: subtracting the third distance from the first distance to obtain a second difference; multiplying the vertical width of the display screen when it is in the second screen display state by the reduction factor to obtain a reduced width; determining the coordinate information of the fourth cropping area in the first depth of field image according to the second difference and the reduced width, the size of the fourth cropping area after enlargement is the same as the size of the display screen when it is in the second screen display state; and cropping the first depth of field image according to the coordinate information of the fourth cropping area to obtain the second depth of field image.

[0202] In another possible implementation, when the original depth of field image is an image with depth of field capability in a gallery of an electronic device, if the shape of the display screen is square, a first depth of field image corresponding to the original depth of field image is determined according to the size of the display screen; and the first depth of field image is determined as the second depth of field image.

[0203] It is worth noting that by determining the first depth of field image and the second depth of field image, the relative position between the highest point of the image main body in the lock screen interface and the system clock indicator in the lock screen interface does not change before and after the display screen is rotated, thereby ensuring the depth of field image display effect and improving the aesthetics of the depth of field image display.

[0204] Step 1213: Update the view page component, where the view page component is used to render image data to be displayed.

[0205] The Viewpager component is a view paging tool that provides a multi-page switching effect. It can be filled with multiple views through a view adapter. A single view can be used to render the image data of a lock screen image, thereby supporting users to switch between different views when swiping left or right.

[0206] Since the lock screen image includes a foreground image and a background image when the lock screen image is a depth of field lock screen image (such as a theme depth of field lock screen image or a custom depth of field lock screen image), as an example of the present application, the view page component includes a foreground view page component and a background view page component, wherein the foreground view page component is used to render the foreground image of the lock screen image to be displayed, and the background view page component is used to render the background image of the lock screen image to be displayed. Therefore, when the view page component is updated, it includes updating the background view page component and updating the foreground view page component.

[0207] As an example of the present application, since the magazine lock screen function is turned on, when the currently set lock screen image is displayed in the lock screen interface, the user may slide the lock screen interface to the left (or right). In this case, it is necessary to display the next (or previous) lock screen image of the currently set lock screen image in the magazine lock screen resource. Therefore, in order to quickly respond to the user's sliding operation, during the update, the foreground image of each of the three lock screen images can be rendered in the foreground view page component, and the background image of each of the three lock screen images can be rendered in the background view page component, that is, the image data of each lock screen image in the currently set lock screen image, the previous lock screen image of the currently set lock screen image in the magazine lock screen resource, and the next lock screen image are cached respectively.

[0208] As an example of this application, please refer to Fig.15In step 1213, the update process of the view in the background view page component may include the following operations (bg11)-(bg15):

[0209] (bg11) Check whether the magazine lock screen function is enabled.

[0210] In implementation, the System UI may query the state of the magazine lock screen switch to determine whether the magazine lock screen function is enabled. When the magazine lock screen switch is enabled, it is determined that the magazine lock screen function is enabled. Otherwise, when the magazine lock screen switch is disabled, it is determined that the magazine lock screen function is disabled.

[0211] In one example, the state of the magazine lock screen switch can be represented by a switch identifier. When the switch identifier is a preset first identifier, it is determined that the magazine lock screen function is turned on. When the switch identifier is a preset second identifier, it is determined that the magazine lock screen function is turned off.

[0212] When the magazine lock screen function is turned on, the System UI enters the following operation (bg12). When the magazine lock screen function is not turned on, the process ends, that is, the following operation bg12 is not continued.

[0213] (bg12) Clear the background view page component.

[0214] That is, the image data of all previously rendered lock screen images in the background view page component is cleared. In addition, System UI also clears the cached information in the background view adapter to facilitate reloading the background image of each of the three lock screen images to be displayed. The background view adapter is used to provide loading data for the background view page component.

[0215] Optionally, before clearing the background view page component, it can also be determined whether it is the first time to start up with a password and whether the lock screen interface is invisible. If there is a password for the first time to start up, after the lock screen interface is displayed, the lock screen interface will not display the magazine lock screen image when receiving a left or right sliding operation. Therefore, if there is a password for the first time to start up, there is no need to execute the subsequent process. If there is no password for the first time to start up, after the lock screen interface is displayed, the lock screen interface needs to display the magazine lock screen image when receiving a left or right sliding operation. Therefore, the operation of clearing the background view page component can be executed. In addition, if the lock screen interface is invisible, for example, when the welcome interface is displayed at startup and the lock screen interface is not displayed, the operation of clearing the background view page component can be temporarily not executed, but the operation of clearing the background view page component can be executed after entering the lock screen interface (that is, the lock screen interface is visible).

[0216] (bg13) Get the views corresponding to the currently set lock screen image and the adjacent magazine lock screen image from the background view page component.

[0217] Each view is a view that is used to display the background image of a corresponding lock screen image. The number of views included in the background view page component can be set according to requirements. For example, the background view page component includes views Figure 1 ,See Figure 2 ,See Figure 3 ,See Figure 4 And Vision Figure 5 , you can get the video during the update process Figure 1 ,See Figure 2 And Vision Figure 3 .

[0218] (bg14) Obtain detailed information of the currently set lock screen image and adjacent magazine lock screen images from the magazine lock screen data list.

[0219] According to the previous records, the currently set lock screen image may be a custom depth of field lock screen image or a theme depth of field lock screen image, and its detailed information has been added to the magazine lock screen data list. Therefore, the detailed information of the currently set lock screen image, the detailed information of its previous lock screen image, and the detailed information of its next lock screen image can be obtained from the magazine lock screen data list. In one example, the System UI can obtain the detailed information of the currently set lock screen image and the adjacent magazine lock screen image from the magazine lock screen data list through the background view adapter.

[0220] In implementation, the location of the detailed information of the currently set lock screen image can be located from the magazine lock screen data list, and the System UI obtains the detailed information of the image from the magazine lock screen data list through the background view adapter according to the located location. The previous detailed information and the next detailed information are obtained from the magazine lock screen data list to obtain the detailed information of the adjacent magazine lock screen image.

[0221] (bg15) Based on the acquired detailed information, the background view adapter renders the background images of the currently set lock screen image and its adjacent magazine lock screen image into the acquired view respectively, and records the correspondence between the background images of each lock screen image and the view in which it is located.

[0222] For example, the background image carried in the details of the currently set lock screen image is set to the view through the background view adapter. Figure 2 and record the video Figure 2The corresponding relationship between the view identifier and the index information of the currently set lock screen image; the background thumbnail carried in the detailed information of the previous magazine lock screen image of the currently set lock screen image is set to the view through the background view adapter Figure 1 and record the video Figure 1 The corresponding relationship between the view identifier and the index information of the previous magazine lock screen image; and setting the background thumbnail carried in the details information of the next magazine lock screen image of the currently set lock screen image to the view through the background view adapter Figure 3 and record the video Figure 3 The correspondence between the view identifier and the index information of the next magazine lock screen image.

[0223] In this way, the update of the background view page component is completed.

[0224] In one possible implementation, if the electronic device supports switching between horizontal and vertical screens, then when the System UI obtains the first depth of field image and the second depth of field image, if the current display screen is in a vertical screen display state, the background image of the first depth of field image can be obtained from the cache according to the vertical screen identifier through the background view adapter, and the obtained background image of the first depth of field image can be rendered to the corresponding view; if the current display screen is in a horizontal screen display state, the background image of the second depth of field image can be obtained from the cache according to the horizontal screen identifier through the background view adapter, and the obtained background image of the second depth of field image can be rendered to the corresponding view.

[0225] As an example of the present application, when the background view page component is updated, the System UI can also notify all interface elements of the lock screen interface so that the interface elements in the lock screen interface are blurred based on the lock screen image in the updated background view page component.

[0226] As an example of this application, please refer to Fig.16 In step 1213, the update process of the view in the foreground view page component may include the following operations (fg21)-(fg26):

[0227] (fg21) Check whether the magazine lock screen function is enabled.

[0228] When the magazine lock screen function is turned on, the System UI performs the following (fg22) operation. Otherwise, when the magazine lock screen function is not turned on, the process ends, that is, the System UI does not perform subsequent operations.

[0229] (fg22) Gets the type of the currently set lock screen image.

[0230] In one possible case, since both the theme depth of field lock screen image and the custom depth of field lock screen image may exist in the magazine lock screen resources, for example, the user first sets the theme depth of field lock screen image, and then sets the custom depth of field lock screen image, in this case, in order to facilitate the subsequent accurate judgment of whether the currently set lock screen image is the theme depth of field lock screen image or the custom depth of field lock screen image, the System UI obtains the type of the currently set lock screen image.

[0231] According to the previous records, the type of the currently set lock screen image is recorded in the lightweight database, so System UI can query the type of the currently set lock screen image from the lightweight database. When the lock screen image is a custom depth of field lock screen image, the type of the obtained lock screen image is 0, and when the lock screen image is a theme depth of field lock screen image, the type of the obtained lock screen image is 3.

[0232] Optionally, before executing operation (fg22), it can also be determined whether this is the first time the computer is turned on with a password and whether the lock screen interface is invisible. If it is the first time the computer is turned on with a password, or the lock screen interface is not visible, the subsequent process can be omitted to avoid affecting the boot speed; otherwise, if it is the first time the computer is turned on without a password and the lock screen interface is visible, an operation is performed to obtain the type of the currently set lock screen image.

[0233] (fg23) Determine whether the current lock screen image is a depth of field image based on the type of the currently set lock screen image.

[0234] In one possible case, the type of the currently set lock screen image is 0, which indicates that the currently set lock screen image is a custom depth of field lock screen image, that is, it is determined to be a depth of field image. In another possible case, the type of the currently set lock screen image is 3, which indicates that the currently set lock screen image is a theme depth of field lock screen image, that is, it is determined to be a depth of field image. In another possible case, the type of the currently set lock screen image is neither 0 nor 3. In this case, it is determined that the currently set lock screen image is not a depth of field image.

[0235] If the currently set lock screen image is not a depth of field image, proceed to the following operation (fg24). Otherwise, if the currently set lock screen image is a depth of field image, proceed to the following operation (fg25).

[0236] (fg24) Sets the foreground image of the current lock screen image to empty.

[0237] That is, when the currently set lock screen image is not a depth of field image, it means that the currently set lock screen image does not have a foreground image. In this case, the foreground image of the current lock screen image can be set to empty through the foreground view adapter.

[0238] As an example of the present application, three views to be rendered can be obtained from the foreground view page component. When the foreground image of the currently set lock screen image is empty, the correspondence between the view identifier of a blank view and the index information of the currently set lock screen image can be recorded in the foreground view adapter.

[0239] In one example, if the currently set lock screen image includes image description information, the image description information may be added to the view corresponding to the currently set lock screen image.

[0240] As an example but not limitation, the foreground view adapter may obtain the index information of the currently set lock screen image from the background view adapter.

[0241] (fg25) Obtain the foreground image through the foreground view adapter, which is used to provide loading data for the foreground view page component.

[0242] In a possible implementation, since the foreground image in the lock screen directory is unique, when the currently set lock screen image is a depth of field image, the image can be directly retrieved from the lock screen directory, that is, the image named unlock_depth_effect_wallpaper_0.jpg can be obtained.

[0243] In another possible implementation, when the System UI obtains the first depth of field image and the second depth of field image, if the current display screen is in a portrait display state, the foreground image of the first depth of field image can be obtained through the foreground view adapter according to the portrait screen identifier; if the current display screen is in a landscape display state, the foreground image of the second depth of field image can be obtained through the foreground view adapter according to the landscape screen identifier.

[0244] (fg26) Render the acquired foreground image to the corresponding view in the foreground view page component through the foreground view adapter.

[0245] In one example, when the detailed information of the currently set lock screen image also includes image description information, the image description information can also be rendered to an upper layer of the hierarchy where the foreground image is located through the foreground view adapter.

[0246] As an example, after rendering the foreground of the currently set lock screen image to the corresponding view in the foreground view page component, the foreground view adapter can record the correspondence between the view identifier of the rendered view and the index information of the currently set lock screen image.

[0247] (fg27) According to the index information of the currently set lock screen image, obtain the index information of the previous magazine lock screen image of the current lock screen image.

[0248] As an example but not limitation, the index information of the previous magazine lock screen image of the currently set lock screen image can be obtained from the background view adapter through the foreground view adapter.

[0249] (fg28) When it is determined according to the index information of the previous magazine lock screen image that it is not a depth of field image, the foreground image of the previous magazine lock screen image is set to empty.

[0250] As an example of the present application, the previous view adjacent to the view where the foreground image of the currently set lock screen image is located can be obtained from the foreground view page component, and then the correspondence between the obtained view and the index information of the previous magazine lock screen image can be recorded, that is, the foreground image of the previous magazine lock screen image is recorded as empty, that is, it does not exist.

[0251] (fg29) According to the index information of the currently set lock screen image, obtain the index information of the next magazine lock screen image of the current lock screen image.

[0252] As an example but not limitation, the index information of the next magazine lock screen image of the currently set lock screen image can be obtained from the background view adapter through the foreground view adapter.

[0253] (fg210) When it is determined according to the index information of the next magazine lock screen image that it is not a depth of field image, the foreground image of the next magazine lock screen image is set to be empty.

[0254] As an example of the present application, the next view adjacent to the view where the foreground image of the currently set lock screen image is located can be obtained from the foreground view page component, and then the correspondence between the obtained view and the index information of the next magazine lock screen image can be recorded, that is, the foreground image of the next magazine lock screen image is recorded as empty, that is, it does not exist.

[0255] In this way, the update of the foreground view page component is completed.

[0256] It should be noted that the operations of the above steps (bg11) to (bg15) and the operations of steps (fg21) to (fg210) are all optional. In another example, in order to meet the exception handling requirements, the specific implementation of the update view page component may not be limited to including these steps, and the embodiment of the present application does not limit this.

[0257] It should be noted that the embodiment of the present application is described by taking the case where the set lock screen image is a depth of field lock screen image, and rendering the background image of the depth of field lock screen image into the background view page component as an example. In another example, the detail information of the depth of field lock screen image includes a background thumbnail. In this case, after the background view adapter obtains the detail information of the depth of field lock screen image, it renders the background thumbnail included in the detail information of the depth of field lock screen image into the background view page component. Afterwards, during the bright screen display process, the background thumbnail can be displayed first, and then the corresponding background image can be obtained according to the index information of the depth of field lock screen image, and the displayed background thumbnail can be replaced with the background image. In this way, the cache space of the background view page component can be saved while ensuring the real-time display.

[0258] It should be noted that the embodiment of the present application is described by caching the image data of three lock screen images in the view page component at the same time. In another example, the image data of more lock screen images can also be cached at the same time. For example, the image data of five lock screen images can also be cached at the same time, which is not limited in the embodiment of the present application.

[0259] Based on the application scenarios and initialization operations provided in the above embodiments, the following describes the display method of the lock screen image provided in the embodiments of the present application. Fig.17 , Fig.17 FIG. 1 is a flowchart of a method for displaying a lock screen image according to an exemplary embodiment. As an example and not a limitation, Fig.17 Taking the method applied in an electronic device as an example for explanation, the method may include part or all of the following contents:

[0260] Step 1701: In response to a power-on operation on an electronic device, configuration information of a lock screen interface is obtained.

[0261] Due to different lock screen image settings, the configuration information of the lock screen interface is also different. Therefore, in order to accurately display the relevant interface elements in the lock screen interface, the electronic device can obtain the configuration information of the lock screen interface in response to the power-on operation of the electronic device.

[0262] It should be noted that the configuration information includes the display cache area of ​​the lock screen image, the theme information of the lock screen interface, the layout information of each interface element in the lock screen interface (the layout information includes the layout position of each interface element, the size of each interface element, etc.), the magazine lock screen data list, etc. The magazine lock screen data list includes multiple magazine lock screen images and detailed information of each lock screen image in the currently set target depth of field lock screen image.

[0263] As an example, an electronic device can obtain the configuration information of the lock screen interface not only in response to a power-on operation, but also in other situations. For example, it can also obtain the configuration information of the lock screen interface when a depth of field image is set as a lock screen image, or obtain the configuration information when the electronic device is in the screen-off state. Thereafter, when the lock screen interface needs to be displayed, the following step 1702 is performed.

[0264] Step 1702: Display the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information.

[0265] It should be noted that the target depth of field lock screen image is an image with depth of field capability, and the target depth of field lock screen image includes an image subject and a background image, and when the target depth of field lock screen image is displayed in the lock screen interface, part of the system time indicator is located at the lower layer of the layer where the image subject is located, and the system time indicator is located at the upper layer of the layer where the background image is located. Exemplarily, the display scene can be as follows Figure 1 shown.

[0266] For ease of understanding, the present application embodiment provides a schematic diagram of an interface layout, see Fig.18 , the system time indicator is located between the background image and the main image. Fig.18 The various interface elements arranged from top to bottom in Fig.18 The higher the position of the background image in the image, the lower its position in the lock screen interface. Fig.18 The display position in the image is the highest, but the background image is at the bottom of the lock screen interface when it is displayed on the lock screen interface.

[0267] As an example, when the lock screen image of an electronic device is set to a depth of field image, the operation of the electronic device displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information includes: obtaining the layout position of the background image and the image body in the target depth of field lock screen image in the lock screen interface; displaying the target depth of field lock screen image in the lock screen interface according to the layout position of the background image and the image body in the lock screen interface.

[0268] In one possible implementation, the electronic device can render the background image of the target depth of field lock screen image to the first view in the background view page component, and render the foreground image of the target depth of field lock screen image to the second view in the foreground view page component, and display the first view according to the layout position of the background image in the lock screen interface, and display the second view according to the layout position of the foreground image in the lock screen interface, thereby completing the display of the target depth of field lock screen image.

[0269] In another possible implementation, the electronic device can obtain a first view based on the layout position of the background image, and the layout position of the first view is the same as the layout position of the background image, and obtain a second view based on the layout position of the image body, and the layout position of the second view is the same as the layout position of the image body; render the background image of the target depth of field lock screen image to the first view in the background view page component, and render the foreground image of the target depth of field lock screen image to the second view in the foreground view page component, thereby completing the display of the target depth of field lock screen image.

[0270] It is worth noting that, by the layout position of the background image and the image subject in the lock screen interface, the background image and the image subject can be accurately displayed in the lock screen interface, thereby improving the aesthetics of the lock screen interface.

[0271] From the above, it can be seen that the target depth of field lock screen image details information is added to the magazine lock screen data list during the initialization processing of the System UI when the target depth of field lock screen image is applied as the lock screen image. Therefore, the electronic device can also obtain the magazine lock screen data list from the configuration information, and obtain the background image of the target depth of field lock screen image and the foreground image of the target depth of field lock screen image according to the details information of the target depth of field lock screen image in the magazine lock screen data list, and then display the target depth of field lock screen image in the lock screen interface according to the layout position of the background image and the image body in the lock screen interface.

[0272] As an example of the present application, the electronic device obtains the background image of the target depth of field lock screen image according to the detailed information of the target depth of field lock screen image, and the specific implementation is: determine whether the target depth of field lock screen image is the theme depth of field lock screen image according to the first index information in the detailed information, for example, judge according to whether the first index information is a value that is three when divided by four. If the target depth of field lock screen image is the theme depth of field lock screen image, that is, the first index information is a value that is three when divided by four, then the background image is obtained from the copied directory (that is, data / user_de / 0 / com.android.systemui / files). If the target depth of field lock screen image is a custom depth of field lock screen image, then the background image is obtained from the lock screen directory (that is, data / themes / 0 / wallpaper). If the target depth of field lock screen image is a custom ordinary lock screen image, then the background image is obtained from the lock screen directory.

[0273] In some embodiments, the electronic device can obtain the background image from the lock screen directory, or from a custom wallpaper frame. If the lock screen image is displayed when the electronic device is turned on, the electronic device can obtain the background image from the lock screen target.

[0274] It should be noted that the background image in the lock screen directory is in a specified format, such as .jpg format. If you need to display the background image in .jpg format, you need to convert the background image in .jpg format to bitmap and then display it. The image in the custom wallpaper frame exists in the form of bitmap. The background image obtained from the custom wallpaper frame can be displayed without format conversion, which improves display efficiency.

[0275] In some embodiments, after obtaining the background image, the electronic device may display the background image in the view of the currently set lock screen image. If the background image has corresponding image description information, the icon description information corresponding to the background image is obtained, and the view of the image description information is located in the upper layer of the view of the foreground image corresponding to the background image.

[0276] It should be noted that, in the process of acquiring the background image, the electronic device can also acquire the foreground image corresponding to the background image according to the index information, and the electronic device can acquire the foreground image from the custom wallpaper frame or the lock screen directory.

[0277] In some embodiments, the configuration information may also include a lock screen identifier. When the electronic device is in a screen-off state, or when the electronic device is booting up, the electronic device may query the lock screen identifier. The lock screen identifier is used to indicate whether there is a locked lock screen image. The locked lock screen image is a lock screen image displayed after the screen is turned on based on the user's lock operation. When the lock screen identifier indicates that there is no locked lock screen image, query whether the currently applied lock screen image is a depth of field image. When the current application is a depth of field image, render the background image of the currently set target depth of field lock screen image into the background view page component, and render the foreground image of the target depth of field lock screen image into the foreground view page component. When the electronic device is in a screen-on state, display the background image and foreground image of the target depth of field lock screen image in the lock screen interface.

[0278] As an example, when a user requires an electronic device to display a fixed lock screen image after the screen is turned on, the electronic device can be triggered to lock the lock screen image. In this case, the electronic device determines the lock screen image as the locked lock screen image, and can record the lock screen identifier as a value greater than or equal to 0 in the lightweight database to indicate that there is currently a lock screen image locked by the user. For example, when the locked lock screen image is a magazine lock screen image, the lock screen identifier can be the index information corresponding to the magazine lock screen image. For another example, when the locked lock screen image is a custom depth of field lock screen image, the lock screen identifier can be 0 or a value that is zero when divided by four. Of course, if the user does not trigger the electronic device to lock any lock screen image, the lock screen identifier can be set to a value less than 0 by default, such as -1.

[0279] In this way, when the electronic device enters the screen-off state, or when the electronic device is in the process of starting up, the lock screen identifier can be queried from the lightweight database to determine whether there is a locked lock screen image in the electronic device. For example, if the lock screen identifier is less than 0, such as the lock screen identifier is -1, it is determined that there is no locked lock screen image. If the lock screen identifier is greater than or equal to 0, it is determined that there is a locked lock screen image. In one example, the electronic device displays and caches the detailed information of the lock screen image locked by the user and the lock screen images adjacent to it in the magazine lock screen data list. In this case, the lock screen image locked by the user is displayed after the screen is turned on.

[0280] As an example of the present application, when there is no locked lock screen image in the electronic device, that is, when the lock screen identifier is -1, the second indication information in the lightweight database indicating the type of the currently set lock screen image can be queried to determine whether the lock screen image currently applied by the electronic device is a theme depth of field lock screen image or a custom depth of field lock screen image. For example, when the second indication information is 0, it can be determined that the lock screen image currently applied is a custom depth of field lock screen image. For example, when the second indication information is 3, it can be determined that the lock screen image currently applied is a theme depth of field lock screen image. Of course, if the second indication information is neither 0 nor 3, it is determined that the lock screen image of the current application does not have depth of field capability.

[0281] In a possible application scenario, when the electronic device displays the lock screen image, the user may slide the lock screen interface to the left or right. In this case, the image data of the lock screen image to be displayed in the foreground view page component and the background view page component of the electronic device are continuously updated as the user slides. Therefore, in order to be able to display the set target depth of field image every time the screen is turned off and then turned on again, after the electronic device turns off the screen, or when the electronic device is restarted and in the boot process, the foreground image data of the target depth of field image can be cached in the foreground view page component, and the background image data of the target depth of field image can be cached in the background view page component.

[0282] As an example of the present application, the electronic device displays the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information, and can also display various interface elements according to the layout information of each interface element in the configuration information. For example, the fingerprint recognition view (id / fingerprint_in_screen(KeyguardFingerView)), the notification bar (id / notification_container_parent(NotificationsQuickSettingsContainer)), the system status bar (id / Keyguard_header(HwKeyguardStatusBarView)), at least one function control, etc. are displayed.

[0283] In some embodiments, if the lock screen interface also includes a fingerprint recognition view, the fingerprint recognition view is located at the top layer of the lock screen interface, and the fingerprint recognition view is used to indicate the fingerprint pressing area in the lock screen interface. Figure 8 The scene shown.

[0284] In the lock screen interface, if the electronic device is equipped with fingerprint unlocking, if the fingerprint recognition view is blocked by other views, it may cause the user to be unclear which area in the lock screen interface is the area for fingerprint recognition, or it may happen that the fingerprint cannot be collected. Therefore, if there is a fingerprint recognition view, the fingerprint recognition view can be located at the top layer of the lock screen interface. For example, the layout of the fingerprint recognition view can refer to Fig.18 The interface layout diagram is shown.

[0285] It is worth mentioning that by setting the fingerprint recognition view at the top of the lock screen interface, the fingerprint recognition view is prevented from being blocked by other views.

[0286] In some embodiments, if a notification bar is displayed in the lock screen interface, the layer where the notification bar is displayed is located at the top of the lock screen interface, and the notification bar and the fingerprint recognition view do not overlap in the lock screen interface. Figure 7 or Figure 8 The scene shown.

[0287] Since the notification bar is used to display notification messages, if the notification bar is blocked, it will not play a notification role. Therefore, the notification bar also needs to be set at the top of the lock screen interface, and in order to avoid the notification bar and the fingerprint recognition view from blocking each other, the notification bar and the fingerprint recognition view do not overlap in the lock screen interface. For example, the layout of the notification bar can refer to Fig.18 The layout diagram is shown.

[0288] It is worth mentioning that by setting the notification bar and the fingerprint recognition view not to overlap, it is ensured that neither the notification bar nor the fingerprint recognition view will be blocked, thereby improving the aesthetics and reliability of the interface.

[0289] In some embodiments, if a system status bar is displayed in the lock screen interface, the system status bar is located between the background image and the system time indicator. Fig.18 The interface layout diagram is shown.

[0290] As an example, in order to prevent the system status bar from being blocked by the target subject, the system status bar may not be Fig.18 The layout is not performed in the layout manner shown, but is arranged in the upper layer of the level where the target subject is located, that is, it is arranged in the upper layer of the level where the foreground image is located. The embodiment of the present application does not make specific restrictions on this.

[0291] It should be noted that the system status bar includes signal status icons (data signal icon, WiFi signal icon, etc.), a small time icon, and a battery power icon, etc.

[0292] Since the system status bar is usually at the top of the lock screen interface, even if the system status bar is located below the layer where the system time indicator is located, it will not be blocked by the system time indicator.

[0293] It is worth noting that the layer where the system status bar is located is set between the layer where the background image is located and the layer where the system time indicator is located, thereby avoiding the system status bar from blocking other interface elements in the lock screen interface.

[0294] In some embodiments, the lock screen interface further includes at least one functional control, the layer where the at least one functional control is located is located above the layer where the image body is located, and each functional control in the at least one functional control is a control of a function of any application. Exemplarily, the layout of the at least one functional control in the lock screen interface can refer to Fig.18 The interface layout diagram is shown.

[0295] It should be noted that the at least one functional control may include a camera control (a control corresponding to a camera application (id / camera_container(CameraLayout))), a control indicating the number of steps (a control corresponding to a sports-related application), a wallet control (id / wallet_container(WalletLayout)), a multi-device control control (id / deviceControls_container(DeviceControlsLayout), etc. Exemplarily, the scene for displaying at least one functional control can refer to the above Figure 1 The scene shown.

[0296] Since at least one function control is intended to enable users to more conveniently implement the functions of the application, if at least one function control is blocked by the image body, the function control may not be triggered, thereby losing the meaning of displaying the at least one function control. Therefore, the level where the at least one function control is located is located above the level where the image body is located.

[0297] It is worth noting that by displaying at least one function control on the upper layer of the image body, the user can implement the function of the corresponding application by triggering the function control without entering the desktop, thereby improving human-computer interactivity.

[0298] In some embodiments, if the lock screen also displays a multi-account selection control (id / Keyguard_user_selector (KeyguardMultiUserSelectorView)), the multi-account selection control is located at an upper level than the image main body. In the case of a fingerprint recognition view, the multi-account selection control is located between the image main body and the fingerprint recognition view. Each account selection control in the multi-account selection control is used to indicate the account information for logging into the electronic device. For example, the scenario of displaying a multi-account selection control in the lock screen can refer to the above Fig. 9 The scene shown.

[0299] Since when the multi-account selection control is displayed, if the multi-account selection control is blocked by the main image, the user may be unable to select an account, therefore, the multi-account selection control can be located between the main image layer and the fingerprint recognition view layer. Fig.18 The interface layout diagram is shown.

[0300] It is worth noting that by displaying the layer where the multi-account selection control is located on the upper layer where the image main body is located, the multi-account selection control is prevented from being blocked by the image main body.

[0301] In some embodiments, the electronic device may include not only the above interface elements, but also other interface elements, such as a lock mark (exemplarily, the lock mark may refer to Figure 1 The lock shape pattern in the figure), unlock prompt (for example, the unlock prompt can refer to Figure 1 The lock icon and unlock prompt are located below the system time indicator and above the background image. For example, the layout of these interface elements can refer to Fig.18 The interface layout diagram is shown.

[0302] It should be noted that, for views located at different levels in the embodiments of the present application, the hierarchical relationship can be represented by overlaying. For interface elements in the same view, or for interface elements at the same level, in order to avoid overlapping, these interface elements can be laid out through a height function, which can be android:elevation.

[0303] For example, in the embodiment of the present application, at least one function control, a multi-account selection control, a notification bar, etc. can be configured as described above. Fig.18 As shown, the display is in different views and is laid out in a hierarchical manner. Of course, at least one function control, a multi-account selection control, a notification bar, and other interface elements with greatly different display positions can also be set in the same view, and these interface elements can be laid out in the same view through the height function.

[0304] By the above Fig.12 It can be seen that when the target depth of field lock screen image is set as the lock screen image, the detailed information of the target depth of field lock screen image can be added to the magazine lock screen data list, and the magazine lock screen data list also includes the detailed information of at least one magazine lock screen image, and when the lock screen interface is displayed, the user may swipe left or right. In this case, the electronic device can receive a horizontal sliding operation on the lock screen interface; when the magazine lock screen function of the electronic device is turned on, in response to the horizontal sliding operation, a magazine lock screen image adjacent to the target depth of field lock screen image can be displayed, and the adjacent magazine lock screen image is a lock screen image in the magazine lock screen resource that is adjacent to the target depth of field lock screen image and corresponds to the sliding direction of the horizontal sliding operation, and each of the at least one magazine lock screen images in the magazine lock screen resource is located at a level below the layer where the system time indicator is located when displayed in the lock screen interface. Exemplarily, the layout of each magazine lock screen image can refer to Fig.18 The interface layout diagram is shown.

[0305] As can be seen from the above, the magazine lock screen data list can also include detailed information of each magazine lock screen image. Therefore, when the magazine lock screen function of the electronic device is turned on, in response to a horizontal sliding operation, before displaying the magazine lock screen image adjacent to the target depth of field lock screen image, the electronic device can also display the thumbnail of the previous magazine lock screen image in the third view of the background view page component according to the second index information of the previous magazine lock screen image adjacent to the target depth of field lock screen image, and the third view is the previous view adjacent to the first view, and according to the third index information of the next magazine lock screen image adjacent to the target depth of field lock screen image, the thumbnail of the next magazine lock screen image is displayed in the fourth view of the background view page component, and the fourth view is the next view adjacent to the first view. When the magazine lock screen function of the electronic device is turned on, in response to a horizontal sliding operation, and the horizontal sliding operation is a left sliding operation, the electronic device can display the third view; when the horizontal sliding operation is a right sliding operation, the electronic device can display the fourth view.

[0306] As an example, since it takes time for an electronic device to obtain a background image based on an adjacent magazine lock screen image, in order to improve the smoothness of displaying the lock screen image, the electronic device may display a thumbnail of the background image of an adjacent magazine lock screen image in the lock screen interface; when the background image of the adjacent magazine lock screen image is obtained, the thumbnail is replaced with the background image.

[0307] In one possible case, the electronic device determines that the previous magazine lock screen image is not a theme depth of field lock screen image according to the second index information. In this case, the previous magazine lock screen image can be obtained from the magazine lock screen directory, that is, the background image. In another possible case, the electronic device determines that the previous magazine lock screen image is a theme depth of field lock screen image according to the second index information. In this case, the background image can be obtained from the copied directory (that is, data / user_de / 0 / com.android.systemui / files).

[0308] Similarly, in one possible case, it is determined according to the third index information that the next magazine lock screen image is not the theme depth of field lock screen image. In this case, the next magazine lock screen image is obtained from the magazine lock screen directory, that is, the background image. In another possible case, it is determined according to the third index information that the next magazine lock screen image is the theme depth of field lock screen image. In this case, the background image is obtained from the copied directory (i.e., data / user_de / 0 / com.android.systemui / files).

[0309] It should be noted that when displaying the next magazine lock screen image, the electronic device can also obtain detailed information of the magazine lock screen image adjacent to the next magazine lock screen image; when displaying the previous magazine image, the electronic device can also obtain detailed information of the magazine lock screen image adjacent to the previous magazine lock screen image.

[0310] In some embodiments, when the electronic device displays a lock screen interface, the electronic device can receive not only a horizontal sliding operation but also a vertical sliding operation.

[0311] Exemplarily, the electronic device receives a vertical sliding operation on the lock screen interface; in response to the vertical sliding operation, the display of the system time indicator is canceled, and the editing control and the system widget control are displayed, and the layers where the editing control and the system widget control are located are both located above the layer where the image body is located.

[0312] It should be noted that the system widget controls may include recording controls, computer controls, flashlight controls, compass controls, etc. Figure 6 The scene shown.

[0313] It is worth mentioning that by canceling the display of the system time indicator, display space is reserved for other interface elements, thereby increasing the display aesthetics.

[0314] In some embodiments, after the electronic device cancels the display of the system time indicator and displays the editing control and the system widget control in response to the vertical sliding operation, it can also receive a trigger operation on the editing control; in response to the trigger operation, an editing interface is displayed on the currently displayed lock screen image, and the editing interface is used to edit the currently displayed lock screen image. For example, this scenario can refer to the above Figure 6 The scene shown.

[0315] It is worth noting that by displaying the editing interface, the user can edit the currently displayed lock screen interface, thereby improving human-computer interactivity.

[0316] In an embodiment of the present application, the lock screen image of the electronic device may be a depth of field image, and when the lock screen image is a depth of field image, part of the system time indicator in the lock screen interface is located at a lower layer than the layer where the image main body of the depth of field image is located, and the system time indicator is located at an upper layer than the layer where the background image of the depth of field image is located. Since the lock screen image is a depth of field image, a layered effect can be presented in the lock screen interface, thereby reflecting the personalized and diversified settings of the lock screen image and the aesthetics of the lock screen interface.

[0317] Based on the above embodiments, the following describes the display method of the lock screen image provided by the embodiments of the present application. Here, the electronic device is used to open the magazine lock screen function and the currently applied lock screen image is a depth of field lock screen image as an example for explanation. Fig.19 , Fig.19 This is a flow chart of a method for displaying a lock screen image according to an exemplary embodiment. The method can be executed by the above electronic device, and the electronic device can be implemented by multiple modules interacting. The method may include some or all of the following contents:

[0318] Step 1901: In response to the power-on operation, the system service thread starts the boot service, core service and other services in sequence.

[0319] As an example, the system service thread can start the boot service, core service and other services in sequence through three startup functions, for example, start the boot service through startBootstrapServices(), start the core service through startCoreServices(), and start other services through startOtherServices().

[0320] It should be noted that the boot service includes ActivityManagerService (AMS for short, which manages the life cycle of the four major components of Android and also manages each application process), PowerManagerService (power management service), PackageManagerService (PMS for short, used for APK permission verification, installation, deletion and other operations), etc. Core services include battery management services, application usage management services, and WebView update services, etc. Other services include window management services for managing all windows in the system, event delivery and distribution services, management of user lock screen functions, lock screen passwords, etc., providing some system-level settings and properties, system status bar services, etc. This application embodiment will not be described one by one.

[0321] Step 1902: The system service module starts SystemUI.

[0322] The system service module can start SystemUI through the startSystemUI() and onCreat() functions. The startup process can refer to the relevant technology, and the embodiments of the present application will not go into details about this.

[0323] Step 1903: When SystemUI is started, the system status management module loads a layout file, which includes layout information of each view in the lock screen interface.

[0324] As an example and not a limitation, when SystemUI is started, multiple modules may also need to be started so that the system status management module loads the layout file, which is not limited in this embodiment of the present application.

[0325] Step 1904: The system status management module sends a loading notification to the lock screen image drawing module.

[0326] Step 1905: The lock screen image drawing module sends an image rendering instruction to the background view adapter and sends an image rendering instruction to the foreground view adapter. The image rendering instruction is used to instruct the image data of the lock screen image to be displayed to be rendered into the corresponding view page component.

[0327] Step 1906: When the background view adapter renders the background images of the three lock screen images into the background view page components respectively, it sends a rendering completion notification to the lock screen image drawing module.

[0328] In one possible case, the background view adapter has completed rendering when receiving the image rendering instruction. In this case, the background view adapter sends a rendering completion notification to the lock screen image drawing module to notify the image drawing module to complete the rendering operation. In another possible case, the background view adapter has not completed rendering when receiving the image rendering instruction. In this case, the background view adapter continues to perform the rendering operation and sends a rendering completion notification to the lock screen image drawing module after the rendering is completed.

[0329] Step 1907: After rendering the foreground images of the three lock screen images into the foreground view page components respectively, the foreground view adapter sends a rendering completion notification to the lock screen image drawing module.

[0330] Similarly, in one possible case, the foreground view adapter has completed rendering when receiving the image rendering instruction. In this case, the foreground view adapter sends a rendering completion notification to the lock screen image drawing module to notify the image drawing module to complete the rendering operation. In another possible case, the foreground view adapter has not completed rendering when receiving the image rendering instruction. In this case, the foreground view adapter continues to perform the rendering operation and sends a rendering completion notification to the lock screen image drawing module after the rendering is completed.

[0331] Step 1908: After receiving the rendering completion notifications respectively sent by the foreground view adapter and the background view adapter, the lock screen image drawing module sends a screen light instruction to the power management service module through the window management service module.

[0332] The lock screen image drawing module sends a screen light instruction to the window management service module, and the window management service module forwards the screen light instruction to the power management service module. The screen light instruction is used to indicate that the drawing of the lock screen image to be displayed has been completed.

[0333] Step 1909: The power management service module controls the screen to turn on, and displays the background image of the target depth of field lock screen image in the lock screen interface through the background view page component, and displays the foreground image of the target depth of field lock screen image in the lock screen interface through the foreground view page component.

[0334] Since the background image of the target depth of field lock screen image is rendered to the first view in the background view page component, and the foreground image of the target depth of field lock screen image is rendered to the second view in the foreground view page component, after the power management service module turns on the screen, the first view in the background view page component and the second view in the foreground view page component can be displayed in the lock screen interface, thereby displaying the background image and foreground image of the target depth of field lock screen image in the lock screen interface. For example, the display effect is as follows: Figure 1 shown.

[0335] In one example, after displaying the target depth of field lock screen image, when the user slides to the left or right, the lock screen image corresponding to the slide and adjacent to the target depth of field lock screen image is displayed. If the user slides to the left, the foreground view page component switches to the next view adjacent to the second view according to the sliding direction, and the background view page component switches to the next view adjacent to the first view according to the sliding direction, thereby displaying the next magazine lock screen image P3 corresponding to the sliding direction. In the process of displaying the next magazine lock screen image P3, the lock screen image processing module obtains the background image of the next magazine lock screen image P3 and replaces the displayed background thumbnail. Afterwards, the background view adapter obtains the detailed information of the next magazine lock screen image P4 of the next magazine lock screen image P3 from the magazine lock screen data list, and renders the background thumbnail of the next magazine lock screen image P4 in the background view page component, and records the correspondence between the view identifier of the rendered view and the index information of the magazine lock screen image P4. In addition, the foreground view adapter sets the foreground image of the next magazine lock screen image P4 to empty, and records the correspondence between an empty view in the foreground view page component and the next magazine lock screen image P4.

[0336] It should be noted that, since the background view adapter records the corresponding relationship between each rendered view and the index information of the corresponding lock screen image during the process of updating the background view page component, after the user slides, the background view adapter can determine the index information corresponding to the image data rendered in the view after sliding according to the corresponding relationship and the view identifier of the view displayed after sliding, so that the next index information corresponding to the sliding direction of the sliding operation can be determined from the magazine lock screen data list according to the index information, and then the detailed information corresponding to the determined next index information can be obtained. In addition, the view adjacent to the view displayed after sliding in the background view page component can be determined, so that the background thumbnail of the obtained magazine lock screen image can be updated to the determined view, and the corresponding relationship between the view identifier of the view and the index information of the magazine lock screen image is recorded. Similarly, the foreground view adapter can also be updated in a similar manner. In this way, after each slide of the user, the electronic device can render the foreground image and background image of the adjacent lock screen image of the lock screen image displayed after sliding into the foreground view page component and the background view page component respectively, so as to quickly respond to the user's sliding operation later.

[0337] After the blank views in the foreground view page component or the background view page component are used up, the views that are far from the foreground image or background image of the currently displayed lock screen image can be released so that the released views can be reused in subsequent rendering processes.

[0338] It should be noted that the above embodiment is described by taking the case where the detailed information of the target depth of field lock screen image includes the background image of the target depth of field lock screen image as an example. In another example, the detailed information of the target depth of field lock screen image includes the background thumbnail of the target depth of field lock screen image. In this case, when the background view page component is updated, the background thumbnail of the target depth of field lock screen image is rendered to one of the views (such as rendered to the first view), and the background thumbnail of the target depth of field lock screen image is first displayed in the lock screen interface after the screen is turned on. Since the background thumbnail is a compressed image, it may not be clear enough when displayed, so the lock screen image processing module can obtain the background image of the target depth of field lock screen image according to the first index information of the target depth of field lock screen image, and then replace the displayed background thumbnail with the obtained background image through the background view adapter.

[0339] As an example of the present application, the specific implementation of obtaining the background image of the target depth of field lock screen image according to the first index information may include: according to the first index information, determining the type of the target depth of field lock screen image, the type of the target depth of field lock screen image includes a theme depth of field lock screen image or a custom depth of field lock screen image, for example, determining whether the first index information is a value that is divided by four and has a remainder of three, or whether it is a value that is divided by four and has a remainder of zero. If the target depth of field lock screen image is the theme depth of field lock screen image, that is, the first index information is a value that is divided by four and has a remainder of three, then the background image is obtained from the copied directory (that is, data / user_de / 0 / com.android.systemui / files). If the target depth of field lock screen image is a custom depth of field lock screen image, that is, the first index information is a value that is divided by four and has a remainder of zero, then the background image is obtained from the lock screen directory (that is, data / themes / 0 / wallpaper).

[0340] In one example, when the target depth of field lock screen image is a custom depth of field lock screen image, since its background image is stored in the custom wallpaper frame, the lock screen image drawing module can also obtain the background image from the custom wallpaper frame.

[0341] It is worth noting that the background image in the lock screen directory exists in a specified format, such as .jpg format. If you need to display the background image in .jpg format, you need to convert the background image in .jpg format to bitmap and then display it. The image in the custom wallpaper frame exists in the form of bitmap. The background image obtained from the custom wallpaper frame can be displayed without format conversion, which improves display efficiency.

[0342] Step 1910: The touch event detection module receives a horizontal sliding operation in the lock screen interface.

[0343] After the lock screen image is displayed in the lock screen interface, if the user wants to trigger the electronic device to display the next lock screen image or the previous lock screen image in the magazine lock screen resource in the lock screen interface, the user can slide left or right in the lock screen interface, and accordingly, the touch event detection module can detect the horizontal sliding operation.

[0344] Step 1911: In response to the horizontal sliding operation, the touch event detection module sends a horizontal sliding event to the magazine lock screen layout module.

[0345] In one example, the horizontal sliding event includes the starting position information and the ending position information of the horizontal sliding operation in the lock screen interface.

[0346] As an example but not limitation, the touch event detection module may send the horizontal sliding event to the magazine lock screen layout module through multiple modules in sequence, which is not limited in the embodiments of the present application.

[0347] Step 1912: The magazine lock screen layout module sends a horizontal sliding event to the foreground view page component, and sends a horizontal sliding event to the background view page component.

[0348] That is, after receiving the horizontal sliding event, the magazine lock screen layout module can distribute the horizontal sliding event to the foreground view page component and the background view page component respectively.

[0349] Step 1913: When determining that the horizontal sliding event meets the preset sliding condition, the foreground view page component switches to the foreground image corresponding to the horizontal sliding operation.

[0350] The preset sliding condition can be set as required. In one example, the foreground view page component can determine the sliding distance according to the starting position information and the ending position information in the horizontal sliding event, and when it is determined that the sliding distance of the horizontal sliding operation in the X-axis direction is greater than or equal to half the length of the screen width, it is determined that the horizontal sliding event meets the preset sliding condition, otherwise, it is determined that the sliding event does not meet the preset sliding condition.

[0351] When it is determined that the horizontal sliding event meets the preset sliding conditions, the sliding direction is determined according to the starting position information and the ending position information, so that the sliding direction of the sliding operation can be determined, and then the lock screen image corresponding to the sliding direction is switched. For example, when it is determined that the horizontal sliding operation is a left slide, the foreground view page component switches to the next view, and the lock screen interface displays the foreground image of the next lock screen image. For another example, when it is determined that the horizontal sliding operation is a right slide, the foreground view page component switches to the previous view, and the lock screen interface displays the foreground image of the previous lock screen image.

[0352] It should be noted that, in the case of the next lock screen image or the lock screen image is not a depth of field lock screen image, the foreground image is empty, which can be understood as the foreground view page component switching to a blank view, or switching to a view with image description information.

[0353] Step 1914: The foreground view page component sends a switch confirmation notification to the magazine lock screen layout module.

[0354] In one example, when the foreground view page component determines that the horizontal sliding event meets the preset sliding condition, the foreground view page component sends a switching confirmation notification to the magazine lock screen layout module to indicate that the foreground view page component confirms the page switching.

[0355] As an example but not limitation, the foreground view page component can notify the magazine lock screen layout module to confirm page switching through a callback.

[0356] Step 1915: When the background view page component determines that the horizontal sliding event meets the preset sliding condition, it switches to the background image corresponding to the horizontal sliding operation.

[0357] The method for the background view page component to determine whether a horizontal sliding event meets the preset sliding conditions can be referred to the method for the foreground view page component to determine whether a horizontal sliding event meets the preset sliding conditions, which will not be repeated here.

[0358] Similarly, when it is determined that the horizontal sliding event meets the preset sliding conditions, the sliding direction is determined according to the starting position information and the ending position information, so that the sliding direction of the horizontal sliding operation can be determined, and then the lock screen image corresponding to the sliding direction is switched. For example, when it is determined that the horizontal sliding operation is a left slide, the background view page component switches to the next view, and the lock screen interface displays the background image of the next lock screen image. For another example, when it is determined that the horizontal sliding operation is a right slide, the background view page component switches to the previous view, and the lock screen interface displays the background image of the previous lock screen image.

[0359] It should be noted that if the previous lock screen image or the next lock screen image is a magazine lock screen image, the background thumbnail is displayed in the previous view or the next view after sliding.

[0360] It should be noted that there is no strict order in which step 1913 and step 1915 are executed. In an example, step 1913 and step 1915 are executed synchronously.

[0361] It should be noted that the above description is based on the example that the horizontal sliding event meets the preset sliding condition. In another possible case, if the horizontal sliding event does not meet the preset sliding condition, the background view page component and the foreground view page component do not switch views, and do not need to perform subsequent update operations.

[0362] Step 1916: The background view page component sends a switch confirmation notification to the magazine lock screen layout module.

[0363] In one example, when the background view page component determines that the horizontal sliding event meets the preset sliding condition, the background view page component sends a switching confirmation notification to the magazine lock screen layout module to indicate that the background view page component confirms the page switching.

[0364] As an example but not limitation, the background view page component can notify the magazine lock screen layout module to confirm page switching through a callback.

[0365] Step 1917: After receiving the switch confirmation notifications sent by the foreground view page component and the background view page component respectively, the magazine lock screen layout module sends a data update instruction to the background view adapter and sends a data update instruction to the foreground view adapter. The data update instruction carries the view identifier IDa of the view where the lock screen image Pa after sliding is located.

[0366] Step 1918: The background view adapter determines the index information of the lock screen image Pa according to the view identifier IDa.

[0367] In one example, the background view adapter records the correspondence between the view identifier and index information of each view in the background view page component that draws the background image. Therefore, the background view adapter can query the corresponding index information from the correspondence according to the view identifier IDa, thereby determining the index information of the lock screen image Pa.

[0368] Step 1919: The background view adapter sends an image replacement instruction to the lock screen image processing module. The image update instruction carries the index information of the lock screen image Pa.

[0369] When the lock screen image Pa after sliding is not a depth of field lock screen image, since the background thumbnail is displayed first after switching and the clarity of the background thumbnail is insufficient, the background view adapter sends an image replacement instruction to the lock screen image processing module to instruct the lock screen image processing module to obtain the background image of the switched lock screen image Pa, that is, to obtain the magazine lock screen image, and replace the background thumbnail displayed in the lock screen interface.

[0370] Step 1920: The lock screen image processing module obtains the background image of the lock screen image Pa according to the index information of the lock screen image Pa.

[0371] In one example, when the lock screen image Pa after sliding is a magazine lock screen image, the lock screen image processing module obtains the corresponding magazine lock screen image from the magazine lock screen data list according to the index information of the lock screen image Pa, and obtains the background image of the lock screen image Pa. The magazine lock screen data list includes multiple magazine lock screen images.

[0372] Step 1921: The lock screen image processing module sends the background image of the lock screen image Pa to the background view adapter.

[0373] Step 1922: The background view adapter renders the background image of the lock screen image Pa into the corresponding view.

[0374] In one example, the background view adapter determines the corresponding view identifier based on the index information of the lock screen image Pa, and then draws the acquired background image of the lock screen image Pa onto the view corresponding to the view identifier. In this way, the background thumbnail currently displayed in the lock screen interface is replaced with the acquired background image.

[0375] It should be noted that the embodiment of the present application is described by taking the case where the lock screen image Pa after sliding is not a depth of field lock screen image as an example. In one example, when the lock screen image Pa after sliding is a depth of field lock screen image, since the background image of the depth of field lock screen image is rendered when the background view page component is updated, that is, not the background thumbnail, the operations of steps 1919 to 1922 above may not be performed at this time, and the operation of step 1923 below may be directly entered.

[0376] In another example, when the lock screen image Pa after sliding is a depth of field lock screen image, if the background thumbnail of the depth of field lock screen image is rendered when the background view page component is updated, the operation of obtaining the background image of the depth of field lock screen image and replacing the displayed background thumbnail will still be performed. The difference from the above process is that in this case, the lock screen image processing module obtains the background image from the lock screen directory (that is, unlock_wallpaper_0.jpg) or from the preset directory (that is, data / user_de / 0 / com.android.systemui / files) according to the index information of the lock screen image Pa. For example, when the index information of the lock screen image Pa indicates that the lock screen image Pa is a custom depth of field lock screen image, the background image is obtained from unlock_wallpaper_0.jpg. When the index information of the lock screen image Pa indicates that the lock screen image Pa is a theme depth of field lock screen image, the background image is obtained from data / user_de / 0 / com.android.systemui / files.

[0377] As an example of the present application, after the user slides the lock screen interface, when the background image of the lock screen image corresponding to the sliding operation is switched, the background view adapter can update another undisplayed background image currently existing in the background view page component to the view adjacent to the switched view. For example, see Fig. 20 , assuming that the view in the background view page component is displayed after the screen is turned on Figure 2 , and see Figure 1 Includes background image 1, and video Figure 3 Includes background image 3, view Figure 4 And Vision Figure 5 When the user slides left, the view in the background view page component is displayed on the lock screen interface. Figure 3 , that is, background image 3 is displayed.

[0378] Step 1923: The background view adapter obtains detailed information of the lock screen image Pb adjacent to the lock screen image Pa from the magazine lock screen data list according to the index information of the lock screen image Pa.

[0379] Step 1924: The background view adapter sets the background thumbnail in the detail information of the lock screen image Pb in the view of the background view page component.

[0380] In one example, the background view adapter sets the background thumbnail of the lock screen image Pb in the view ViewB, which is a view adjacent to the view ViewA where the background image of the lock screen image Pa is located.

[0381] Step 1925: The background view adapter records the correspondence between the view identifier of the set view and the index information of the lock screen image Pb.

[0382] For example, see Fig. 20 , update the background thumbnail of the lock screen image Pb to the view Figure 4 and record the video Figure 4 The correspondence between the identification information and the index information of the lock screen image Pb.

[0383] Step 1926: The foreground view adapter determines the type of the lock screen image Pb according to the index information of the lock screen image Pb.

[0384] As an example of the present application, the foreground view adapter can obtain the index information of the lock screen image Pb from the background view adapter. For example, after the background view adapter obtains the detailed information of the lock screen image Pb from the magazine lock screen data list according to the index information of the lock screen image Pa, the index information of the lock screen image Pb can be sent to the foreground view adapter.

[0385] Step 1927: When the lock screen image Pb is not a depth of field lock screen image, the foreground view adapter determines that the foreground image of the lock screen image Pb is empty.

[0386] In one example, the foreground view adapter can record the correspondence between the view identifier of a blank view in the foreground view page component and the index information of the lock screen image Pb, so that when the user subsequently slides to the lock screen image Pb, the lock screen image Pb can be effectively displayed, and the index information of the lock screen image Pb can be updated to continue to update the image data of the next adjacent lock screen image of the lock screen image Pb to the foreground view page component and the background view page component.

[0387] It should be noted that the above description is based on the example that the lock screen image Pb is not a depth of field lock screen image. When it is determined that the lock screen image Pb is a depth of field lock screen image, the foreground view adapter obtains the foreground image of the lock screen image Pb. Afterwards, the foreground view adapter sets the foreground image of the lock screen image Pb in the view of the foreground view page component, and records the correspondence between the set view and the index information of the lock screen image Pb.

[0388] Similarly, after the user slides, the foreground view adapter modifies the correspondence between the view and the index information according to the sliding direction. For specific implementation, please refer to the implementation method of modifying the relationship between the view and the index of the background view adapter.

[0389] In an embodiment of the present application, the lock screen image of the electronic device may be a depth of field image, and when the lock screen image is a depth of field image, part of the system time indicator in the lock screen interface is located at a lower layer than the layer where the image main body of the depth of field image is located, and the system time indicator is located at an upper layer than the layer where the background image of the depth of field image is located. Since the lock screen image is a depth of field image, a layered effect can be presented in the lock screen interface, thereby reflecting the personalized and diversified settings of the lock screen image and the aesthetics of the lock screen interface.

[0390] The method provided in the embodiment of the present application can be executed by an electronic device, and the electronic device supports a screen rotation function. As an example and not a limitation, the electronic device can be, but is not limited to, a tablet computer, a desktop, a laptop, a handheld computer, a notebook computer, a netbook, an augmented reality (AR) / virtual reality (VR) device, a foldable mobile phone, etc., and the embodiment of the present application does not limit this.

[0391] Fig.21 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Fig.21The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna S1, an antenna S2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0392] It is to be understood that the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0393] The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0394] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0395] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0396] In some embodiments, the processor 110 may include one or more interfaces, such as an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0397] The electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

[0398] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function, such as storing music, video and other files in the external memory card.

[0399] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created by the electronic device 100 during use (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0400] The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. The acceleration sensor 180E can also be used to identify the posture of the electronic device 100, and is applied to applications such as horizontal and vertical screen switching, pedometers, etc.

[0401] The touch sensor 180K is also called a "touch panel". The touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen". The touch sensor 180K is used to detect touch operations acting on or near it. The touch sensor 180K can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K can also be set on the surface of the electronic device 100, which is different from the position of the display screen 194.

[0402] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network or other programmable device. The computer instructions may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be transmitted from a website site, computer, server or data center by wired (such as: coaxial cable, optical fiber, data subscriber line (Digital Subscriber Line, DSL)) or wireless (such as: infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium may be any available medium that a computer can access, or a data storage device such as a server or data center that includes one or more available media integrations. The available medium may be a magnetic medium (such as a floppy disk, a hard disk, a magnetic tape), an optical medium (such as a digital versatile disc (DVD)), or a semiconductor medium (such as a solid state disk (SSD)).

[0403] The above are optional embodiments provided for the present application and are not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the technical scope disclosed in the present application shall be included in the protection scope of the present application.

Claims

1. A method for displaying a lock screen image, characterized in that: Applied in an electronic device, the method comprises: In response to a power-on operation on the electronic device, obtaining configuration information of a lock screen interface; Displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information; Among them, the target depth of field lock screen image includes an image body and a background image, and when the target depth of field lock screen image is displayed in the lock screen interface, part of the system time indicator is located at the lower layer of the level where the image body is located, and the system time indicator is located at the upper layer of the level where the background image is located.

2. The method according to claim 1, characterized in that The lock screen interface also includes a fingerprint recognition view, the fingerprint recognition view is located at the top layer of the lock screen interface, and the fingerprint recognition view is used to indicate the fingerprint pressing area in the lock screen interface.

3. The method according to claim 2, characterized in that The lock screen interface also includes a notification bar, and the level at which the notification bar is displayed is located at the top layer of the lock screen interface, and the notification bar and the fingerprint recognition view do not overlap in the lock screen interface.

4. The method according to any one of claims 1 to 3, characterized in that The lock screen interface also includes a system status bar, and the level at which the system status bar is located is between the level at which the background image is located and the level at which the system time indicator is located.

5. The method according to claim 1, characterized in that The lock screen interface also includes at least one function control, the layer where the at least one function control is located is located above the layer where the image body is located, and each function control in the at least one function control is a control of a function possessed by any application.

6. The method according to claim 1, characterized in that The lock screen interface also includes a multi-account selection control, the level where the multi-account selection control is located is located above the level where the image body is located, and each account selection control in the multi-account selection control is used to indicate the account information for logging into the electronic device.

7. The method according to any one of claims 1 to 6, characterized in that After displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information, the method further includes: Receiving a horizontal sliding operation on the lock screen interface; When the magazine lock screen function of the electronic device is turned on, in response to the horizontal sliding operation, a magazine lock screen image adjacent to the target depth of field lock screen image is displayed, the adjacent magazine lock screen image is a lock screen image in the magazine lock screen resource that is adjacent to the target depth of field lock screen image and corresponds to the sliding direction of the horizontal sliding operation, and each magazine lock screen image in the magazine lock screen resource is displayed in the lock screen interface at a level below the layer where the system time indicator is located.

8. The method according to any one of claims 1 to 7, characterized in that After displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information, the method further includes: Receiving a vertical sliding operation on the lock screen interface; In response to the vertical sliding operation, the display of the system time indicator is canceled, and an edit control and a system widget control are displayed, wherein the levels of the edit control and the system widget control are both located above the level of the image body.

9. The method according to claim 8, characterized in that After canceling the display of the system time indicator and displaying the edit control and the system widget control in response to the vertical sliding operation, the method further includes: Receiving a trigger operation on the edit control; In response to the trigger operation, an editing interface is displayed on the currently displayed lock screen image, and the editing interface is used to edit the currently displayed lock screen image.

10. The method according to any one of claims 1 to 9, characterized in that The configuration information includes the layout position of each interface element in the lock screen interface in the lock screen interface; The displaying the currently applied target depth of field lock screen image in the lock screen interface according to the configuration information includes: Obtaining the layout positions of the background image and the image subject in the target depth-of-field lock screen image in the lock screen interface; The target depth-of-field lock screen image is displayed in the lock screen interface according to the layout positions of the background image and the image body in the lock screen interface.

11. An electronic device, characterized in that: The structure of the electronic device includes a processor and a memory; The memory is used to store a program that supports the electronic device to execute the method according to any one of claims 1 to 10.

12. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores instructions, which, when executed on a computer, enable the computer to execute the method according to any one of claims 1 to 10.

Images