Card display method and related equipment

Abstract

The embodiment of the invention provides a card display method and related equipment, and relates to the technical field of terminals, and the method comprises the steps: displaying a first interface of a first application; in response to the first operation, displaying a first card in the first interface, the first card displaying a first dynamic effect; wherein the first card corresponds to a second application; the first operation is used for triggering an identification process; the first dynamic utility represents that identification is being performed; under the condition that the recognition result is obtained, a second dynamic effect is displayed in the first card, and the second dynamic effect is used for representing the recognition result; after the first preset duration, a third dynamic effect is displayed in the first card, and the third dynamic effect indicates that the first card is stopped being displayed. Therefore, in the scene recognition process, the electronic equipment can display the dynamic effects of recognition, recognition completion and card disappearance in the form of 2 * 2 cards, so that the scenes of jumping from the current task interface to the recognition interface in the recognition process are reduced, the display mode of the recognition scene is enriched, and the conciseness and attractiveness of the interface are improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a card display method and related equipment. Background Technology

[0002] Electronic devices can provide security services such as app locks and Near Field Communication (NFC) identification. For example, an app lock can lock an application and unlock it after the user enters a password or completes biometric verification. NFC identification uses NFC technology to simulate access cards, transit cards, or credit cards, enabling quick access or secure payments.

[0003] However, in some implementations, during the application lock or NFC recognition process, the electronic device often jumps to the application lock interface or NFC recognition interface, interrupting the task that the electronic device is currently performing and affecting the user experience. Summary of the Invention

[0004] This application provides a card display method and related equipment, which are applied in the field of terminal technology. In the recognition scenario, the electronic device can display the animation of recognition in progress, recognition completion and card disappearance in the form of 2×2 cards, thereby reducing the scenario of jumping from the current task interface to the recognition interface during the recognition process, enriching the display mode of the recognition scenario, and improving the simplicity and aesthetics of the interface.

[0005] In a first aspect, embodiments of this application propose a card display method applied to an electronic device, the method comprising: displaying a first interface of a first application (e.g., ... Figure 5 The social application interface shown in 'a', or Figure 7 The desktop of the desktop application management shown in 'a'); in response to a first operation (e.g., triggering NFC recognition or triggering application lock face recognition), a first card (e.g., NFC card 501, face recognition card 702) is displayed in the first interface, and the first card display has a first animation effect (e.g. Figure 6 The animations shown in a to b in the text, or Figure 8 The animation shown in 'a' is shown in the image; where the first card corresponds to the second application (e.g., an NFC recognition application or a facial recognition application); the first operation is used to trigger the recognition process; the first animation is used to indicate that recognition is in progress; and upon receiving a recognition result (e.g., recognition successful or recognition failed), the second animation is displayed on the first card (e.g., ...). Figure 6 The animation shown in 'c' is an example of this. Figure 8 The animation shown in c is or Figure 9The first animation (f in the image) is used to represent the recognition result; after the first preset duration (after the second animation finishes playing), the third animation (e.g., the animation shown in the image) is displayed in the first card. Figure 6 The animation effects shown in d to g are as follows. Figure 8 The animations shown in c to d are or Figure 9 (The animations shown in f to g) are used to indicate that the first card is stopped being displayed; the first preset duration is greater than or equal to the playback duration of the second animation.

[0006] In this way, in a recognition scenario, electronic devices can display animations of recognition in progress, recognition completion, and card disappearance in the form of 2×2 cards, enriching the display methods of the recognition scenario and improving the simplicity and aesthetics of the interface.

[0007] Optionally, in response to the first operation, displaying the first card on the first interface includes: in response to the first operation, obtaining the layout information of the first card (e.g., the layout information of a 2×2 card) and the first resource (e.g., NFC recognition animation resource or face recognition animation resource), the first resource corresponding to the first animation, the first resource including multiple images; during the recognition process, creating the first card according to the layout information of the first card, and displaying the first animation in the first card according to the first resource.

[0008] In this way, during the recognition process, the electronic device can simultaneously display the recognition process on the first card to prompt the user on the recognition progress.

[0009] Optionally, upon obtaining the recognition result, displaying the second animation effect in the first card includes: obtaining a second resource (e.g., recognition result animation effect resource) based on the recognition result, the second resource corresponding to the second animation effect; and displaying the second animation effect in the first card based on the second resource.

[0010] It is understandable that, compared to transmitting the first and second resources simultaneously in step S1001 or S1201, after obtaining the identification result, the identification application transmits fewer second resources to the SystemUI (e.g., only the second resources that were successfully identified or failed to be identified), reducing the data transmission pressure and the operational pressure of converting the view into a remote view.

[0011] In this way, after the electronic device completes the recognition, it can simultaneously display the recognition result on the first card to prompt the user about the recognition progress.

[0012] Optionally, before displaying the third animation effect in the first card, the method further includes: obtaining a third resource (e.g., a card disappearance animation effect resource) and animation effect status callback information (e.g., the animation effect status callback information may be obtained in step S1001 or S1201, earlier than the display process of the third animation effect), the third resource corresponding to the third animation effect; the animation effect status callback information is used to indicate that the second animation effect has finished playing; displaying the third animation effect in the first card includes: if the animation effect status callback information is obtained, displaying the third animation effect in the first card according to the third resource.

[0013] In this way, the electronic device can determine the timing of displaying the disappearing animation based on the animation status callback information, thereby canceling the display of the first card to indicate the end of the recognition task.

[0014] Optionally, it also includes: starting a countdown when the first animation effect is displayed; if the first card is still displayed on the first screen after the countdown ends, then displaying the third animation effect on the first card based on the third resource.

[0015] This allows the first card to be canceled if the recognition time expires, preventing the prolonged display of the first card from affecting the display of other elements, such as event cards, event capsules, and notification messages.

[0016] Optionally, after displaying the third animation effect in the first card based on the third resource, the method also includes: clearing the first resource, the second resource, and the third resource.

[0017] This reduces the memory footprint of electronic devices.

[0018] Optionally, the recognition process includes a facial recognition process (e.g.) Figures 7-10 (As illustrated in the embodiment), the first operation includes operations for launching a third application (e.g., ...). Figure 7 In the interface shown in Figure a, the click operation for the social application icon 701 is shown. The third application (e.g., the social application) has an application lock, and the second application includes a face recognition application. After obtaining the recognition result, it also includes:

[0019] If facial recognition is successful, the system switches from the first interface to the second interface (e.g., ...). Figure 7 The interface shown in c is the interface of the third application;

[0020] Alternatively, if facial recognition fails, the system can switch from the first interface to a third interface (e.g., ...). Figure 9 The interface shown in b or Figure 9 The third interface (as shown in c) includes one or more controls for unlocking the application lock (e.g., face unlock retry, fingerprint unlock, password unlock, etc.).

[0021] In this way, in facial recognition scenarios, electronic devices can launch applications without displaying the application lock screen, reducing interface switching and improving the smoothness of application launch while ensuring safe and fast application launch.

[0022] Optionally, the first resource is a frame image resource that supports looping playback; displaying the second animation effect in the first card according to the second resource includes: after obtaining the second resource, displaying the first frame image of the second resource in the first card after displaying the last frame image in the first resource.

[0023] In a face recognition scenario, the first animation is a looping animation. If the electronic device has not completed the current animation display when the second resource is obtained, the animation of completed recognition will be displayed after the electronic device finishes playing the current animation.

[0024] This makes the transition from the first animation effect to the second animation effect smoother.

[0025] Optionally, the identification process includes an NFC identification process (e.g., Figure 5 , Figure 6 and Figure 12 The embodiment shown includes an NFC recognition application. After obtaining the recognition result, the application further includes: if the NFC recognition is successful, continuing to display the first interface (e.g., ...). Figure 5 (as shown in 'a'); or, in the event of NFC recognition failure, continue displaying the first interface; or switch from the first interface to the fourth interface, which is the interface for the second application (e.g., ...). Figure 2 (The interface shown in b).

[0026] In this way, electronic devices can use NFC recognition to quickly swipe cards, and during the NFC recognition process, the NFC card itself displays the NFC recognition process, reducing interface switching. While using NFC cards securely and quickly, it does not affect the user's current activity, such as the electronic device maintaining the display of social application interfaces during the card swiping process.

[0027] Optionally, the second animation may include an illustration of an NFC card (e.g., Figure 6 The diagram of the card holder shown in Figure 601 (c) and the identification result identifier (e.g., Figure 6 (Identifier 603) displays a third animation effect in the first card, including: displaying the size of the first card gradually shrinking to the size of the first control (e.g., Figure 6 The first control (capsule control) has the following specifications, and the first card displays a third resource; the first control is capsule-shaped; the first control includes a schematic diagram of the NFC card and a recognition result identifier (e.g., ...). Figure 6(See the cardholder diagram 601 and identifier 603 shown in f); after a second preset time (e.g., the display time of the capsule control), the first control is stopped from being displayed, and the first interface continues to be displayed (by...). Figure 5 The interface shown in 'c' returns to Figure 5 (The process shown in the interface 'a').

[0028] In this way, the capsule control can be used to transition during the process of putting away the first card, improving the smoothness of the card's disappearance. Optionally, the electronic device can recall the NFC card using the capsule control and access the wallet-related interface via the NFC card.

[0029] Optionally, before displaying the third animation effect in the first card, the method further includes: obtaining a fourth resource (e.g., application snapshot data), the fourth resource corresponding to the first control; displaying the third animation effect in the first card includes: displaying the third animation effect in the first card according to the third resource when the animation effect status callback information is obtained; and displaying the third animation effect according to the fourth resource after the third resource has been displayed.

[0030] In this way, the capsule control can be used to transition during the process of putting away the first card, improving the smoothness of the card's disappearance. Optionally, the electronic device can recall the NFC card using the capsule control and access the wallet-related interface via the NFC card.

[0031] Optionally, the size of the first card is smaller than the size of the screen of the electronic device, and the distance between the left side of the first card and the left side of the screen, and the distance between the right side of the first card and the right side of the screen, are both less than a first distance threshold.

[0032] Optionally, the first interface includes a second card (e.g., a 4×1 event card), the priority of the first card (e.g., the importance described in the embodiments of this application) is the same as the priority of the second card; the size of the second card is larger than the size of the first card, the distance between the left side of the second card and the left side of the screen, and the distance between the right side of the second card and the right side of the screen are both less than a second distance threshold; the first distance threshold is greater than the second distance threshold (e.g., the length of a 2×2 card is less than the length of a 4×1 card); in response to the first operation, displaying the first card in the first interface includes: in response to the first operation, stopping the display of the second card and displaying the first card in the first interface (e.g., scenario two); after displaying the third animation effect in the first card, it further includes: stopping the display of the first card and displaying a second control (e.g., an event capsule) in the first interface, the second control is capsule-shaped and corresponds to the second card; in response to the first operation again, stopping the display of the second control and displaying a third card (e.g., a 2×2 card, this process can be a conflict scenario between the event capsule and the 2×2 card, such as scenario one); the size of the third card is the same as the first card; the priority of the third card is greater than the priority of the second control.

[0033] In this way, when a 2×2 card conflicts with a 4×1 card or a 2×2 card conflicts with an event capsule, the corresponding elements are displayed sequentially based on priority and preset strategies, reducing conflict scenarios.

[0034] Optionally, the first interface includes a fourth card (e.g., a 2×2 card); the fourth card has the same specifications as the first card, and in response to the first operation, the first card is displayed in the first interface, including: continuing to display the fourth card; and displaying the first card in the first interface (e.g., scene three) after the third animation of the fourth card has been displayed.

[0035] In this way, when 2×2 cards conflict with each other, the corresponding elements are displayed sequentially based on a preset strategy, reducing conflict scenarios.

[0036] Optionally, the first interface may also include a notification message that, in response to the first operation, displays the first card on the first interface, including: stopping the display of the notification message and displaying the first card on the first interface; the first card has a higher priority than the notification message (e.g., scenario four).

[0037] In this way, when a 2×2 card conflicts with a notification message card, the corresponding elements are displayed sequentially based on priority and preset strategies, reducing conflict scenarios.

[0038] Secondly, embodiments of this application provide an electronic device, which may also be referred to as a terminal device, terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. Terminal devices can be mobile phones, smart TVs, wearable devices, tablets, computers with wireless transceiver capabilities, virtual reality (VR) terminal devices, augmented reality (AR) terminal devices, wireless terminals in industrial control, wireless terminals in self-driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, and so on.

[0039] The electronic device includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, causing the electronic device to perform the method as described in the first aspect.

[0040] Thirdly, embodiments of this application provide a computer-readable storage medium storing a computer program. When executed by a processor, the computer program implements the method as described in the first aspect.

[0041] Fourthly, embodiments of this application provide a computer program product, which includes a computer program that, when run, causes a computer to perform the method as described in the first aspect.

[0042] Fifthly, embodiments of this application provide a chip system including at least one processor and a communication interface, the communication interface and at least one processor being interconnected via a line, the at least one processor being used to run computer programs or instructions to perform the method as described in the first aspect.

[0043] It should be understood that the second to fifth aspects of this application correspond to the technical solutions of the first aspect of this application, and the beneficial effects achieved by each aspect and the corresponding feasible implementation are similar, and will not be repeated here. Attached Figure Description

[0044] Figure 1 This is a schematic diagram of the interface for event cards and event capsules in a possible implementation;

[0045] Figure 2 This is a schematic diagram of the interface for a possible NFC identification scenario.

[0046] Figure 3 This is a schematic diagram of the interface for a possible application of face recognition.

[0047] Figure 4 This is a schematic diagram of the structure of the electronic device 100 provided in the embodiments of this application;

[0048] Figure 5 A schematic diagram of an interface for an NFC identification scenario provided in an embodiment of this application;

[0049] Figure 6 An illustrative diagram of the NFC card provided in the embodiments of this application;

[0050] Figure 7 A schematic diagram of an interface for a face recognition application lock scenario provided in an embodiment of this application;

[0051] Figure 8 An animated illustration of a face recognition card provided for an embodiment of this application;

[0052] Figure 9 An animated schematic diagram of another face recognition card provided in an embodiment of this application;

[0053] Figure 10 A flowchart illustrating an application of face recognition in a lock-based scenario, as provided in an embodiment of this application.

[0054] Figure 11 A schematic diagram of the software structure of the electronic device provided in the embodiments of this application;

[0055] Figure 12 A flowchart illustrating an NFC identification scenario provided in an embodiment of this application;

[0056] Figure 13 This is a schematic diagram of the structure of a card display device provided in an embodiment of this application. Detailed Implementation

[0057] To facilitate a clear description of the technical solutions in the embodiments of this application, some terms and technologies involved in the embodiments of this application will be briefly introduced below:

[0058] 1. Electronic equipment

[0059] The electronic devices in this application embodiment may include handheld devices with image processing functions, vehicle-mounted devices, etc. For example, some electronic devices include: mobile phones, tablets, PDAs, laptops, mobile internet devices (MIDs), wearable devices, virtual reality (VR) devices, augmented reality (AR) devices, wireless terminals in industrial control, wireless terminals in self-driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, cellular phones, cordless phones, session initiation protocol (SIP) phones, wireless local loop (WLL) stations, personal digital assistants (PDAs), handheld devices with wireless communication capabilities, computing devices or other processing devices connected to a wireless modem, in-vehicle devices (such as vehicle infotainment systems), wearable devices, electronic devices in 5G, or future evolutions of public land mobile communications. The embodiments of this application do not limit the scope of electronic devices in a network (PLMN).

[0060] By way of example and not limitation, in this embodiment, the electronic device can also be a wearable device. Wearable devices, also known as wearable smart devices, are a general term for devices that utilize wearable technology to intelligently design and develop everyday wearables, such as hearing aids, glasses, gloves, watches, clothing, and shoes. Wearable devices are portable devices that are worn directly on the body or integrated into the user's clothing or accessories. Wearable devices are not merely hardware devices, but also achieve powerful functions through software support, data interaction, and cloud interaction. Broadly speaking, wearable smart devices include those that are feature-rich, large in size, and can achieve complete or partial functions without relying on a smartphone, such as smartwatches or smart glasses, as well as those that focus on a specific type of application function and require the use of other devices such as smartphones, such as various smart bracelets and smart jewelry for vital sign monitoring.

[0061] Furthermore, in this application embodiment, the electronic device can also be an electronic device in the Internet of Things (IoT) system. IoT is an important part of the future development of information technology. Its main technical feature is to connect objects through communication technology, thereby realizing the intelligent interconnection of humans and machines and the interconnection of things.

[0062] The electronic devices in the embodiments of this application may also be referred to as: terminal equipment, user equipment (UE), mobile station (MS), mobile terminal (MT), access terminal, user unit, user station, mobile station, mobile station, remote station, remote terminal, mobile device, user terminal, terminal, wireless communication equipment, user agent, or user device, etc.

[0063] 2. Event capsules and event cards

[0064] Upon receiving a specific event, the electronic device can display relevant information about that event in the form of a capsule-shaped control; the event capsule can be displayed in the punch-hole area of ​​the front-facing camera. Specific events may include call events, alarm clock events, recording events, media events, printing events, timer events, ride-hailing events, flight events, high-speed rail events, game events, express delivery events, subway events, movie events, and food delivery events, etc.

[0065] Taking the ride-hailing incident as an example, the following is combined with... Figure 1 Instructions for using the event capsule. For example... Figure 1 As shown:

[0066] After a user books a vehicle using a ride-hailing app, the electronic device can display the app's interface. In some scenarios, the electronic device can run the ride-hailing app in the background; for example, when it receives a swipe-up gesture from the bottom of the screen, the electronic device can exit the ride-hailing app interface and display the home screen. Figure 1 The interface shown in Figure 'a'. After receiving the vehicle information for the order, the electronic device can display the vehicle information in the form of an event capsule. For example, Figure 1 The interface shown in Figure 'a' displays an event capsule 101, which includes a ride-hailing app icon and name 1011, a punch-hole area for the front-facing camera 1012, and vehicle information 1013. The vehicle information 1013 may include, for example, the vehicle's license plate number. In this way, the electronic device can display the ride-hailing progress in real time through the event capsule, reducing the likelihood of users missing ride-hailing information; it also reduces the need for users to switch between ride-hailing app interfaces.

[0067] Similarly, event capsules can also be applied to other specific events mentioned above. For example, after receiving a call event, the event capsule can display the call app icon and call duration; after receiving an alarm event, the event capsule can display the alarm app icon and alarm time; after receiving a recording event, the event capsule can display the recording app icon and recording duration; after receiving a media event, the event capsule can display the music app icon and playback indicator, and so on. These will not be listed in detail here.

[0068] In addition, Event Capsule 101 can be switched to card mode to further display relevant information about a specific event. For example, in Figure 1 In the interface shown in Figure a, when a trigger operation (such as a click operation) is received for the event capsule 101, the electronic device can display as follows: Figure 1 The interface shown in b is shown in the image. Figure 1 In the interface shown in b, the electronic device displays an event card 102, which includes vehicle information, vehicle arrival time information, vehicle appearance information, and a driver contact control. Users can use the event card 102 to track the current ride-hailing progress; users can also click the driver contact control to speak with the driver.

[0069] Furthermore, electronic devices can access corresponding applications via cards. For example, in... Figure 1 In the interface shown in b, when a trigger operation is received for event card 102, the electronic device can display a ride-hailing application interface, which includes richer ride-hailing information, such as vehicle information, vehicle arrival time and distance information, driver contact control, driver information, and the real-time location of the vehicle on the map.

[0070] It should be noted that the event card's specifications and position can be such that the top edge of the event card is close to the top edge of the screen, the left edge of the event card is close to the left edge of the screen, and the right edge of the event card is close to the right edge of the screen; the event card can cover the punch-hole area of ​​the front camera, and the event card's specifications can be 4×1.

[0071] 3. Other terms

[0072] In this application, the terms "exemplary" or "for example" are used to indicate that something is an example, illustration, or description. Any embodiment or design described as "exemplary" or "for example" in this application should not be construed as being more preferred or advantageous than other embodiments or designs. Specifically, the use of terms such as "exemplary" or "for example" is intended to present the relevant concepts in a specific manner.

[0073] In this application embodiment, "at least one" refers to one or more, and "more than one" refers to two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. "At least one of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or multiple.

[0074] It should be noted that the phrase "at...time" in the embodiments of this application can refer to the instant at which a certain situation occurs, or to a period of time after the occurrence of a certain situation; the embodiments of this application do not specifically limit this. Furthermore, the display interface provided in the embodiments of this application is merely an example, and the display interface may include more or less content.

[0075] The following is combined with Figure 2 and Figure 3 The NFC identification process and the application lock usage process in possible implementations are explained separately.

[0076] Taking NFC-enabled transit cards as an example, Figure 2 The process of NFC identification in one possible implementation is shown. For example... Figure 2 As shown:

[0077] The electronic device is currently running a social media application; for example, the electronic device may display something like... Figure 2 The interface shown in 'a' can be a social application interface.

[0078] In one possible implementation, a user might use their electronic device for social chatting while traveling. At this time, the user holds the NFC sensing area of ​​their electronic device close to the reading area of ​​the bus or subway card reader (e.g.,...). Figure 2 The card reader establishes a wireless connection with the NFC area (within the NFC region) and exchanges data (e.g., for authentication and transaction processing). During this data exchange, the electronic device can be... Figure 2 The interface shown in 'a' is switched to the one shown in 'a'. Figure 2 The interface shown in b is shown in the image.

[0079] exist Figure 2In the interface shown in b, the electronic device can display the NFC identification interface in full screen. This interface may include a card holder illustration 201 and an NFC icon 202. The card holder illustration 201 indicates the type of card holder currently selected or to be used; for example, the card holder illustration 201 may be a virtual transit card. The NFC icon 202 indicates the location of the NFC sensor within the electronic device, helping the user to correctly position the device for NFC interaction.

[0080] After the electronic device completes the transaction with the card reader, the user can proceed with their ride. However, in a possible implementation, even after the electronic device has completed the NFC interaction, it may continue to display information such as... Figure 2 The interface shown in b is an example. If the user wants to continue the social chat, they need to return to the social application interface by using the back button. For example, in... Figure 2 In the interface shown in b, when a swipe gesture is received from the left or right side of the screen, the electronic device can return to the previous level, for example, return to... Figure 2 The interface shown in 'a'. Or, for example, in Figure 2 In the interface shown in b, when a swipe up from the bottom of the screen is received, the electronic device can return to the home screen; when a click is received on a social media app icon on the home screen, the electronic device enters... Figure 2 The interface shown in figure 'a' (not shown in the figure).

[0081] As can be seen, the NFC recognition process will interrupt the user's current task; after the NFC recognition is completed, the user needs to manually switch to continue the previous task.

[0082] Take, for example, the app lock settings on social applications on electronic devices. Figure 3 This illustrates the use of locks in one possible implementation. For example... Figure 3 As shown:

[0083] Electronic devices can display a desktop, for example Figure 3 The interface shown in 'a' is an example. The desktop may include icons for one or more applications, for example, Figure 3 The interface shown in Figure 'a' includes a social application icon 301. When a trigger operation is received targeting the social application icon 301, the electronic device can enter the application lock interface, such as... Figure 3 The interface shown in b is shown in the image.

[0084] Electronic devices can provide unlocking methods, for example, in Figure 3In the interface shown in b, the electronic device can display a face unlock icon 302, a password unlock control 303, a cancel control 304, and a fingerprint unlock icon 305. The face unlock icon 302 can be used to indicate to the user that they are currently in the face unlock process, or to indicate the face unlock result, such as successful or failed face unlock. The password unlock control 303 can be used to enter the password unlock interface for the user to enter an unlock password or unlock gesture. The cancel control 304 can be used to cancel the current application lock unlock activity, preventing entry into social applications. The fingerprint unlock icon 305 can be used to indicate the location of the fingerprint recognition area to the user.

[0085] In one possible implementation, if the electronic device collects the user's facial information and the user's facial information matches preset facial information, the electronic device can unlock the application and display something like this. Figure 3 The interface shown in c is... Figure 3 The interface shown in 'c' can be a social application interface.

[0086] from Figure 3 As can be seen from the example shown, after entering the application lock, the application lock interface will be displayed in full screen, which is not aesthetically pleasing.

[0087] In view of this, this application provides a card display method. The electronic device can be equipped with an NFC card and a face recognition card. The card can be positioned close to the camera cutout area, and the card size is relatively small, for example, 2×2. Furthermore, the card can be dynamically displayed based on the recognition process and results. Thus, when unlocking an application or performing NFC recognition, the electronic device can display the corresponding process through the top card. Since the card obstructs a small area of ​​the interface, the user can continue browsing the interface below the card during the process, reducing interruptions. Simultaneously, compared to full-screen prompts, card prompts are simpler and more aesthetically pleasing.

[0088] To better understand the embodiments of this application, the structure of the electronic device of this application is described below:

[0089] Figure 4A schematic diagram of the structure of electronic device 100 is shown. 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, antenna 1, antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, a subscriber identification module (SIM) card interface 195, and an embedded secure element (eSE) chip 196, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity 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.

[0090] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0091] The processor 110 may include one or more processing units, such as an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural network processing unit (NPU).

[0092] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0093] Antennas 1 and 2 are used to transmit and receive electromagnetic wave signals. The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies.

[0094] In this embodiment, the electronic device can use an NFC card to perform activities such as quick payments or unlocking access control systems. During this process, the electronic device can use NFC technology to interact with other devices.

[0095] The electronic device 100 implements its display function through a GPU, a display screen 194, and an application processor. In this embodiment, the display screen 194 can be used to display, for example... Figures 5 to 9 The interface shown demonstrates the recognition process, results, and disappearance animation to users via NFC cards or facial recognition cards.

[0096] The electronic device 100 can implement its shooting function through an ISP, camera 193, video codec, GPU, display screen 194, and application processor. In this embodiment, the face unlock solution may involve a camera collecting the user's facial information.

[0097] An NPU (Neural Processing Unit) is a neural network (NN) computing processor that, by borrowing from the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, rapidly processes input information and can continuously learn on its own. NPUs can enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding. In this embodiment, the electronic device can utilize the facial recognition function of the NPU to unlock an application lock.

[0098] Let's combine the following... Figures 5-9 The card display interface in the embodiments of this application will be described.

[0099] Figure 5 Taking an NFC recognition scenario as an example, the card display interface provided in this application embodiment will be described. For example... Figure 5 As shown:

[0100] Taking NFC-based transit card recognition as an example, the electronic device is currently running a social application; for instance, the electronic device may display something like... Figure 5 The interface shown in 'a' can be a social application interface.

[0101] Users might use their electronic devices for social chatting while traveling. At this time, the NFC sensing area of ​​the user's electronic device might be brought close to the reading area of ​​the bus or subway card reader (e.g., ...). Figure 5 The card reader establishes a wireless connection with the NFC area (within the NFC region) and exchanges data. During the data exchange process, the electronic device can... Figure 5 The upper layer of the interface shown in Figure 'a' displays the transportation card, such as... Figure 5 The interface shown in b is shown in the image.

[0102] exist Figure 5 In the interface shown in b, the electronic device can display an NFC card 501, which can be located at the top of the screen and overlap with the punch-hole area of ​​the front-facing camera. The NFC card 501 can be used to indicate to the user that NFC identification is currently in progress. The NFC card 501 can include a card holder illustration and additional information. For example, if the NFC card 501 is an NFC card for a transit card, the card holder illustration in the NFC card 501 can be used to simulate a physical transit card. The additional information can be text on the NFC card used to supplement the NFC card information. For example, the additional information for a transit card could be the balance on the transit card, the amount of this transaction, the transit card number, etc.; the additional information for an access control card could be the access control card name, access control card number, access control card status, etc. For example, the additional information on the NFC card 501 could be the balance on the transit card.

[0103] To better match the dimensions of various card holders during display, the NFC card 501 can be designed as a 2×2 card; for example, see Figure 5 In the interface shown in b, the width of the NFC card 501 is roughly the same as the width of the event card, but the length of the NFC card 501 is less than the length of the event card. There is a certain distance between the left and right sides of the NFC card 501 and the side edges of the electronic device. This improves the aesthetics of the card and also reserves some space for the animation display of the card wallet illustration. It should be noted that the 2×2 specification mentioned in this embodiment does not have to be strictly set according to a 1:1 ratio. Here, the 2×2 specification is relative to the 4×1 specification of the event card. Cards with a length-to-width ratio smaller than that of the event card can be 2×2 specifications.

[0104] In this embodiment, the NFC card 501 can display animation effects at each stage of the NFC recognition process, from the start of NFC recognition to its completion. For example, the animation effects changes during the NFC card recognition process can be seen in... Figure 6a to g in:

[0105] At the first moment, as soon as the NFC sensing area of ​​the electronic device detects the reading area of ​​the bus or subway card reader, the electronic device pops out the NFC card 501 from the top. Figure 6 As shown in diagram 'a': Card holder illustration 601 can appear in the shape of an isosceles trapezoid, with a wider base and a narrower top; Card holder illustration Figure 4 The corners can be rounded to maintain a visually soft appearance and consistency with the physical card. The NFC card 501 can display additional information, such as balance: 20 yuan. Furthermore, the NFC card 501 can also display an identifier 603 to indicate the NFC recognition status; for example, identifier 603 indicates that the electronic device is undergoing NFC recognition.

[0106] At the second moment, the NFC card 501 continues to change its animation, such as... Figure 6 As shown in b: the upper edge of the card holder diagram 601 gradually widens while maintaining its center position, and the distance between the upper and lower edges gradually increases. Meanwhile, label 603 still indicates that the electronic device is undergoing NFC identification, and label 603 is displayed dynamically.

[0107] At the third moment, NFC card 501 completes recognition, as follows: Figure 6 As shown in Figure c: the card holder diagram 601 is transformed from an isosceles trapezoid into a rounded rectangle, and the ratio of its length to its width is approximately the same as the length-to-width ratio of the physical card; the card holder diagram 601 is displayed horizontally in the center. Meanwhile, the identifier 603 can instruct the electronic device to complete NFC identification; for example, the identifier 603 is represented by a "√" displayed within an "○".

[0108] Optionally, the time for each NFC identification may vary. After the wallet diagram 601 transforms into a rounded rectangle, if NFC identification is not complete, the identifier 603 may display a "identifying" style; after identification is complete, the identifier 603 may switch to a "identification complete" style. Alternatively, if NFC identification is completed before the wallet diagram 601 transforms into a rounded rectangle, the identifier 603 may display a "identification complete" style. This application embodiment does not impose any limitations on this.

[0109] After recognition is complete, the electronic device may display a disappearing animation until the card disappears. In some embodiments, the electronic device may... Figure 5 The interface shown in b in the image switches to... Figure 5 The interface shown in Figure a. In other embodiments, the electronic device can shrink the card into a capsule shape and then stop displaying the NFC card; for example, the electronic device can... Figure 5 The interface shown in b in the image switches to... Figure 5 The interface shown in c is then... Figure 5 The interface shown in 'c' switches to... Figure 5 The interface shown in Figure 'a'.

[0110] by Figure 5 Taking the NFC card disappearing animation shown in the interface shown in 'c' as an example, see further... Figure 6 :

[0111] At the fourth moment, NFC card 501 begins to display a disappearing animation, such as... Figure 6 As shown in d: the overall size of the NFC card 501 gradually decreases, and the card holder diagram 601 gradually changes from a rounded rectangle to an isosceles trapezoid, indicating that the card holder diagram 601 is disappearing. At the same time, the NFC card 501 no longer displays additional information and logos.

[0112] At the fifth moment, NFC card 501 continued to display the disappearing animation, as shown below. Figure 6 As shown in 'e': the overall size of the NFC card 501 gradually decreases from a rounded rectangle until it shrinks to a capsule-shaped control; the NFC card 501 can display a rounded rectangle-shaped card holder diagram 601, and the size of the card holder diagram 601 is adapted to the width of the capsule control 1. The card holder diagram 601 can be located on the left side of the NFC card 501.

[0113] At the sixth moment, the NFC card 501 completes the display disappearance animation, as shown below. Figure 6 As shown in f: NFC card 501 is still capsule-shaped; compared to Figure 6 The capsule control shown as 'e' in the figure. Figure 6 The capsule control shown as 'f' is relatively long to simulate the springback animation when the NFC card 501 is minimized. Simultaneously, the NFC card 501 can display an identifier 603, which can be a style indicating successful identification. The card holder illustration 601 can be located on the left side of the NFC card 501, and the identifier 603 can be located on the right side of the NFC card 501.

[0114] At the seventh moment, the capsule control disappears, as shown below. Figure 6 As shown in 'g': After the capsule control disappears, the electronic device can display the punch-hole area of ​​the front-facing camera, as well as the black border of the punch-hole area. Correspondingly, the electronic device can display as shown in 'g'. Figure 5 The interface shown in Figure 'a'.

[0115] At this point, the electronic device has completed the entire process of displaying the NFC card. In practical applications, the electronic device may also use other display methods to dynamically show the stages of starting recognition, recognizing, and recognizing completion; this application embodiment does not impose any limitations on this.

[0116] In this way, electronic devices can dynamically display the NFC recognition process in the form of NFC cards, improving the aesthetics of the interface. At the same time, the small size of the NFC card obscures less of the underlying interface, allowing users to continue performing tasks that were performed before NFC recognition. In other words, the NFC recognition process will not interrupt the user's ongoing tasks, thus improving the user experience.

[0117] Understandably, in the event of NFC recognition failure on an electronic device, the device can display an indicator to signify the failure, such as an "×". In this case, the electronic device has already notified the user of the recognition failure via the NFC card, and can continue to display something like... Figure 5 The interface shown in figure a. Alternatively, in the event of NFC recognition failure, the electronic device can launch an NFC recognition application to use the NFC recognition interface to prompt the user about the reason for the NFC recognition failure, re-identify, etc. (not shown in the figure).

[0118] Figure 7 Taking the unlocking process of an application lock as an example, the card display method provided in this application embodiment will be described as follows: Figure 7 As shown:

[0119] Electronic devices can display a desktop, for example Figure 7 The interface shown in 'a' is an example. The desktop may include icons for one or more applications, for example, Figure 7 The interface shown in Figure 'a' includes a social application icon 701. When a trigger operation is received targeting the social application icon 701, the electronic device can enter the application lock interface, such as... Figure 7 The interface shown in b is shown in the image.

[0120] Figure 7 In the interface shown in b, the electronic device can display a face recognition card 702, which can be used to indicate to the user that face recognition detection is currently in progress. In this embodiment, in response to a trigger operation on the social application icon 701, the electronic device can display the face recognition card 702 on the top layer of the desktop to indicate the application lock unlocking process. In some embodiments, in response to a trigger operation on the social application icon 701, the electronic device also displays... Figure 3 The interface shown in b is in the image. Figure 3 The interface shown in b above displays a face recognition card 702. This embodiment of the application does not limit this.

[0121] Understandably, the face recognition card 702 can also display the unlocking process animation in real time. An illustration of the animation is displayed centered on the face recognition card 702. Below is a comparison... Figure 8 This document describes the facial recognition card 702 that dynamically displays the application lock unlocking process. For example... Figure 8 As shown:

[0122] At the eighth moment, in response to the operation used to launch the application, the electronic device can begin to initiate facial recognition, for example... Figure 8 As shown in Figure a: The face recognition card 702 can display a dynamic image of the face recognition process in progress. This dynamic image can be, for example, a rotating sphere, a pulse wave, a ripple animation, a double-ring rotation, a loading bar, a dot matrix rotation, or a spiral animation, to provide visual feedback to the user and inform them that face recognition is currently in progress. Other animation effects can also be used to represent the face recognition process in this embodiment, and this embodiment does not impose any limitations on this. The dynamic image can be displayed in the center.

[0123] At the ninth moment, the electronic device completes facial recognition, for example, the facial recognition result is "facial recognition successful," such as... Figure 8 As shown in b: The face recognition card 702 displays a successful face recognition indicator, for example, a combination of a shield and a checkmark. Optionally, the successful face recognition indicator can also be other forms of indicator, which is not limited in this embodiment. The successful face recognition indicator can be displayed in the center.

[0124] At the tenth moment, the electronic device can display an animation of the facial recognition card 702 disappearing, such as... Figure 8 As shown in c: the indicator of successful face recognition gradually fades.

[0125] At the eleventh moment, the electronic device continues to display the disappearance animation of the facial recognition card 702, such as... Figure 8 As shown in 'd': the size of the face recognition card 702 gradually decreases until it disappears, and the face recognition success indicator is no longer displayed during the disappearance process. After the face recognition card 702 disappears, the electronic device can display the punch-hole area of ​​the front-facing camera, as well as the black border of the punch-hole area. See also... Figure 7 After facial recognition is completed, the electronic device can display something like this: Figure 7 The interface shown in 'c' is a social application interface that informs the user that facial recognition unlock was successful and that the current application can be used securely.

[0126] At this point, the electronic device has completed the entire process of displaying the facial recognition card. In practical applications, the electronic device can also use other display methods to dynamically show the stages of starting recognition, recognizing, and recognizing completion; this application embodiment does not impose any limitations on this. In this way, the electronic device can dynamically display the facial recognition process in the form of a facial recognition card, improving the aesthetics of the interface.

[0127] It is understood that, in this embodiment of the application, the face recognition card 702 can be applied not only to application lock unlocking scenarios, but also to other face unlocking scenarios, such as unlocking the screen, payment verification, application account login, etc.

[0128] Optionally, after the eighth moment, the electronic device may also fail to unlock via face recognition. In response, the electronic device may display... Figure 9 The scene shown.

[0129] For example, after the eighth moment, it also includes:

[0130] At the twelfth moment, the electronic device completes facial recognition, for example, if the facial recognition result is "facial recognition failed," then... Figure 9 As shown in 'e': The face recognition card 702 displays a face recognition failure identifier, for example, the face recognition failure identifier can be a face. Optionally, the face recognition failure identifier can also be other forms of identifier, and this embodiment does not limit this. The face recognition failure identifier can be displayed in the center.

[0131] At the thirteenth moment, the electronic device can display the disappearance animation of the facial recognition card 702, such as... Figure 9 As shown in f: the indicator for failed face recognition gradually fades.

[0132] At the fourteenth moment, the electronic device continues to display the disappearance animation of the facial recognition card 702, such as... Figure 9 As shown in g: the size of the face recognition card 702 gradually decreases until it disappears, and the face recognition failure indicator is no longer displayed during the disappearance process. After the face recognition card 702 disappears, the electronic device can display the punch-hole area of ​​the front-facing camera, as well as the black border of the punch-hole area.

[0133] Correspondingly, scenarios from facial recognition failure to the disappearance of the facial recognition card can be as follows: Figure 9 The interface shown in b and Figure 9 The interface shown in c is shown in the image.

[0134] Understandably, if facial recognition fails during the app lock unlocking process, the electronic device can display the app lock interface to provide the user with more unlocking methods. For example, if facial recognition fails, the electronic device can display something like... Figure 9 The interface shown in b above displays a face recognition card 702, which includes an indicator indicating face recognition failure. This process corresponds to the twelfth moment mentioned above. Figure 9 In the interface shown in b, the electronic device can also display multiple controls for password unlocking, fingerprint unlocking, and canceling the unlocking operation. (See reference...) Figure 3 The relevant descriptions in the embodiment shown in b are not repeated here.

[0135] After the facial recognition card 702 disappears, the electronic device can display as follows: Figure 9The interface shown in 'c' is the application lock interface, and it does not include the face recognition card 702.

[0136] In the embodiments of this application, Figure 9 The interface shown in 'c' can display prompt message 901. Prompt message 901 can be used to inform the user that face unlock has failed and that they can try face unlock again. For example, prompt message 901 is "Face unlock failed, double-tap the screen to try again".

[0137] Optionally, in this embodiment of the application, the electronic device may display a prompt message 901 after the face recognition card disappears, thereby avoiding a conflict between the previous face recognition card and the current face recognition card.

[0138] Optionally, in this embodiment of the application, the electronic device may also be in Figure 9 The interface shown in b displays prompt message 901. If the user triggers face re-recognition by double-clicking while face card 702 is present, the electronic device first displays the disappearance animation of the previous face recognition card, and then displays the animation of the second face recognition card being recognized after the face recognition card disappears, thereby avoiding conflicts between the previous face recognition card and the current face recognition card.

[0139] The following is combined with Figures 10 to 12 The card display process provided in the embodiments of this application will be described.

[0140] Figure 10 Taking a face unlock scenario as an example, a card display process provided by an embodiment of this application is illustrated, such as... Figure 10 As shown:

[0141] Electronic devices may include facial recognition applications, control modules, interaction display services, and system user interfaces (SystemUI).

[0142] S1001, In response to the operation for face unlocking, the face recognition application converts view 1 into remote view 1 through the control module; wherein, view Figure 1 It can include layout information, face recognition animation resources, and animation state callback information.

[0143] See Figure 1 This can be a view resource corresponding to a face recognition application. Layout information may include card size information, for example, the size of a face recognition card is 2×2; layout information can be used to indicate the creation of a card layout with the corresponding size. Face recognition animation resources can be multiple frame images; for example, face recognition animation resources can correspond to... Figure 8The animation shown in 'a' is a visual effect. Figure 8 The animation shown as 'a' in the image can be used to indicate that face recognition is in progress. The animation status callback information can be used to trigger a callback function after face recognition is complete, indicating that the animation resource has finished playing.

[0144] Remote View Figure 1 It can be used for cross-process transfer. Understandably, Figure 7 In the interface shown in b, the face recognition card 702 can be managed by SystemUI; the view in the face recognition application Figure 1 When displaying using the SystemUI system service process (system_server), cross-process transmission is involved. Therefore, before transmitting the view to SystemUI, the local view of the face recognition application needs to be converted into a remote view.

[0145] S1002, Face recognition application starts face recognition.

[0146] It is understood that, in this embodiment of the application, after responding to the operation for face unlock, the face recognition application needs to display the face recognition card in the SystemUI notification, and also needs to activate the face recognition function to unlock the application lock. The face recognition process may be as follows: based on the camera, the user's facial information is collected, and the user's facial information is matched with the preset facial information in the face recognition application for feature point matching; if the similarity between the user's facial information and the preset facial information is greater than the similarity threshold, face unlock is achieved.

[0147] It should be noted that steps S1001 and S1002 can be executed sequentially or concurrently. For example, step S1001 may be executed before step S1002, or step S1001 may be executed after step S1002, or in response to an operation for face unlocking, the electronic device may execute steps S1001 and S1002 simultaneously. This application embodiment does not impose any restrictions on this.

[0148] During the facial recognition process, the electronic device may perform the following steps S1003 to S1005.

[0149] S1003, facial recognition application will remotely view Figure 1 The data is transmitted to the service presentation framework; and the service presentation framework then transmits the remote view... Figure 1 Push to SystemUI.

[0150] The interaction display service framework can be used to manage the layout, elements, styles, etc. of the user interface. The user interface can be, for example... Figure 11The diagram shows the negative one screen, desktop, notification center interface, banner notification interface, and always-on display (AOD) interface. In this embodiment, the face recognition card can be a banner notification interface, which is managed by SystemUI; here, the service display framework can remote view... Figure 1 Push to SystemUI.

[0151] S1004 and SystemUI use control modules to remotely view... Figure 1 Convert to view Figure 1 .

[0152] Understandably, electronic devices transmit facial recognition data across processes in the form of remote views, and the SystemUI obtains the remote view. Figure 1 Next, SystemUI needs to include remote view Figure 1 Convert to a normal view (e.g., view) Figure 1 This allows for proper rendering and interaction within the user interface.

[0153] S1005, the SystemUI indicator control module plays face recognition animation resources.

[0154] SystemUI in the view Figure 1 Then, the facial recognition card animation can be displayed; for example, the control module can be instructed to play facial recognition animation resources. Correspondingly, the electronic device can display, for example... Figure 8 The animated visual in face recognition card 702 shown in Figure a indicates to the user that the current electronic device is performing a face recognition process.

[0155] It is understood that the face recognition animation resource can consist of multiple frames. Since the time taken for each face unlock is not fixed, the playback duration of the face recognition animation resource in this embodiment can be set to be less than or equal to the duration from the start to the completion of face recognition. Thus, when SystemUI executes step S1005, it can loop the face recognition animation resource until face recognition is complete. Optionally, the last frame in the face recognition animation resource can be similar to the first frame to improve the smoothness of the animation during looping.

[0156] After the face recognition application completes face recognition, the electronic device may also perform the following steps S1006-S1022:

[0157] S1006. The face recognition application obtains a face recognition result; the face recognition result may include face recognition success or face recognition failure.

[0158] Specifically, if the similarity between the user's facial information and preset facial information is greater than a similarity threshold, the facial recognition application results in a successful facial recognition. If the similarity between the user's facial information and preset facial information is less than or equal to the similarity threshold, the facial recognition application results in a failed facial recognition.

[0159] If facial recognition is successful, the facial recognition application can unlock the application lock and instruct the corresponding application to launch. For example, if the operation used for facial unlocking is a click operation on the social application icon, then after successful facial recognition, the social application can be notified to launch and display the social application interface.

[0160] In addition, if facial recognition is successful, the electronic device can also perform steps S1007-S1014:

[0161] S1007. If face recognition is successful, the face recognition application will use the control module to... Figure 2 Convert to remote view Figure 2 Among them, vision Figure 2 Corresponding to the face recognition result of a successful face recognition.

[0162] See Figure 2 This can include recognition result animation resource 1 and card disappearance animation resource 1. Recognition result animation resource 1 can be an animation resource used to represent successful face recognition, such as... Figure 8 The animation in face recognition card 702 shown in b is an example. Card disappearance animation resource 1 can be a motion effect resource used to represent the disappearance of the face recognition card, for example... Figure 8 In the face recognition card 702 shown in Figure c, the successful face recognition indicator gradually fades, and the size of the face recognition card 702 gradually decreases until it disappears. Figure 8 The scene shown in d is shown in the image.

[0163] In this embodiment of the application, the view will be Figure 2 Convert to remote view Figure 2 The principle and process can be found in the relevant description in step S1001, and will not be repeated here.

[0164] S1008, facial recognition application will remotely view Figure 2 The data is transmitted to the service presentation framework, which then transmits the remote video feed. Figure 2 Push to SystemUI.

[0165] S1009 and SystemUI use control modules to remote view Figure 2 Convert to view Figure 2 .

[0166] Steps S1008-S1009 can be referred to the relevant descriptions in steps S1003-S1004, and will not be repeated here.

[0167] S1010, SystemUI indicator control module playback recognition result animation resource 1.

[0168] SystemUI in the view Figure 2 Afterwards, the displayed task can be updated, and the view will be updated. Figure 2 The recognition result animation resource 1 is passed to the control module, which then displays the animation resource for successful face recognition. Correspondingly, the electronic device can display, as shown below... Figure 8 The animated visual in face recognition card 702 shown in b indicates to the user that face unlock is complete and successful.

[0169] In this embodiment of the application, the recognition result animation resource 1 can be multiple frame images played in a single playback.

[0170] Optionally, the playback timing of the recognition result animation resource 1 can be after the last frame of the face recognition animation resource has been displayed. For example, during the process of the electronic device looping the face recognition animation resource, the control module obtains the recognition result animation resource 1; the control module can continue to play the face recognition animation resource until the last frame of the image is played; then, the control module plays the first frame of the recognition result animation resource 1.

[0171] S1011. After the recognition result animation resource 1 has finished playing, the control module will pass the animation status callback information to the face recognition application.

[0172] Motion effect status callback information can characterize the state when the motion effect display is completed, and motion effect status callback information can instruct electronic devices to execute the task of stopping the display.

[0173] Optionally, in step S1005, SystemUI can simultaneously send face recognition animation resources and animation status callback information to the control module; or, in step S1005, SystemUI can simultaneously send face recognition animation resources to the control module; in step S1010, SystemUI can simultaneously send recognition result animation resource 1 and animation status callback information to the control module. This application embodiment does not impose any limitations on these aspects.

[0174] S1012, The face recognition application instructs the service display framework to stop the card display task, and the service display framework instructs the SystemUI to stop the card display task.

[0175] After the face recognition application receives the animation status callback information and determines that the recognition result animation resource 1 has finished playing, the face recognition application can issue an instruction to stop displaying the face recognition card 702.

[0176] S1013, SystemUI indicator control module playback card disappearance animation resource 1.

[0177] Upon receiving an instruction to stop the display task, SystemUI can pass the card disappearance animation resource 1 to the control module, which then displays the card disappearance animation. Correspondingly, the electronic device can display the card disappearance animation. Figure 8 The animated visuals in face recognition card 702 shown in Figure c are as follows: Figure 8 The scene shown by 'd' in the image indicates that the card has disappeared, thus prompting the user that the current face unlock task has ended.

[0178] In this embodiment of the application, the card disappearance animation resource 1 can be multiple frame images played in a single playback.

[0179] S1014. After the card disappearance animation resource 1 finishes playing, clear the resource data.

[0180] The resource data includes the above layout information, face recognition animation resources, animation status callback information, recognition result animation resource 1, and card disappearance animation resource 1, etc., in order to reduce the memory usage in related modules.

[0181] In addition, resource data may also include user facial information recorded during the facial recognition process of facial recognition applications to protect user information security.

[0182] At this point, the electronic device can successfully unlock the application lock using facial recognition, and a facial recognition card is displayed during the facial recognition process. The facial recognition application can display the application lock interface, while the SystemUI can display the facial recognition card across processes. The electronic device can demonstrate the facial recognition process through the facial recognition card without displaying the application lock interface, improving the smoothness of application startup while ensuring secure and fast application launch.

[0183] Optionally, after step S1006, the following may also be included:

[0184] S1015. In the event of face recognition failure, the face recognition application will redirect the view through the control module. Figure 3 Convert to remote view Figure 3 Among them, vision Figure 3 This corresponds to the face recognition result that failed.

[0185] See Figure 3 This can include animation resource 2 for the recognition result and animation resource 2 for the card disappearing. The animation resource 2 for the recognition result can be an animation resource used to represent the failure of face recognition, such as... Figure 9The animation in face recognition card 702 is shown in 'e'. Card disappearance animation resource 2 can be a motion effect resource used to represent the disappearance of the face recognition card, for example... Figure 9 In the face recognition card 702 shown in Figure f, the face recognition failure indicator gradually fades, and the size of the face recognition card 702 gradually decreases until it disappears. Figure 9 The scene shown in g is as follows.

[0186] S1016, facial recognition applications will enable remote viewing Figure 3 The data is transmitted to the service presentation framework, which then transmits the remote video feed. Figure 3 Push to SystemUI.

[0187] S1017 and SystemUI use control modules to remote view Figure 3 Convert to view Figure 3 .

[0188] S1018, SystemUI indicator control module playback recognition result animation resource 2.

[0189] SystemUI in the view Figure 3 Afterwards, the displayed task can be updated, and the view will be updated. Figure 3 The recognition result animation resource 2 is passed to the control module, which then displays the animation resource indicating a failed face recognition. Correspondingly, the electronic device can display, for example... Figure 9 The animated visual in face recognition card 702, shown in 'e', ​​is used to indicate to the user that the current face unlock timeout has occurred and face unlock has failed.

[0190] In this embodiment of the application, the recognition result animation resource 2 can be multiple frame images played in a single playback.

[0191] Optionally, the playback timing of the recognition result animation resource 2 can be after the last frame of the face recognition animation resource has been displayed. For example, during the process of the electronic device looping the face recognition animation resource, the control module obtains the recognition result animation resource 2; the control module can continue to play the face recognition animation resource until the last frame of the image is played; then, the control module plays the first frame of the recognition result animation resource 2.

[0192] Optionally, in the event of facial recognition failure, the electronic device may display an application lock screen, such as... Figure 9 The interface shown in b indicates that face unlock failed and to try unlocking using other methods.

[0193] S1019. After the recognition result animation resource 2 has finished playing, the control module will pass the animation status callback information to the face recognition application.

[0194] S1020, The face recognition application instructs the service display framework to stop displaying tasks, and the service display framework instructs the SystemUI to stop displaying tasks.

[0195] S1021, SystemUI indicator control module playback card disappearance animation resource 2.

[0196] Upon receiving the instruction to stop the display task, SystemUI can pass the card disappearance animation resource 2 to the control module, which then displays the card disappearance animation. Correspondingly, the electronic device can display the animation from... Figure 9 The animated visuals in the face recognition card 702 shown in f are up to Figure 9 The scene shown by 'g' in the image indicates that the card has disappeared, thus prompting the user that the current face unlock task has ended.

[0197] In this embodiment of the application, the card disappearance animation resource 2 can be multiple frame images played in a single playback.

[0198] S1022. After the card disappearance animation resource 2 finishes playing, clear the resource data.

[0199] The resource data includes the above layout information, face recognition animation resources, animation status callback information, recognition result animation resource 2, and card disappearance animation resource 2, etc., in order to reduce the memory usage in related modules.

[0200] It should be noted that steps S1015-S1022 can be referred to the relevant descriptions in steps S1007-S1014, and will not be repeated here.

[0201] In this way, if face unlock fails, the electronic device can notify the user of the failure via a face recognition card.

[0202] Optionally, during step S1005, the electronic device can start a countdown. When the countdown reaches 0, step S1013 or S1021 is executed to perform the card disappearance animation. The countdown duration can be, for example, 10 seconds. After the face recognition card display time exceeds 10 seconds, the face recognition card display automatically stops. This allows for normal cancellation of the face recognition card display even if the face recognition time expires.

[0203] Specifically, see below. Figure 11 To further explain the above process, such as... Figure 11 As shown:

[0204] An electronic device may include a host, a primary framework, the Android Open Source Project (AOSP) framework, and a business component. The host can be the runtime environment or system that provides support or hosts the functionality of other entities. The AOSP framework is a native framework used to support native information processing and interaction between the host and the business component. The primary framework can be an extended framework that inherits AOSP capabilities, used to support extended information processing and interaction between the host and the business component. The business component can be the functions or tasks performed by an application or system to meet specific needs.

[0205] Specifically, the hosts include, for example, the negative one screen, the desktop, the notification center interface, the banner notification interface, and the AOD interface.

[0206] The AOSP framework can include remote views, app widget hosts, app widget providers, and app widget services. Remote views enable the creation of cross-process views. App widget hosts maintain widget-related state and provide the user interface for interacting with the widget. App Widget Providers provide widget content and services, and can include the widget's layout XML file and code that handles widget lifecycle events. App Widget Services are background services that manage widgets and can handle operations such as widget registration, updates, and deletion.

[0207] The first framework comprises a service presentation framework, an interaction widget manager, an interaction widget host view, extended remote views (remoteviewsEx), app clip data, and extended app widget providers. The service presentation framework manages and controls the user interface interactions of the application or device. The interaction widget manager is responsible for loading, updating, and managing the lifecycle of widgets. The interaction widget host view can be a container view responsible for rendering the widget's user interface and handling user interactions. App clip data can contain the data information for the capsule controls.

[0208] Understandably, the app widget provider in the AOSP module can be a native framework. Extending the app widget provider can inherit the native app widget provider's ability to manage widget lifecycles and event handling mechanisms to implement widget extension schemes (e.g., displaying a face recognition card 702). The RemoteViews interface in the AOSP module can be a native interface, and the RemoteViewsEx interface can inherit RemoteViews capabilities and can write extended fields related to the face recognition card into the remote view.

[0209] The business may include ride-hailing, food delivery, and flight services, which can correspond to... Figure 1 The embodiments shown illustrate the services corresponding to specific events. This application's embodiments may also involve facial recognition services and NFC recognition services.

[0210] Specifically, taking facial recognition services as an example, in step S1001, the facial recognition application can support facial recognition services (e.g., services for displaying facial recognition cards 702), and the facial recognition service can provide visual... Figure 1 The control module can be based on an extended app widget provider to view... Figure 1 Convert to remote view Figure 1 The conversion process can be as follows: create a remoteviews instance and reference the layout information; set the properties of remote views through the RemoteViewsEx interface, such as setting face recognition animation resources and setting dynamic state callback information.

[0211] In this embodiment, the control module can be a module related to widget operation, such as interaction widget manager, interaction widget host view, and app widget provider.

[0212] In step S1003, the face recognition application can transmit remote video data via the app widget service. Figure 1 The instruction is passed to the interaction display service to indicate the display task for the 2x2 card. The interaction display service, based on relevant policies, identifies that the 2x2 card belongs to the SystemUI (the host of the banner notification) and assigns the display task (e.g., remote view) to it. Figure 1 Pushed to SystemUI.

[0213] In step S1004, SystemUI can remotely view Figure 1 The data is passed to the control module, which then uses the interaction widget manager to access it based on the remote view. Figure 1 Reconstruction of vision Figure 1 and will be viewed Figure 1 Returning to SystemUI, the view reconstruction process can, for example, involve: creating a view object using layout information; setting the face recognition animation resources and animation state callbacks into the view object to obtain the view. Figure 1 .

[0214] Thus, when performing face recognition, the electronic device enables cross-device view transfer so that SystemUI can draw a 2x2 card in the banner notification area.

[0215] The above embodiments use a face unlock application lock as an example to illustrate the card display process provided in this application embodiment.

[0216] The following is combined with Figure 12 Taking the NFC recognition scenario as an example, the card display process provided in this application embodiment will be explained.

[0217] like Figure 12 As shown:

[0218] S1201, In response to an operation for NFC identification, the NFC identification application uses the control module to view... Figure 4 Convert to remote view Figure 4 Among them, vision Figure 4 This can include layout information, NFC identification animation resources, animation status callback information, and application snapshot data (app clip data).

[0219] See Figure 4 This can be a view resource corresponding to an NFC recognition application. Layout information may include card specification information, for example, the specification of an NFC card is 2×2; layout information can be used to indicate the creation of a card layout with the corresponding specification. NFC recognition animation resources can be multiple frame images; for example, NFC recognition animation resources can correspond to... Figure 6 The animated visuals shown in sections a through c are... Figure 6 The animated visuals shown in a through c section can be used to indicate that NFC recognition is in progress. The animated visual status callback information can be used to trigger a callback function after NFC recognition is complete, indicating that the animated visual resource playback is finished.

[0220] In addition, app clip data can be used for controls that display the capsule shape, such as what happens when an NFC card disappears. Figure 6 The scene shown in e or f.

[0221] S1202, NFC recognition application starts NFC recognition.

[0222] S1203 and NFC recognition applications will enable remote viewing Figure 4 The data is transmitted to the service presentation framework; and the service presentation framework then transmits the remote view... Figure 4 Push to SystemUI.

[0223] Understandably, remote vision Figure 4 This includes two sets of data: one for the NFC card and the other for the NFC capsule control. Each set corresponds to a level of importance and urgency; for example, the NFC card is more important than the NFC capsule control. The service demonstration framework obtains remote view... Figure 4 Then, you can instruct SystemUI to prioritize tasks related to card display, and to execute capsule control display tasks after the card display task has stopped.

[0224] S1204, SystemUI uses the control module to remote view Figure 4 Convert to view Figure 4 .

[0225] The S1205 SystemUI indicator control module plays NFC recognition animation resources.

[0226] SystemUI in the view Figure 4 Afterwards, according to the video Figure 4 Based on the importance of the data, priority is given to displaying NFC card animations; for example, instructing the control module to play NFC recognition animation resources. Correspondingly, the electronic device can display, for example... Figure 6 The animated visuals shown in a to c diagrams of NFC card 501 are used to indicate to the user that the current electronic device is performing an NFC identification process.

[0227] It is understandable that NFC recognition animation resources can consist of multiple frames, and can display the animation of a card popping out, a process that cannot be repeated. Therefore, NFC recognition animation resources are single-play resources, and the duration of a single playthrough can be shorter than the average duration of an NFC recognition. Furthermore, since the duration of each NFC recognition is not fixed, if the electronic device does not receive an NFC recognition result after displaying the NFC recognition animation resource, the electronic device can continue to display the last frame of the NFC recognition animation resource.

[0228] S1206, NFC recognition application obtains NFC recognition results; NFC recognition results may include NFC recognition success and NFC recognition failure.

[0229] S1207. If NFC recognition is successful, the NFC recognition application will use the control module to view... Figure 5 Convert to remote view Figure 5 Among them, vision Figure 5 This corresponds to the NFC recognition result of a successful NFC recognition.

[0230] See Figure 5 This may include animation resource 3 for the recognition result and animation resource 3 for the card disappearing. The animation resource 3 for the recognition result can be an animation resource used to represent the success of NFC recognition, such as... Figure 6 The animation shown in 'c' is the animation of the NFC card 501. The card disappearance animation resource 3 can be a animation resource used to represent the disappearance of the NFC card, for example... Figure 6 The scenario shown in d in the diagram continues until the NFC card disappears. Figure 6 The scene shown in e is as follows.

[0231] Optionally, application snapshot data can also be transmitted based on step S1207. It is understood that in step S1203, the electronic device begins executing the card display task, and will not play the application snapshot data until it receives an instruction to stop the card display task. Therefore, the electronic device can transmit the application snapshot data to the System before issuing an instruction to stop the card display task. This application embodiment does not impose any limitations on this.

[0232] S1208 and NFC recognition applications will enable remote viewing Figure 5 The data is transmitted to the service presentation framework, which then transmits the remote video feed. Figure 5 Push to SystemUI.

[0233] S1209 and SystemUI use control modules to remote view Figure 5 Convert to view Figure 5 .

[0234] S1210, SystemUI indicator control module playback recognition result animation resource 3.

[0235] SystemUI in the view Figure 5 Afterwards, the displayed task can be updated, and the view will be updated. Figure 5 The recognition result animation resource 3 is passed to the control module, which then displays the animation resource for successful NFC recognition. Correspondingly, the electronic device can display, as shown below... Figure 6 The animated screen shown in 'c' of the NFC card 501 is used to indicate to the user that the NFC recognition has been successful.

[0236] In this embodiment of the application, the recognition result animation resource 3 can be multiple frame images played in a single playback.

[0237] Optionally, in practical applications, the electronic device can play the last frame of the NFC recognition animation resource before the NFC recognition is completed; therefore, after receiving the instruction to play the recognition result animation resource 3, the control module can start playing the recognition result animation resource 3 without waiting.

[0238] S1211. After the recognition result animation resource 3 has finished playing, the control module will pass the animation status callback information to the NFC recognition application.

[0239] S1212, The NFC identification application instructs the service display framework to stop displaying tasks, and the service display framework instructs the SystemUI to stop displaying tasks.

[0240] S1213, SystemUI indicator control module playback card disappearance animation resource 3.

[0241] S1214. After stopping the card display task, SystemUI instructs the control module to play the application snapshot data.

[0242] Understandably, after executing step S1213, the card display task stops. Based on the important procedures of the capsule control data, the electronic device can display, as follows: Figure 6 e to Figure 6 The scene shown in g is as follows.

[0243] S1215. After playing the application snapshot data, clear the resource data.

[0244] Steps S1201-S1215 can be referred to the relevant descriptions in face recognition applications, and this application embodiment does not limit them.

[0245] Now, electronic devices can use NFC to quickly swipe cards, and display the NFC card during the NFC recognition process. Specifically, the NFC recognition application can display an application lock interface, the SystemUI can display the NFC card across processes, and the electronic device can display the card without explicitly showing its interface. Figure 2 Based on the NFC recognition interface shown in b, the NFC recognition process is displayed through an NFC card. While using the NFC card securely and quickly, it does not affect the user's current activity. For example, during the card swiping process, the electronic device continues to display the social application interface.

[0246] It is understandable that the above embodiments illustrate that the importance of a 2×2 card is greater than that of a capsule control. In practical applications, electronic devices may also display similar... Figure 1 The following describes a 4×1 event card; several conflict scenarios involving various card sizes and capsule controls are explained below.

[0247] Scenario 1: When displaying event capsules (such as...) Figure 1 When the electronic device receives an operation for identification (e.g., NFC identification, face recognition triggered by launching an application, etc.) in the interface shown in Figure a, the electronic device may stop displaying the event capsule and display a 2×2 card (e.g., Figure 5 The interface shown in b, or Figure 7 (The interface shown in b).

[0248] Alternatively, if an electronic device receives a push notification about an event capsule while the 2x2 card is being displayed, the device can continue displaying the 2x2 card. The event capsule will then be displayed after the 2x2 card disappears (meaning it disappears after displaying three animations according to its business lifecycle).

[0249] In other words, in scenario one, the 2×2 card is more important than the event capsule.

[0250] Scenario 2: When displaying event cards (such as...) Figure 1 When the electronic device displays the 4×1 card shown in the interface shown in b), it receives an operation for identification. After displaying the event card's appearance animation, the electronic device can retract the event card into the camera's punch-hole area. Subsequently, the electronic device can display a 2×2 card. After the 2×2 card disappears, the electronic device can display the event capsule corresponding to that event card.

[0251] Alternatively, if the electronic device receives a notification about an event card while displaying a 2x2 card, it can cancel the display of the 2x2 card and prioritize displaying the event card.

[0252] In other words, in Scenario 2, the importance of the 2×2 card is the same as that of the event card; the card that is triggered first is canceled from display, and the card that is triggered later is displayed first.

[0253] Scenario 3: During the display of a 2×2 card, the electronic device receives an operation to display another 2×2 card; the electronic device continues to display the original 2×2 card; after the original 2×2 card is canceled by the recognition animation resource, the recognition result animation resource, and the card disappearance animation resource, the next 2×2 card is displayed.

[0254] In other words, in scenario three, multiple 2x2 cards can be displayed sequentially.

[0255] Understandably, the principles behind Scenario 2 and Scenario 3 are similar. The 4x1 card display process is mostly static. If an operation for recognition is received during the display of the 4x1 cards, the 2x2 card can trigger the 4x1 cards to collapse. The process from the appearance to the collapse of the 4x1 cards is relatively smooth, meaning that the later-triggered card is displayed first. However, in Scenario 3, the 2x2 cards are dynamically displayed. Directly canceling the display of the 2x2 cards would make the screen content disjointed. Therefore, when a subsequent 2x2 card is received, the subsequent 2x2 card is displayed only after the previous 2x2 card has smoothly completed its recognition animation, recognition completion animation, and disappearance animation, thus creating a sequential display effect.

[0256] Scenario 4: During the display of a 2×2 card, the electronic device receives a notification message; the electronic device continues to display the 2×2 card and does not display the notification message.

[0257] Alternatively, during the display of a notification message, the electronic device receives an operation for identification; the electronic device cancels the display of the notification message and displays a 2×2 card.

[0258] In other words, in scenario four, the importance of the notification message is less than that of the 2×2 card.

[0259] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties. Furthermore, the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions, and corresponding operation portals are provided for users to choose to authorize or refuse.

[0260] The card display method according to the embodiments of this application has been described above. The apparatus for performing the above-described card display method, provided in the embodiments of this application, will now be described. Those skilled in the art will understand that the methods and apparatus can be combined with and referenced in each other, and the related apparatus provided in the embodiments of this application can perform the steps in the above-described card display method.

[0261] like Figure 13 As shown, the card display device 1300 can be used in communication equipment, circuits, hardware components, or chips. The card display device includes a display unit 1301 and a processing unit 1302. The display unit 1301 supports the display steps performed by the card display device 1300; the processing unit 1302 supports the information processing steps performed by the card display device 1300.

[0262] In a possible implementation, the card display device 1300 may also include a communication unit 1303. Specifically, the communication unit supports the card display device 1300 in performing data transmission and data reception steps. The communication unit 1303 may be an input or output interface, pins, or circuitry, etc.

[0263] In a possible embodiment, the card display device may further include a storage unit 1304. The processing unit 1302 and the storage unit 1304 are connected via a line. The storage unit 1304 may include one or more memories, which may be devices in one or more devices or circuits used for storing programs or data. The storage unit 1304 may exist independently and be connected to the processing unit 1302 of the card display device via a communication line. Alternatively, the storage unit 1304 may be integrated with the processing unit 1302.

[0264] Storage unit 1304 may store computer-executable instructions for the methods in the terminal device, so that processing unit 1302 executes the methods in the above embodiments. Storage unit 1304 may be a register, cache, or RAM, etc., and storage unit 1304 may be integrated with processing unit 1302. Storage unit 1304 may be a read-only memory (ROM) or other types of static storage devices capable of storing static information and instructions, and storage unit 1304 may be independent of processing unit 1302.

[0265] The card display method provided in this application can be applied to electronic devices with communication functions. Electronic devices include electronic devices in general; the specific device form of an electronic device can be referred to the above-described related information, and will not be repeated here.

[0266] This application provides an electronic device, which includes a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, causing the electronic device to perform the above-described method.

[0267] This application provides a chip system including at least one processor and a communication interface. The communication interface and the at least one processor are interconnected via a circuit. The at least one processor is used to run computer programs or instructions to execute the above-described method. Its implementation principle and technical effects are similar to the related embodiments described above, and will not be repeated here.

[0268] This application also provides a computer-readable storage medium. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, it implements the methods described above. The methods described in the above embodiments can be implemented wholly or partially by software, hardware, firmware, or any combination thereof. If implemented in software, the functionality can be stored as one or more instructions or code on or transmitted over the computer-readable medium. The computer-readable medium can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one place to another. The storage medium can be any target medium accessible by a computer.

[0269] In one possible implementation, a computer-readable medium may include RAM, ROM, compact disc read-only memory (CD-ROM) or other optical disc storage, disk storage or other magnetic storage devices, or any other medium targeted to carry or to store the required program code in the form of instructions or data structures, and accessible by a computer. Furthermore, any connection is appropriately referred to as a computer-readable medium. For example, if software is transmitted from a website, server, or other remote source using coaxial cable, fiber optic cable, twisted pair, DSL, or wireless technologies such as infrared, radio, and microwave, then coaxial cable, fiber optic cable, twisted pair, DSL, or wireless technologies such as infrared, radio, and microwave are included in the definition of medium. As used herein, disks and optical discs include optical discs, laser discs, optical discs, Digital Versatile Discs (DVDs), floppy disks, and Blu-ray discs, where disks typically reproduce data magnetically, while optical discs optically reproduce data using lasers. Combinations of the above should also be included within the scope of computer-readable media.

[0270] This application provides a computer program product, which includes a computer program that, when run, causes a computer to perform the above-described method.

[0271] This application describes embodiments of methods, apparatus (systems), and computer program products according to embodiments of this application with reference to flowchart illustrations and / or block diagrams. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processing unit of a general-purpose computer, special-purpose computer, embedded processor, or other programmable device to produce a machine, such that the instructions, which execute via the processing unit of the computer or other programmable data processing device, generate instructions for implementing the flowchart illustrations. Figure 1One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0272] The above specific embodiments further illustrate the purpose, technical solution, and beneficial effects of the present invention. It should be understood that the above are merely specific embodiments of the present invention and are not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc., made on the basis of the technical solution of the present invention should be included within the scope of protection of the present invention.

Claims

1. A card display method characterized by comprising: The application is applied to an electronic device, comprising: displaying a first interface of a first application; in response to a first operation, displaying a first card in the first interface, the first card displaying a first animation effect; wherein the first card corresponds to a second application; the first operation is used to trigger an identification process; the first animation effect is used to indicate that identification is being performed; in a case where an identification result is obtained, displaying a second animation effect in the first card, the second animation effect being used to indicate the identification result; after a first preset time length, displaying a third animation effect in the first card, the third animation effect being used to indicate that the first card is stopped from being displayed; the first preset time length is greater than or equal to a playing time length of the second animation effect.

2. The method of claim 1, wherein, in response to a first operation, displaying a first card in the first interface, comprising: in response to the first operation, obtaining layout information of the first card and a first resource, the first resource corresponding to the first animation effect, the first resource comprising multiple images; in the identification process, creating the first card according to the layout information of the first card, and displaying the first animation effect in the first card according to the first resource.

3. The method according to claim 1 or 2, characterized in that, in a case where an identification result is obtained, displaying a second animation effect in the first card, comprising: obtaining a second resource according to the identification result, the second resource corresponding to the second animation effect; displaying the second animation effect in the first card according to the second resource.

4. The method according to any one of claims 1 to 3, characterized in that, before displaying the third animation effect in the first card, further comprising: obtaining a third resource and animation effect state callback information, the third resource corresponding to the third animation effect; the animation effect state callback information being used to indicate that the second animation effect has been played completely; displaying the third animation effect in the first card, comprising: in a case where the animation effect state callback information is obtained, displaying the third animation effect in the first card according to the third resource.

5. The method according to any one of claims 2 to 4, characterized in that, further comprising: starting a countdown when the first animation effect starts to be displayed; if the first card is still displayed in the first interface after the countdown ends, displaying the third animation effect in the first card according to the third resource.

6. The method according to claim 4 or 5, characterized in that, after displaying the third animation effect in the first card according to the third resource, further comprising: clearing the first resource, the second resource and the third resource.

7. The method according to any one of claims 1 to 6, characterized in that, the identification process comprises a face recognition process, the first operation comprises an operation for starting a third application, the third application is provided with an application lock, and the second application comprises a face recognition application; after the identification result is obtained, further comprising: in a case where face recognition is successful, switching from the first interface to a second interface, the second interface being an interface of the third application; or, in a case where face recognition fails, switching from the first interface to a third interface, the third interface comprising one or more controls for unlocking the application lock.

8. The method of claim 7, wherein, the first resource is a frame image resource supporting loop playing; displaying the second animation effect in the first card according to the second resource, comprising: after the second resource is obtained, displaying a first frame image in the second resource in the first card in a case where a last frame image in the first resource has been displayed completely.

9. The method according to any one of claims 1 to 6, characterized in that, The identification process comprises an NFC identification process, and the second application comprises an NFC identification application; after the identification result is obtained, the method further comprises: In a case where the NFC identification succeeds, the first interface is continuously displayed; Or, in a case where the NFC identification fails, the first interface is continuously displayed; or the first interface is switched to a fourth interface, and the fourth interface is an interface of the second application.

10. The method of claim 9, wherein, The second animation comprises a schematic diagram of an NFC card and an identification result identifier, and the third animation is displayed in the first card. The first card is displayed in a gradually reduced size to a size of a first control, and the first card displays a third resource; the first control is in a capsule shape; the first control comprises the schematic diagram of the NFC card and the identification result identifier; After a second preset time period, the first control is stopped from being displayed, and the first interface is continuously displayed.

11. The method according to claim 9 or 10, characterized in that, Before the third animation is displayed in the first card, the method further comprises: A fourth resource is obtained, and the fourth resource corresponds to a first control; The third animation is displayed in the first card, comprising: In a case where the animation state callback information is obtained, the third animation is displayed in the first card according to the third resource; After the third resource is completely displayed, the third animation is displayed according to the fourth resource.

12. The method according to any one of claims 1 to 11, characterized in that, The first card is smaller than a screen of the electronic device, and a distance between a left side of the first card and a left side of the screen and a distance between a right side of the first card and a right side of the screen are both less than a first distance threshold.

13. The method according to any one of claims 1 to 12, characterized in that, The first interface comprises a second card, a priority of the first card is the same as a priority of the second card, a size of the second card is greater than a size of the first card, and a distance between a left side of the second card and a left side of the screen and a distance between a right side of the second card and a right side of the screen are both less than a second distance threshold; The first distance threshold is greater than the second distance threshold. The first card is displayed in the first interface in response to the first operation, comprising: In response to the first operation, the second card is stopped from being displayed, and the first card is displayed in the first interface; After the third animation is displayed in the first card, the method further comprises: The first card is stopped from being displayed, and a second control is displayed in the first interface, the second control is in a capsule shape, and the second control corresponds to the second card; In response to the first operation again, the second control is stopped from being displayed, and a third card is displayed in the first interface; the third card has the same size as the first card; and a priority of the third card is greater than a priority of the second control.

14. The method according to any one of claims 1 to 12, characterized in that, The first interface comprises a fourth card; the fourth card has the same size as the first card, and the first card is displayed in the first interface in response to the first operation, comprising: The fourth card is continuously displayed; In a case where the third animation of the fourth card is completely displayed, the first card is displayed in the first interface.

15. The method according to any one of claims 1 to 12, characterized in that, The first interface further comprises a notification message, and the first card is displayed in the first interface in response to the first operation, comprising: stopping displaying the notification message, and displaying the first card in the first interface; the priority of the first card is greater than the priority of the notification message.

16. An electronic device, comprising: comprising: a processor and a memory; the memory stores computer-executed instructions; the processor executes the computer-executed instructions stored in the memory, so that the electronic device executes the method in any one of claims 1-15.

17. A computer-readable storage medium, the computer-readable storage medium storing a computer program, characterized in that, the computer program, when executed by a processor, implements the method in any one of claims 1-15.

18. A chip system, characterized by comprising at least one processor and a communication interface, the communication interface and the at least one processor are interconnected by a line, the at least one processor is used to run computer programs or instructions to execute the method in any one of claims 1-15.

19. A computer program product, characterised in that, comprising a computer program, when the computer program is executed, so that the computer executes the method in any one of claims 1-15.

Images