WO2022001452A1 - Information display method and apparatus, wearable device, and storage medium - Google Patents

Information display method and apparatus, wearable device, and storage medium Download PDF

Info

Publication number
WO2022001452A1
WO2022001452A1 PCT/CN2021/094687 CN2021094687W WO2022001452A1 WO 2022001452 A1 WO2022001452 A1 WO 2022001452A1 CN 2021094687 W CN2021094687 W CN 2021094687W WO 2022001452 A1 WO2022001452 A1 WO 2022001452A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
dial
frame rate
pointer
animation
Prior art date
Application number
PCT/CN2021/094687
Other languages
French (fr)
Chinese (zh)
Inventor
胡志通
陈德银
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2022001452A1 publication Critical patent/WO2022001452A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/802D [Two Dimensional] animation, e.g. using sprites

Definitions

  • the present application relates to the technical field of wearable devices, and more particularly, to an information display method, device, wearable device and storage medium.
  • wearable devices such as smart watches, smart bracelets, etc.
  • wearable devices usually provide a clock face for users to view basic information, such as viewing time, date, weather, etc.
  • the wearable device also provides the dial editing function for users to edit the dial.
  • the wearable device enters the dial editing interface from the main interface of the clock dial, the position of the pointer in the clock dial will jump. This affects the user's visual experience.
  • the present application proposes an information display method, device, wearable device and storage medium.
  • an embodiment of the present application provides an information display method, which is applied to a wearable device.
  • the method includes: in the case where a clock dial interface is displayed at a first frame rate, detecting an information displayed in the clock dial interface. operation; in the case of detecting a specified operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate greater than the first frame rate; switching the current display interface from the clock dial interface to the dial editing interface.
  • an embodiment of the present application provides an information display device, the device includes: an operation detection module, an animation display module, and an interface switching module, wherein the operation detection module is configured to display a clock at a first frame rate In the case of the dial interface, the operation in the clock dial interface is detected; the animation display module is used to display the specified operation for triggering entering the dial editing interface at the second frame rate.
  • embodiments of the present application provide a wearable device, including: one or more processors; a memory; and one or more application programs, wherein the one or more application programs are stored in the memory and is configured to be executed by the one or more processors, and the one or more programs are configured to execute the information display method provided in the first aspect.
  • an embodiment of the present application provides a computer-readable storage medium, where a program code is stored in the computer-readable storage medium, and the program code can be invoked by a processor to execute the information provided in the first aspect above Show method.
  • the wearable device when the wearable device displays the clock dial interface at the first frame rate, it detects an operation in the clock dial interface, and when it detects a designated operation for triggering entry into the dial editing interface, it uses The second frame rate display shows the transition animation of switching from the clock dial interface to the dial editing interface, wherein the second frame rate is greater than the first frame rate, and then the current display interface is switched from the clock dial interface to the dial editing interface, which realizes In the clock dial interface, you can enter the dial editing interface by specifying operations, and before switching from the clock dial interface to the dial editing interface, the transition animation is displayed, avoiding the position jump of the pointer in the clock dial interface.
  • the problem of poor user visual experience when the transition animation is displayed, the frame rate of the displayed animation is improved, so that the animation can be displayed smoothly, which further improves the user's visual experience.
  • FIG. 1 shows a schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 2 shows another schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 3 shows a flowchart of an information display method according to an embodiment of the present application.
  • FIG. 4 shows a flowchart of a method for displaying information according to another embodiment of the present application.
  • FIG. 5 shows a flowchart of step S220 in the information display method provided by another embodiment of the present application.
  • FIG. 6 shows a flowchart of a method for displaying information according to yet another embodiment of the present application.
  • FIG. 7 shows a flowchart of a method for displaying information according to still another embodiment of the present application.
  • FIG. 8 shows another schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 9 shows another schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 10 shows yet another schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 11 shows yet another schematic diagram of an interface provided by an embodiment of the present application.
  • Fig. 12 shows a block diagram of an information display apparatus according to an embodiment of the present application.
  • FIG. 13 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from a perspective
  • FIG. 14 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from another perspective
  • FIG. 15 is a block diagram of a wearable device for executing the information display method according to the embodiment of the present application according to the embodiment of the present application.
  • FIG. 16 is a storage unit for storing or carrying a program code for implementing the information display method according to the embodiment of the present application according to an embodiment of the present application.
  • wearable devices such as smart watches, smart bracelets, etc.
  • Smart watches, smart bracelets, etc. are multi-functional electronic devices that are equipped with built-in intelligent systems, equipped with smart phone systems and connected to the network.
  • the device has functions such as making and receiving calls, sending and receiving text messages, and taking pictures. Because it is fully functional and very easy to carry, it is widely loved by consumers.
  • the wearable device is usually provided with a touch screen, which is used to display information, receive user's touch operations, and the like.
  • the wearable device can display a dial interface on the first-level interface (ie, the main interface), and the dial interface can provide basic information such as time, so that the user can view the basic information from the dial interface.
  • the wearable device In the dial interface displayed by the wearable device, there are usually various styles, such as digital dial, clock dial and other styles. Among them, the characteristic of the digital dial style is to display the time in the form of a digital format, and the characteristic of the clock dial style is to display the time in the form of a clock.
  • the wearable device also provides the function of dial editing. By displaying the dial editing interface, the wearable device enables users to select and add dial styles on the dial editing interface, so as to meet the needs of users to change the dial style.
  • the wearable device In order to facilitate users to edit the dial interface, the wearable device also provides a way to directly enter the dial editing interface from the dial interface.
  • the dial interface is the clock dial interface
  • the dial editing interface usually displays a preview of the current dial
  • the hands of the dial (hour hand, minute hand, The second hand) position is usually a fixed position. If the pointer position of the dial in the clock dial interface is different from the pointer position of the dial in the preview image, the display effect that the user sees is that the pointer jumps from the position in the clock dial interface to the preview image.
  • the position of the hands on the middle dial For example, please refer to FIG. 1 and FIG.
  • the wearable device 100 displays that the current interface is the clock dial interface A1, and the pointer in the preview image of the current dial corresponds to 3:30.
  • the preview image of the current dial will be displayed. Since the time corresponding to the pointer of the preview image is 3:30, the pointer will suddenly jump from the pointer position in Figure 1 to the position at 3:30 in Figure 2, which is very abrupt. phenomenon, the visual experience for the user is very poor.
  • the inventor has discovered through long-term research, and proposed the information display method, device, wearable device and storage medium provided by the embodiments of the present application, in the case where the wearable display device displays the clock dial interface at the first frame rate
  • the problem of poor user visual experience caused by the position jump of the pointer in the is .
  • the frame rate of the displayed animation is improved when the transition animation is displayed, so that the animation can be displayed smoothly and the user experience is improved.
  • the specific information display method will be described in detail in the following embodiments.
  • FIG. 3 shows a schematic flowchart of an information display method provided by an embodiment of the present application.
  • the information display method is used for entering the dial editing interface through a designated operation when the wearable display device displays the clock dial interface, and displaying a transition animation before switching from the clock dial interface to the dial editing interface.
  • the information display method is applied to the wearable device interaction device 400 shown in FIG. 12 and the wearable device 100 configured with the information display device 400 ( FIG. 15 ).
  • the following will take a wearable device as an example to describe the specific process of this embodiment.
  • the wearable device applied in this embodiment may be a wristband, a watch, etc., which is not limited here.
  • the flow shown in FIG. 3 will be described in detail below, wherein, in this embodiment, the information display method may specifically include the following steps:
  • Step S110 In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
  • the wearable device may be pre-configured with various interfaces, such as a dial interface, a lock screen interface, an application list interface, a dial editing interface, an interface for running applications, a call interface, and the like.
  • the wearable device can detect the current display interface (ie the currently displayed interface), and when the current display interface is the clock dial interface, detect the operation in the clock dial interface, so as to respond to the operation made by the user in the clock dial interface.
  • the clock dial interface is a dial interface in the form of a clock dial.
  • the wearable device can display the dial interface on the first-level interface (ie the main interface), and the dial interface can provide basic information such as time, so that the user can These basic information can be viewed from the watch face interface, such as viewing time, date, weather, etc.
  • the dial interface displayed by the wearable device there are usually various styles in the dial interface displayed by the wearable device, such as digital dial, clock dial and other styles.
  • the characteristic of the digital dial style is to display the time in the form of a digital format
  • the characteristic of the clock dial style is to display the time in the form of a clock.
  • the clock dial interface displays the clock dial at the first frame rate.
  • the frame rate refers to the frame rate at which the wearable device displays the interface content, that is, the number of frames of the interface content displayed by the wearable device per second. For example, if the frame rate is 60 frames per second, the interface content displayed per second The number of frames is 60 frames.
  • the wearable device displays the clock dial interface it usually only needs to display the interface at a lower frame rate.
  • the clock dial interface includes the second hand, since the second hand needs to rotate every second, the first frame rate can be set to 1 frame.
  • the first frame rate may also be higher than 1 frame/second.
  • the first frame rate may also be set to a frame rate less than 1 frame/second.
  • the wearable device may include a touch screen, and the wearable device may detect touch operations on the scoped touch screen to detect operations in the clock dial interface.
  • the touch operation may include a click operation, a pressing operation, a sliding operation, and the like.
  • the touch operation acting on the touch screen can be detected in real time; as another method, the current display interface displayed by the wearable device can be detected in real time
  • the touch operation acting on the touch screen can be detected at preset time intervals.
  • the touch operation acting on the touch screen may be detected according to a preset time point; of course, the specific method of detecting the operation in the clock dial interface may not be limited.
  • Step S120 In the case of detecting a designated operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate is greater than the first frame rate.
  • the specified operation may be an operation preset and stored in the wearable device, and the specified operation is used as a judgment basis for triggering the entry of the dial editing interface. Therefore, in this embodiment, when an operation on the clock dial interface is detected, the operation can be compared with a designated operation to determine whether the operation is a designated operation. If the detected operation is the specified operation, the wearable device can display the transition animation from the clock dial interface to the dial editing interface at the second frame rate; if the detected operation is not the specified operation, the wearable device This operation may not be responded to, or, in response to this operation, other controls may be performed, for example, entering the lock screen interface from the clock dial interface.
  • the dial editing interface is an interface for editing the dial, and operations such as dial replacement, addition, and dial style replacement can be performed through the dial editing interface.
  • the dial editing interface When the wearable device displays the clock dial interface, if the wearable device enters the dial editing interface from the clock dial interface, the dial editing interface usually displays a preview of the current dial, and the hands (hour, minute, second hand) of the dial in the preview image ) position is usually a fixed position. If the pointer position of the dial in the clock dial interface is different from the pointer position of the dial in the preview image, the display effect that the user sees is that the pointer jumps from the position in the clock dial interface to the preview image. The position of the hands on the dial.
  • the wearable device when the wearable device detects the specified operation generated in the clock dial interface, it can display the transition animation from the clock dial interface to the dial editing interface, so as to avoid the direct operation of the clock dial interface when the specified operation is detected.
  • the pointer jumps, which affects the user's visual experience.
  • the transition animation may be an animation of the pointer rotating.
  • the transition animation may be the rotation of the pointer from the current position to the position of the pointer in the preview image in the dial editing interface, so that before switching to the dial editing interface, The position of the pointer is the same as the position of the pointer in the preview image in the dial editing interface, so that after entering the dial editing interface, the user will not feel the visual experience of the pointer jumping.
  • the transition animation can also be a preset transition animation, and the transition animation can be used as a transition between the clock dial interface and the dial editing interface, so that the user can view the transition animation first, and then display the dial Edit the interface so that the user does not experience the visual experience of a jumping pointer.
  • the transition animation can be configured by the wearable device before leaving the factory, or the transition animation can be set and added through the portal provided to the user for setting.
  • the wearable device can provide the system default animation
  • the wearable device can also set the transition animation to other pre-stored animations according to the user's operation, and can also add animations downloaded from the network platform according to the user's operation.
  • the display duration of the transition animation may be set to a value shorter than the specified duration, so as to avoid a longer display duration of the transition animation and give the user a visual experience of interface switching being stuck.
  • the specified duration can be set to 1 second, and the display duration of the transition animation can be set to 0.8 seconds; for another example, the specified duration can be set to 1.1 seconds, and the display duration of the transition animation can be set to 1 second, etc.
  • the wearable device when displaying the above transition animation, may display the transition animation at a second frame rate, and the second frame rate is greater than the previous first frame rate. It is understandable that when the wearable device displays the clock dial interface, it usually only needs to render and refresh the interface at a lower frequency; however, after detecting the specified operation to enter the dial editing interface, the display switches from the clock dial interface to the dial interface.
  • the wearable device in order to ensure the smoothness of the transition animation, can switch the frame rate of the interface content displayed by the wearable device from the first frame rate to the second higher frame rate, so that the wearable device can display the interface content.
  • the transition animation is displayed at a relatively high second frame rate to ensure the smoothness of the transition animation display.
  • the wearable device may determine the above second frame rate according to the attribute information in the transition animation to be rendered. It is understandable that different videos, animations, etc. are designed with frame rates. Therefore, the wearable device can obtain the frame rate attribute of the transition animation to determine the second frame rate.
  • the wearable device when the transition animation is displayed, the wearable device increases the frame rate of the interface display, so that the wearable device can display the transition animation at a relatively high second frame rate, so that the transition animation can be smoothly displayed.
  • the display transition animation can improve the display effect of the transition animation, thereby improving the user's visual experience.
  • Step S130 Switch the current display interface from the clock dial interface to the dial editing interface.
  • the wearable device after the wearable device displays the transition animation of switching from the clock dial interface to the dial editing interface, the wearable device can switch the current display interface to the dial editing interface, thereby completing the specified operation input by the user. In response, after the dial editing interface is displayed, the user's editing requirements for the dial of the wearable device can be satisfied.
  • the dial editing interface can provide the user with functions such as selecting a dial, adding a dial, and changing a dial style, so that the user can select a dial pre-stored in the wearable device, or add a dial set by himself, so as to download the dial from the network. It is also possible to change the dial style of the dials with various styles to meet the various needs of users for editing the dials.
  • the frame rate displayed on the interface is changed from the first one to the first one.
  • the frame rate is increased to the second frame rate, so that the wearable device displays the transition animation at a higher second frame rate, and then the current display interface is switched from the clock dial interface to the dial editing interface. Therefore, it can be realized that the designated operation performed on the interface of the clock dial is detected, and then the dial editing interface can be triggered, so that the user can edit the dial more quickly and conveniently.
  • a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience.
  • the frame rate of the display of the interface content is improved, so that the transition animation can be displayed smoothly, the display effect of the transition animation is improved, and the user experience is further improved.
  • FIG. 4 shows a schematic flowchart of an information display method provided by another embodiment of the present application.
  • the information display method is applied to the above-mentioned wearable device.
  • the flow shown in FIG. 4 will be described in detail below.
  • the information display method may specifically include the following steps:
  • Step S210 In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
  • step S210 reference may be made to the content of the foregoing embodiments, and details are not described herein again.
  • Step S220 in the case of detecting a specified operation for triggering entry into the dial editing interface, obtain a target frame rate corresponding to the transition animation, and use the target frame rate as the second frame rate.
  • the wearable device when it detects the specified operation for triggering the dial editing interface, it can obtain the target frame rate corresponding to the transition animation, and use the target frame rate as the second frame rate, so as to determine out the second frame rate that needs to be boosted to.
  • the target frame rate corresponding to the transition animation may be pre-stored in the wearable device, and the wearable device may read the target frame rate corresponding to the transition animation when determining the second frame rate to be increased to, Thereby, the second frame rate that needs to be boosted is determined.
  • the transition animation may include a rotation animation in which the pointer in the clock dial interface rotates from the current position to the specified position.
  • the wearable device may also determine the target frame rate corresponding to the transition animation according to the content in the transition animation.
  • the wearable device obtains the target frame rate corresponding to the transition animation, which may include:
  • Step S221 Acquire a preset duration corresponding to the transition animation and a target angle at which the pointer is to be rotated.
  • the wearable device may be preset with a preset duration corresponding to the above rotation animation, and when the wearable device needs to determine the target frame rate corresponding to the transition animation, the wearable device may obtain the preset duration corresponding to the transition animation.
  • the preset duration may refer to the playback duration of the transition animation, that is, the duration required for completion of playback of the transition animation.
  • the wearable device can also obtain the angle to be rotated by the pointer in the current dial of the clock dial interface, and use the angle to be rotated as the target angle.
  • the wearable device may determine the angle at which the pointer is to be rotated according to the first position of the pointer on the current dial, the second position to which the pointer is to be rotated, and the angle difference between the first position and the second position.
  • Step S222 Determine a target frame rate corresponding to the transition animation based on the preset duration and the target angle.
  • the wearable device can determine the target frame rate corresponding to the transition animation according to the preset duration and the target angle.
  • the playback duration of the transition animation is a preset fixed value, while the target angle is not fixed. It needs to be determined according to the position of the pointer in the current dial each time. Therefore, each time the transition animation is displayed, the pointer will be rotated. The target angles are also different. If the pointer needs to rotate a larger range within the preset duration, and the frame rate is small, the pointer needs to be rotated at a larger angle for each frame in the transition animation. In this case, the display effect of the pointer rotation in the transition animation will also be displayed. Affected, therefore, the wearable device can determine the target frame rate according to the preset duration and the target angle.
  • the wearable device determines the target frame rate corresponding to the transition animation based on the preset duration and the target angle, which may include: obtaining the ratio of the target angle and the preset duration as the pointer rotation speed; The stored correspondence between the rotation speed and the frame rate is obtained, and the frame rate corresponding to the rotation speed of the pointer is obtained as the target frame rate, wherein the frame rate is positively correlated with the rotation speed. It is understandable that because the pointer rotates faster and the frame rate is lower, the rotation angle of the pointer in each frame of the transition animation is larger, which affects the display effect of pointer rotation.
  • the wearable device can The frame rate is positively correlated with the rotation speed, and the frame rate corresponding to the rotation speed of the pointer is determined, and the frame rate is used as the target frame rate. Among them, the corresponding relationship between the frame rate and the rotation speed can be set according to the experiment.
  • the wearable device may also pre-store the correspondence between the frame rate, the animation duration and the rotation angle, for example, the correspondence may be a table.
  • the wearable device can search for the corresponding frame rate according to the corresponding relationship and use the preset duration and target angle, and use the found frame rate as the target frame rate.
  • Step S230 Display the transition animation of switching from the clock dial interface to the dial editing interface at the second frame rate.
  • Step S240 Switch the current display interface from the clock dial interface to the dial editing interface.
  • a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience.
  • the frame rate of the interface display is increased, and the frame rate of the display is determined according to the transition animation to be displayed, which can not only display the transition animation smoothly, but also improve the display effect of the transition animation. , which improves the user's visual experience.
  • FIG. 6 shows a schematic flowchart of an information display method provided by another embodiment of the present application.
  • the information display method is applied to the above-mentioned wearable device, and the process shown in FIG. 6 will be described in detail below.
  • the information display method may specifically include the following steps:
  • Step S310 In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
  • Step S320 In the case of detecting a designated operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate is greater than the first frame rate.
  • Step S330 In the case that the transition animation display ends, display the interface at the first frame rate.
  • the wearable device increases the frame rate of the interface display when displaying the transition animation in response to the specified operation in the interface of the clock dial, and the wearable device can also detect the end moment of the transition animation, and when the transition animation ends At the moment, the frame rate displayed on the interface is switched from the second frame rate back to the previous first frame rate, so that when the transition animation is not displayed, the first frame rate lower than the second frame rate is used for the interface.
  • the content is displayed, thereby reducing the power consumption of the wearable device and saving the power of the wearable device.
  • the display duration of the transition animation may be pre-stored or set in the wearable device, and the wearable device may determine the end of the transition animation according to the display duration of the transition animation and the start time when the transition animation starts to be displayed. time, and at the end time, the interface content is displayed at the first frame rate.
  • the wearable device may also detect the display process of the transition animation, and when it is detected that the transition animation display is completed, display the interface content at the first frame rate.
  • step S340 provided in the embodiments of the present application may also be applicable to other embodiments.
  • Step S340 Switch the current display interface from the clock dial interface to the dial editing interface.
  • step S340 reference may be made to the content of the foregoing embodiments, and details are not described herein again.
  • a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience.
  • the frame rate at which the interface is displayed is increased, so that the transition animation can be displayed smoothly and the user's visual experience is improved.
  • the frame rate displayed on the interface is reduced to the first frame rate, so that the power consumption of the wearable device can be reduced and the power consumption of the wearable device can be saved.
  • FIG. 7 shows a schematic flowchart of an information display method provided by yet another embodiment of the present application.
  • the information display method is applied to the above-mentioned wearable device, and the process shown in FIG. 7 will be described in detail below.
  • the information display method may specifically include the following steps:
  • Step S410 In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
  • step S410 reference may be made to the content of the foregoing embodiments, and details are not described herein again.
  • Step S420 When a pressing operation in the dial interface is detected, obtain the continuous pressing duration corresponding to the pressing operation.
  • the operation in the clock dial interface may include a pressing operation
  • the specified operation may be a pressing operation whose pressing duration is longer than the specified pressing duration. Therefore, in this embodiment, when a pressing operation acting on the dial interface is detected, the continuous pressing duration corresponding to the pressing operation can be obtained, so as to determine whether the continuous pressing duration corresponding to the pressing operation satisfies the specified pressing duration. , to determine whether the touch operation is a specified operation. As an implementable manner, timing is started when a pressing operation acting on the touch screen is detected, and timing is accumulated when continuous pressing is detected, so as to obtain the continuous pressing duration corresponding to the pressing operation.
  • a judgment basis for pressing force may be set.
  • a specified pressing force may be set as a judgment basis for pressing force, wherein the specified pressing force may be preset and stored in
  • the wearable device can also be temporarily set when a pressing operation acting on the touch screen is detected, which is not limited here.
  • the pressing force corresponding to the pressing operation can be obtained, and the obtained pressing force can be compared with the specified pressing force to determine whether the pressing force is greater than the specified pressing force.
  • the continuous pressing duration corresponding to the pressing operation can be obtained, and when the judgment result indicates that the pressing force is not greater than the specified pressing force, the pressing operation may not be responded to, or the same pressing operation may be performed. Obtain responses with different durations of continuous pressing corresponding to the pressing operation.
  • the wearable device may also be provided with a designated area, where the designated area is used to trigger entry into the dial editing interface. That is, when the detected operation is a pressing operation in the designated area, the continuous pressing duration of the pressing operation is detected.
  • the designated area corresponds to a preset coordinate range in the coordinate system of the touch coordinates. After obtaining the coordinate information of the pressing position corresponding to the pressing operation, it can be determined whether the coordinate information of the pressing position is within the preset coordinate range, wherein, when the coordinate information of the pressing position is within the preset coordinate range, it can be determined that the pressing position is within In the designated area of the touch screen, the duration of the continuous pressing corresponding to the pressing operation can be obtained.
  • the coordinate information of the pressing position is not within the coordinate range, it can be determined that the pressing position is outside the designated area of the touch screen, and the touch operation is not responded to, or , and perform a response with a different duration of continuous pressing corresponding to the acquisition of the pressing operation.
  • Step S430 When the continuous pressing duration reaches the specified pressing duration, obtain the first pointer position currently corresponding to the pointer of the clock dial interface.
  • the specified pressing duration may be preset and stored in the wearable device, or may be temporarily set when a pressing operation acting on the touch screen is detected, which is not limited herein.
  • the specified pressing duration is used as a basis for determining the continuous pressing duration of the pressing operation acting on the touch screen.
  • the continuous pressing duration corresponding to the pressing operation may be compared with the specified pressing time to determine the continuous pressing corresponding to the pressing operation. Whether the duration reaches the specified pressing duration.
  • the judgment result indicates that the continuous pressing duration corresponding to the pressing operation reaches the specified pressing duration, it can be determined that the touch operation is the specified operation. Therefore, the display can be switched from the clock dial interface to the dial editing interface at the second frame rate in response to the operation.
  • the judgment result indicates that the continuous pressing duration corresponding to the pressing operation does not reach the specified pressing duration, it can be determined that the touch operation is not the specified operation, and the operation is not responded to, or other interface control is performed.
  • the dial editing interface when switching from the clock dial interface to the dial editing interface, the dial editing interface may include a preview image corresponding to the current dial, where the current dial refers to the dial in the clock dial interface, that is, the currently set dial dial.
  • the transition animation of switching from the clock dial interface to the dial editing interface can be the animation of the pointer rotation.
  • the transition animation can be the rotation of the pointer from the current position to the position of the pointer in the preview image in the dial editing interface, so that before switching to the dial editing interface, the position of the pointer is the same as that in the preview image in the dial editing interface.
  • the position of the pointer is consistent, so that after entering the dial editing interface, the user will not feel the visual experience of the pointer jumping.
  • the wearable device may first obtain the first pointer position currently corresponding to the pointer of the clock dial interface. As a method, the wearable device may determine the position corresponding to the current time according to the current time, and use the determined position as the first pointer position. Wherein, the first pointer position may include positions corresponding to the hour hand, the minute hand, and the second hand.
  • the rendering of the above transition animation can be completed by a parsing rendering engine, and then the rendered picture data is output to the display screen for display.
  • the display of all interface contents of the wearable device can also be completed by the parsing and rendering engine.
  • the parsing and rendering engine when the clock dial interface is displayed at the first frame rate, the parsing and rendering engine renders the clock dial interface at the first frame rate. Render and display each frame of the rendered image, so that the actual frame rate of the clock face interface displayed is the first frame rate, that is, the number of frames displayed on the clock face interface per second and the first frame rate For example, when the first frame rate is 1 frame/second, the number of frames displayed on the clock surface interface per second is 1 frame.
  • the analytical rendering engine may be a ColorOS engine, and the ColorOS system is an operating system deeply customized based on the Android system.
  • the principle of the ColorOS engine is to directly parse and render the resource compressed package on the storage device. The parsing is based on a set of grammar description rules customized with xml files. For example, each dial needs to describe the effect it wants to achieve in the xml file according to the designed grammar rules, such as which pictures or text to display, how to display it, and how to animation rules.
  • the ColorOS engine can read the xml file and the required image resources and other materials from the compressed package, parse the rules in the xml, and convert them into elements inside the engine. The engine runs to render the actual display content.
  • the parsing rendering engine can obtain the first pointer position currently corresponding to the pointer.
  • Step S440 Obtain the second pointer position corresponding to the pointer in the preview image.
  • the wearable device may also acquire the position of the second pointer corresponding to the pointer in the preview image.
  • the second pointer position is configured by the configurator.
  • the second pointer position in the preview image is obtained, so that the pointer in the transition animation can be rotated to the position of the pointer in the preview image, because if it is not set to the preview image
  • the second pointer position of the pointer will also cause the jump problem.
  • the second pointer position may also include positions corresponding to the hour hand, minute hand, and second hand.
  • acquiring the second pointer position corresponding to the pointer in the preview image by the wearable device may include: acquiring a pointer label pre-created by the parsing and rendering engine, where the pointer label is used to declare the pointer in the clock dial multiple attributes of the ; obtain the initial angle attribute declared in the pointer tag; determine the second pointer position corresponding to the pointer in the preview image according to the initial angle attribute.
  • the second pointer position can be acquired by the parsing and rendering engine.
  • a pointer tag ⁇ HandImage> is pre-added in the parsing and rendering engine.
  • the pointer tag is used to declare a pointer on a dial.
  • the pointer tag declares a variety of attributes, which can include image source, coordinates, width and height, and rotation. Angle, etc. According to these properties, the parsing rendering engine can render pointers on the dial.
  • the pointer and the dial body can be divided into two parts, and the pointer can be extracted separately, and a pointer label is set, and the dial body and the pointer are rendered separately when the dial is displayed.
  • the various attributes defined in the pointer tag may also include an initial angle attribute, where the initial angle attribute is used to represent the original angle of the pointer in the preview image.
  • the parsing rendering engine needs to render the transition animation and obtain the second pointer position corresponding to the pointer in the preview image, it can obtain the second pointer position according to the preset label and the attributes declared in the label.
  • Step S450 In the dial interface, render and display a rotation animation of the pointer of the current clock dial rotating from the first pointer position to the second pointer position based on the parsing rendering engine at a second frame rate.
  • the parsing and rendering engine after the parsing and rendering engine obtains the first pointer position and the second pointer position, it can render the rotation of the pointer of the current clock dial from the first pointer position to the second pointer position in the dial interface. Animate and display each frame of animation rendered.
  • the parsing and rendering engine renders the rotating animation at the second frame rate, and displays each frame of the rendered animation, so that the actual frame rate for displaying the rotating animation is the second frame rate, that is, the display is displayed every second.
  • the number of frames of the rotation animation is the same as the value of the second frame rate. For example, when the second frame rate is 60 frames/second, the number of frames of the rotation animation displayed per second is 60 frames.
  • rendering based on the parsing rendering engine renders at the second frame rate and displays the rotation animation of the current clock dial pointer rotating from the first pointer position to the second pointer position, which may include:
  • the analytical rendering engine determines the target angle at which the pointer of the current clock dial rotates from the first pointer position to the second pointer position; obtains the current frame rate and the preset corresponding to the transition animation through the analytical rendering engine.
  • the parsing and rendering engine can first determine the angle at which the pointer needs to be rotated in each frame, and then determine each frame, so that each frame can be rendered and displayed frame by frame, until the pointer of the current clock dial is replaced by the first pointer. The position rotates to the second pointer position to complete the rendering and display of the transition animation.
  • the number of frames of the rotating animation can be determined by parsing the rendering engine and based on the second frame rate and the preset duration, and then parsing the rendering engine based on the second frame rate and the preset duration.
  • the ratio of the target angle to the number of picture frames determines the rotation angle of the pointer in each frame of picture.
  • the parsing and rendering engine determines the number of picture frames of the rotating animation based on the second frame rate and the preset duration, which may be by converting the unit of the preset duration into seconds, and then multiplying the preset duration by the second frame rate, that is, to obtain The product of the second frame rate and the preset duration. For example, if the second frame rate is 60 frames/second, and the preset duration is 1.5 seconds, the number of picture frames is 90 frames.
  • the frame rate for example, the second frame rate here is 60 frames
  • the rotation is refreshed, and the rotation animation needs to be displayed within 1 second, that is, it rotates 180 degrees within 1 second. Since the second frame rate is 60 frames, one frame needs to be refreshed every 1/60 second. Therefore, it is necessary to rotate the pointer by 180/
  • the positions corresponding to the pointers in the preview images of all watch faces can be set to be the same, so that after the user enters the watch face editing interface subsequently, after the user switches the previewed watch face to any other watch face, the pointers are in the same position. position, will not cause the pointer jump problem.
  • the positions corresponding to the pointers in the preview images of all the dials are different, after entering the dial editing interface, if the preview image is switched to another preview image with different pointer positions, the same can be switched to the next preview image.
  • the rotation animation from the current pointer position to the pointer position in another preview image is displayed, so as to avoid the jumping of the pointer caused by switching the watch face of the preview.
  • Step S460 Switch the current display interface from the clock dial interface to the dial editing interface.
  • step S460 reference may be made to the content of the foregoing embodiments, and details are not described herein again.
  • FIG. 1 and FIG. 2 Please refer to FIG. 1 and FIG. 2 again, and refer to FIG. 8.
  • the pointer can be rotated from the position in FIG. 1 to the position in FIG. 8 by the above method. , and then switch to the dial editing interface in Figure 2, thus effectively avoiding the jump of the pointer.
  • the wearable device can also obtain a pointer when detecting a switching operation for triggering the switch from the dial editing interface to the clock dial interface.
  • the corresponding third pointer position, the third pointer position corresponds to the current time, and then in the dial editing interface, the pointer of the clock dial based on the parsing rendering engine rendering and displaying the current preview rotates from the second pointer position to the third pointer position.
  • the rotation animation of switches the current display interface from the dial editing interface to the dial interface.
  • the wearable device can also display the rotation animation of the pointer of the currently previewed clock dial rotating from the second pointer position to the third pointer position in the dial editing interface, and then switch to the clock dial interface. Please refer to Fig. 9, Fig. 10 and Fig. 11 at the same time.
  • the pointer can be rotated from the position in Fig. 9 to the position in Fig. 10 through the above method, and then switched to The clock dial interface A1 in Figure 11 effectively avoids the jumping of the pointer.
  • the dial editing interface when a pressing operation performed on the interface of the clock dial is detected, and the continuous pressing duration of the pressing operation is longer than the specified pressing duration, the dial editing interface can be triggered to enter the dial editing interface, so that the user can Editing is faster and easier.
  • the current position of the pointer before switching from the clock dial interface to the dial editing interface, it is displayed that the current position of the pointer is rotated to the position of the pointer in the preview image, so as to avoid the jump of the pointer caused by entering the dial editing interface and displaying the preview image.
  • the transition animation when the transition animation is displayed, the frame rate of the interface display will be improved, so that the transition animation can be displayed smoothly, the display effect of the transition animation is improved, and the user experience is further improved.
  • the pointer rotation animation is also displayed, which avoids the jump of the pointer when returning to the clock dial interface, and further improves the user's visual experience.
  • FIG. 12 shows a structural block diagram of an information display apparatus 400 provided by an embodiment of the present application.
  • the information display device 400 applies the above-mentioned wearable device, and the information display device 400 includes: an operation detection module 410, an animation display module 420, and an interface switching module 430.
  • the operation detection module 410 is used for detecting the operation in the clock dial interface when the clock dial interface is displayed at the first frame rate;
  • the animation display module 420 is used for triggering the entry when detecting In the case of a specified operation of the dial editing interface, the transition animation from the clock dial interface to the dial editing interface is displayed at a second frame rate, wherein the second frame rate is greater than the first frame rate; so
  • the interface switching module 430 is used to switch the current display interface from the clock dial interface to the dial editing interface.
  • the animation display module 420 includes: a frame rate acquisition unit and an animation rendering unit.
  • the frame rate acquisition unit is configured to acquire the target frame rate corresponding to the transition animation when a specified operation for triggering the dial editing interface is detected, and use the target frame rate as the second frame rate;
  • the animation The rendering unit is configured to render and display the transition animation from the clock dial interface to the dial editing interface at the second frame rate.
  • the transition animation includes a rotation animation in which the pointer in the clock dial interface rotates from the current position to the specified position.
  • the frame rate acquisition unit may include: an information acquisition subunit and a frame rate determination subunit.
  • the information acquisition subunit is used to acquire the preset duration corresponding to the transition animation and the target angle at which the pointer is to be rotated; the frame rate determination subunit is used to determine the preset duration and the target angle based on the preset duration and the target angle.
  • the target frame rate corresponding to the transition animation may include: an information acquisition subunit and a frame rate determination subunit.
  • the information acquisition subunit is used to acquire the preset duration corresponding to the transition animation and the target angle at which the pointer is to be rotated;
  • the frame rate determination subunit is used to determine the preset duration and the target angle based on the preset duration and the target angle.
  • the target frame rate corresponding to the transition animation is used to determine the preset duration and the target angle based on the preset duration and the target angle.
  • the frame rate determination subunit may be specifically used to: obtain the ratio of the target angle and the preset duration as the pointer rotation speed; and obtain the pointer rotation based on the pre-stored correspondence between the rotation speed and the frame rate.
  • the frame rate corresponding to the speed is used as the target frame rate, wherein the frame rate is positively correlated with the rotation speed.
  • the animation display module 420 may be further configured to display the transition animation from the clock dial interface to the dial editing interface at the second frame rate, when the transition animation display ends Next, the interface is displayed at the first frame rate.
  • the animation display module 420 can be specifically used to:
  • the continuous pressing duration corresponding to the pressing operation is obtained; when the continuous pressing duration reaches the specified pressing duration, the clock displayed by the clock is displayed at the second frame rate.
  • the dial editing interface includes a preview image of the current clock dial of the dial interface.
  • the animation display module 420 may include: a first position acquisition unit, a second position acquisition unit, and an animation rendering unit. Wherein, the first position acquisition unit is used to acquire the first pointer position currently corresponding to the pointer of the clock dial interface; the second position acquisition unit is used to acquire the second pointer position corresponding to the pointer in the preview image; the animation rendering unit uses In the dial interface, a rotation animation of the pointer of the current clock dial rotating from the first pointer position to the second pointer position is rendered and displayed at a second frame rate based on the parsing rendering engine.
  • the animation display module 420 can also be used to: when detecting a switching operation for triggering switching from the dial editing interface to the clock dial interface, obtain the third pointer position corresponding to the pointer, the The third pointer position corresponds to the current time; in the dial editing interface, the pointer of the clock dial that is rendered at the second frame rate based on the parsing rendering engine and displays the current preview rotates from the second pointer position to the first Rotation animation of three pointer positions.
  • the interface switching module 440 may also be used for: switching the current display interface from the dial editing interface to the clock dial interface.
  • the second location acquiring unit may include: a label acquiring subunit, an attribute acquiring subunit, and a location determining subunit.
  • the label obtaining subunit is used to obtain the pointer label pre-created by the parsing and rendering engine, and the pointer label is used to declare various attributes of the pointer in the clock dial; the attribute obtaining subunit is used to obtain the declaration in the pointer label
  • the initial angle attribute of the position determination subunit is used to determine the position of the second pointer corresponding to the pointer in the preview image according to the initial angle attribute.
  • the coupling between the modules may be electrical, mechanical or other forms of coupling.
  • each functional module in each embodiment of the present application may be integrated into one processing module, or each module may exist physically alone, or two or more modules may be integrated into one module.
  • the above-mentioned integrated modules can be implemented in the form of hardware, and can also be implemented in the form of software function modules.
  • the wearable device when the wearable device displays the clock dial interface at the first frame rate, it detects the operation in the clock dial interface, and when it detects the specified operation for triggering the dial editing interface Next, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, where the second frame rate is greater than the first frame rate, and then switch the current display interface from the clock dial interface to the dial editing interface, It is realized that you can enter the dial editing interface by specifying operations on the clock dial interface, and display the transition animation before switching from the clock dial interface to the dial editing interface, avoiding the position jump band of the pointer in the clock dial interface. The problem of poor visual experience of incoming users improves the user experience. In addition, when the transition animation is displayed, the frame rate of the displayed animation is improved, so that the animation can be displayed smoothly, which further improves the user's visual experience.
  • FIG. 13 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from one perspective
  • FIG. 14 shows a schematic structural diagram of the wearable device provided by an embodiment of the present application from another perspective.
  • the wearable device 100 provided in this embodiment of the present application includes a touch screen 130 .
  • FIG. 15 shows a structural block diagram of a wearable device 100 provided by an embodiment of the present application.
  • the wearable device 100 may be an electronic device capable of running an application program, such as a smart watch, a smart bracelet, or the like.
  • the wearable device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, a touch screen 130, and one or more application programs, wherein the one or more application programs may be stored in the memory 120 and accessed by Configured to be executed by one or more processors 110, the one or more programs are configured to execute the methods described in the foregoing method embodiments.
  • the processor 110 may include one or more processing cores.
  • the processor 110 uses various interfaces and lines to connect various parts of the entire wearable device 100, and by running or executing the instructions, programs, code sets or instruction sets stored in the memory 120, and calling the data stored in the memory 120, Various functions of the wearable device 100 are executed and data is processed.
  • the processor 110 may adopt at least one of a digital signal processing (Digital Signal Processing, DSP), a Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and a Programmable Logic Array (Programmable Logic Array, PLA).
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA Programmable Logic Array
  • the processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU), a modem, and the like.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • the CPU mainly handles the operating system, user interface, and application programs
  • the GPU is used to render and draw the content to be displayed
  • the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may also not be integrated into the processor 110, and is implemented by a communication chip alone.
  • the memory 120 may include random access memory (Random Access Memory, RAM), or may include read-only memory (Read-Only Memory). Memory 120 may be used to store instructions, programs, codes, sets of codes, or sets of instructions.
  • the memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing the following method embodiments, and the like.
  • the storage data area may also store data (such as phone book, audio and video data, chat record data) created by the wearable device 100 during use.
  • the touch screen 130 is used to display information input by the user, information provided to the user, and various graphical user interfaces of the wearable device 100, which may be composed of graphics, text, icons, numbers, videos, and any combination thereof.
  • the touch screen 130 may be a liquid crystal display (LCD) or an organic light-emitting diode (OLED), which is not limited herein.
  • FIG. 16 shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application.
  • the computer-readable medium 800 stores program codes, and the program codes can be invoked by the processor to execute the methods described in the above method embodiments.
  • the computer readable storage medium 800 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM.
  • the computer-readable storage medium 800 includes a non-transitory computer-readable storage medium.
  • Computer readable storage medium 800 has storage space for program code 810 to perform any of the method steps in the above-described methods. These program codes can be read from or written to one or more computer program products.
  • Program code 810 may be compressed, for example, in a suitable form.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Disclosed in the present application are an information display method and apparatus, a wearable device, and a storage medium. The information display method is applied to a wearable device. The information display method comprises: when a clock dial interface is displayed at a first frame rate, detecting an operation in the clock dial interface; when a specified operation for triggering to enter a dial editing interface is detected, displaying, at a second frame rate, a transition animation for switching from the clock dial interface to the dial editing interface, wherein the second frame rate is greater than the first frame rate; and switching the current display interface from the clock dial interface to the dial editing interface. By means of the method, when the wearable device is switched from the clock dial interface to the dial editing interface, the transition animation can be smoothly rendered, thereby avoiding pointer jumping and improving user experience.

Description

信息展示方法、装置、可穿戴设备及存储介质Information display method, device, wearable device and storage medium
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请要求于2020年7月3日提交的申请号为202010637453.0的中国申请的优先权,其在此出于所有目的通过引用将其全部内容并入本文。This application claims priority to Chinese Application No. 202010637453.0, filed on July 3, 2020, which is hereby incorporated by reference in its entirety for all purposes.
技术领域technical field
本申请涉及可穿戴设备技术领域,更具体地,涉及一种信息展示方法、装置、可穿戴设备及存储介质。The present application relates to the technical field of wearable devices, and more particularly, to an information display method, device, wearable device and storage medium.
背景技术Background technique
随着科学技术的发展,可穿戴设备(例如智能手表、智能手环等)的使用越来越广泛,功能越来越多,已经成为人们日常生活中的必备之一。目前,可穿戴设备通常会提供时钟表盘供用户查看基本信息,例如查看时间、日期、天气等。另外,可穿戴设备也会提供表盘的编辑功能,供用户进行表盘的编辑,但是在可穿戴设备从时钟表盘的主界面进入到表盘编辑界面时,会存在时钟表盘中的指针的位置跳变,从而影响了用户的视觉体验。With the development of science and technology, wearable devices (such as smart watches, smart bracelets, etc.) are used more and more widely, with more and more functions, and have become one of the must-haves in people's daily life. At present, wearable devices usually provide a clock face for users to view basic information, such as viewing time, date, weather, etc. In addition, the wearable device also provides the dial editing function for users to edit the dial. However, when the wearable device enters the dial editing interface from the main interface of the clock dial, the position of the pointer in the clock dial will jump. This affects the user's visual experience.
发明内容SUMMARY OF THE INVENTION
鉴于上述问题,本申请提出了一种信息展示方法、装置、可穿戴设备及存储介质。In view of the above problems, the present application proposes an information display method, device, wearable device and storage medium.
第一方面,本申请实施例提供了一种信息展示方法,应用于可穿戴设备,所述方法包括:在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作;在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率;将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。In a first aspect, an embodiment of the present application provides an information display method, which is applied to a wearable device. The method includes: in the case where a clock dial interface is displayed at a first frame rate, detecting an information displayed in the clock dial interface. operation; in the case of detecting a specified operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate greater than the first frame rate; switching the current display interface from the clock dial interface to the dial editing interface.
第二方面,本申请实施例提供了一种信息展示装置,所述装置包括:操作检测模块、动画展示模块以及界面切换模块,其中,所述操作检测模块用于在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作;所述动画展示模块用于在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率;所述界面切换模块用于将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。In a second aspect, an embodiment of the present application provides an information display device, the device includes: an operation detection module, an animation display module, and an interface switching module, wherein the operation detection module is configured to display a clock at a first frame rate In the case of the dial interface, the operation in the clock dial interface is detected; the animation display module is used to display the specified operation for triggering entering the dial editing interface at the second frame rate. The transition animation of switching the clock dial interface to the dial editing interface, wherein the second frame rate is greater than the first frame rate; the interface switching module is used to switch the current display interface from the clock dial interface to the all on the dial editing interface.
第三方面,本申请实施例提供了一种可穿戴设备,包括:一个或多个处理器;存储器;一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于执行上述第一方面提供的信息展示方法。In a third aspect, embodiments of the present application provide a wearable device, including: one or more processors; a memory; and one or more application programs, wherein the one or more application programs are stored in the memory and is configured to be executed by the one or more processors, and the one or more programs are configured to execute the information display method provided in the first aspect.
第四方面,本申请实施例提供了一种计算机可读取存储介质,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行上述第一方面提供的信息展示方法。In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, where a program code is stored in the computer-readable storage medium, and the program code can be invoked by a processor to execute the information provided in the first aspect above Show method.
本申请提供的方案,可穿戴设备在以第一帧率显示时钟表盘界面的情况下,检测于时钟表盘界面中的操作,在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示展示由时钟表盘界面切换至表盘编辑界面的过渡动画,其中,第二帧率大于第一帧率,然后将当前显示界面由时钟表盘界面切换为所述表盘编辑界面,实现了在通过在时钟表盘界面,通过指定操作即能进入表盘编辑界面,并且在由时钟表 盘界面切换为表盘编辑界面之前,展示过渡动画,避免了时钟表盘界面中的指针存在的位置跳变带来的用户视觉体验较差的问题。另外,在展示过渡动画时对显示动画的帧率进行了提升,从而可以流畅的展示动画,进一步提升了用户的视觉体验。In the solution provided by the present application, when the wearable device displays the clock dial interface at the first frame rate, it detects an operation in the clock dial interface, and when it detects a designated operation for triggering entry into the dial editing interface, it uses The second frame rate display shows the transition animation of switching from the clock dial interface to the dial editing interface, wherein the second frame rate is greater than the first frame rate, and then the current display interface is switched from the clock dial interface to the dial editing interface, which realizes In the clock dial interface, you can enter the dial editing interface by specifying operations, and before switching from the clock dial interface to the dial editing interface, the transition animation is displayed, avoiding the position jump of the pointer in the clock dial interface. The problem of poor user visual experience. In addition, when the transition animation is displayed, the frame rate of the displayed animation is improved, so that the animation can be displayed smoothly, which further improves the user's visual experience.
附图说明Description of drawings
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions in the embodiments of the present application more clearly, the following briefly introduces the drawings that are used in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those skilled in the art, other drawings can also be obtained from these drawings without creative effort.
图1示出了本申请实施例提供的一种界面示意图。FIG. 1 shows a schematic diagram of an interface provided by an embodiment of the present application.
图2示出了本申请实施例提供的另一种界面示意图。FIG. 2 shows another schematic diagram of an interface provided by an embodiment of the present application.
图3示出了根据本申请一个实施例的信息展示方法流程图。FIG. 3 shows a flowchart of an information display method according to an embodiment of the present application.
图4示出了根据本申请另一个实施例的信息展示方法流程图。FIG. 4 shows a flowchart of a method for displaying information according to another embodiment of the present application.
图5示出了本申请另一个实施例提供的信息展示方法中步骤S220的流程图。FIG. 5 shows a flowchart of step S220 in the information display method provided by another embodiment of the present application.
图6示出了根据本申请又一个实施例的信息展示方法流程图。FIG. 6 shows a flowchart of a method for displaying information according to yet another embodiment of the present application.
图7示出了根据本申请再一个实施例的信息展示方法流程图。FIG. 7 shows a flowchart of a method for displaying information according to still another embodiment of the present application.
图8示出了本申请实施例提供的又一种界面示意图。FIG. 8 shows another schematic diagram of an interface provided by an embodiment of the present application.
图9示出了本申请实施例提供的再一种界面示意图。FIG. 9 shows another schematic diagram of an interface provided by an embodiment of the present application.
图10示出了本申请实施例提供的又另一种界面示意图。FIG. 10 shows yet another schematic diagram of an interface provided by an embodiment of the present application.
图11示出了本申请实施例提供的又再一种界面示意图。FIG. 11 shows yet another schematic diagram of an interface provided by an embodiment of the present application.
图12示出了根据本申请一个实施例的信息展示装置的一种框图。Fig. 12 shows a block diagram of an information display apparatus according to an embodiment of the present application.
图13示出了本申请实施例提供的可穿戴设备的一个视角的结构示意图;FIG. 13 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from a perspective;
图14示出了本申请实施例提供的可穿戴设备的另一个视角的结构示意图;FIG. 14 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from another perspective;
图15是本申请实施例的用于执行根据本申请实施例的信息展示方法的可穿戴设备的框图。FIG. 15 is a block diagram of a wearable device for executing the information display method according to the embodiment of the present application according to the embodiment of the present application.
图16是本申请实施例的用于保存或者携带实现根据本申请实施例的信息展示方法的程序代码的存储单元。FIG. 16 is a storage unit for storing or carrying a program code for implementing the information display method according to the embodiment of the present application according to an embodiment of the present application.
具体实施方式detailed description
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。In order to make those skilled in the art better understand the solutions of the present application, the following will clearly and completely describe the technical solutions in the embodiments of the present application with reference to the accompanying drawings in the embodiments of the present application.
目前,可穿戴设备(例如智能手表、智能手环等)已经在市面上流行,智能手表、智能手环等,是通过内置智能化系统、搭载智能手机系统且连接网络的来实现多功能的电子设备,具有接打电话,收发短信和拍照等功能。因为功能完备且非常易于携带,因此受到消费者的广泛喜爱。At present, wearable devices (such as smart watches, smart bracelets, etc.) have become popular in the market. Smart watches, smart bracelets, etc. are multi-functional electronic devices that are equipped with built-in intelligent systems, equipped with smart phone systems and connected to the network. The device has functions such as making and receiving calls, sending and receiving text messages, and taking pictures. Because it is fully functional and very easy to carry, it is widely loved by consumers.
其中,可穿戴设备通常会设置触摸屏,用来显示信息、接收用户的触控操作等。可穿戴设备可以在一级界面(即主界面)显示表盘界面,表盘界面中可以提供时间等基本信息,从而可以使用户能够从表盘界面查看这些基本信息。Among them, the wearable device is usually provided with a touch screen, which is used to display information, receive user's touch operations, and the like. The wearable device can display a dial interface on the first-level interface (ie, the main interface), and the dial interface can provide basic information such as time, so that the user can view the basic information from the dial interface.
可穿戴设备显示的表盘界面中,通常存在各种各样的样式,例如数字表盘、时钟表盘等样式。其中,数字表盘样式的特点是以数字格式的形式显示时间,时钟表盘样式的特点是以时钟的形式显示时间。另外,可穿戴设备还提供了表盘编辑的功能,可穿戴设备通过展示表盘编辑界面,使用户可以于表盘编辑界面进行表盘样式的选择、添加等操作,从而满足用户对表盘样式进行更改的需求。In the dial interface displayed by the wearable device, there are usually various styles, such as digital dial, clock dial and other styles. Among them, the characteristic of the digital dial style is to display the time in the form of a digital format, and the characteristic of the clock dial style is to display the time in the form of a clock. In addition, the wearable device also provides the function of dial editing. By displaying the dial editing interface, the wearable device enables users to select and add dial styles on the dial editing interface, so as to meet the needs of users to change the dial style.
可穿戴设备为方便用户对表盘界面的编辑,还提供了从表盘界面直接进入表盘编辑界面的方式。但是,当表盘界面为时钟表盘界面时,如果可穿戴设备从时钟表盘界面进入到表盘编辑界面时,表盘编辑界面通常会展示当前表盘的预览图,而预览图中表盘的指针(时针、分针、秒针)位置通常是固定的位置,如果时钟表盘界面中的表 盘的指针位置与预览图中表盘的指针位置不同,则用户看到的显示效果是指针从时钟表盘界面中的位置跳变为预览图中表盘的指针位置。例如,请同时参阅图1及图2,可穿戴设备100显示当前界面为时钟表盘界面A1,当前表盘的预览图中的指针对应三点半,在从时钟表盘界面A1进入表盘编辑界面A2时,会显示当前表盘的预览图,由于预览图的指针对应的时间是三点半,就会产生指针从图1中的指针位置突然跳到图2中的三点半的位置,出现这一很突兀的现象,给用户的视觉体验很差。In order to facilitate users to edit the dial interface, the wearable device also provides a way to directly enter the dial editing interface from the dial interface. However, when the dial interface is the clock dial interface, if the wearable device enters the dial editing interface from the clock dial interface, the dial editing interface usually displays a preview of the current dial, and the hands of the dial (hour hand, minute hand, The second hand) position is usually a fixed position. If the pointer position of the dial in the clock dial interface is different from the pointer position of the dial in the preview image, the display effect that the user sees is that the pointer jumps from the position in the clock dial interface to the preview image. The position of the hands on the middle dial. For example, please refer to FIG. 1 and FIG. 2 at the same time, the wearable device 100 displays that the current interface is the clock dial interface A1, and the pointer in the preview image of the current dial corresponds to 3:30. When entering the dial editing interface A2 from the clock dial interface A1, The preview image of the current dial will be displayed. Since the time corresponding to the pointer of the preview image is 3:30, the pointer will suddenly jump from the pointer position in Figure 1 to the position at 3:30 in Figure 2, which is very abrupt. phenomenon, the visual experience for the user is very poor.
针对上述问题,发明人经过长期的研究发现,并提出了本申请实施例提供的信息展示方法、装置、可穿戴设备以及存储介质,在可穿戴显示设备以第一帧率显示时钟表盘界面的情况下,通过指定操作即能进入表盘编辑界面,能够快捷方便地实现用户对表盘的编辑,并且在由时钟表盘界面切换为表盘编辑界面之前,以第二帧率显示过渡动画,避免了时钟表盘界面中的指针存在的位置跳变带来的用户视觉体验较差的问题,同时在展示过渡动画时对显示动画的帧率进行了提升,从而可以流畅的展示动画,提升了用户体验。其中,具体的信息展示方法在后续的实施例中进行详细的阐述。In view of the above problems, the inventor has discovered through long-term research, and proposed the information display method, device, wearable device and storage medium provided by the embodiments of the present application, in the case where the wearable display device displays the clock dial interface at the first frame rate In this case, you can enter the dial editing interface by specifying an operation, which can quickly and easily realize the editing of the dial by the user, and before switching from the clock dial interface to the dial editing interface, the transition animation is displayed at the second frame rate, avoiding the clock dial interface. The problem of poor user visual experience caused by the position jump of the pointer in the . At the same time, the frame rate of the displayed animation is improved when the transition animation is displayed, so that the animation can be displayed smoothly and the user experience is improved. The specific information display method will be described in detail in the following embodiments.
请参阅图3,图3示出了本申请一个实施例提供的信息展示方法的流程示意图。所述信息展示方法用于在可穿戴显示设备显示时钟表盘界面时,通过指定操作即能进入表盘编辑界面,并且在由时钟表盘界面切换为表盘编辑界面之前,展示过渡动画。在具体的实施例中,所述信息展示方法应用于如图12所示的可穿戴设备的交互装置400以及配置有信息展示装置400的可穿戴设备100(图15)。下面将以可穿戴设备为例,说明本实施例的具体流程,当然,可以理解的,本实施例所应用的可穿戴设备可以为手环、手表等,在此不做限定。下面将针对图3所示的流程进行详细的阐述,其中,于本实施例中,信息展示方法具体可以包括以下步骤:Referring to FIG. 3, FIG. 3 shows a schematic flowchart of an information display method provided by an embodiment of the present application. The information display method is used for entering the dial editing interface through a designated operation when the wearable display device displays the clock dial interface, and displaying a transition animation before switching from the clock dial interface to the dial editing interface. In a specific embodiment, the information display method is applied to the wearable device interaction device 400 shown in FIG. 12 and the wearable device 100 configured with the information display device 400 ( FIG. 15 ). The following will take a wearable device as an example to describe the specific process of this embodiment. Of course, it can be understood that the wearable device applied in this embodiment may be a wristband, a watch, etc., which is not limited here. The flow shown in FIG. 3 will be described in detail below, wherein, in this embodiment, the information display method may specifically include the following steps:
步骤S110:在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作。Step S110: In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
在本申请实施例中,可穿戴设备可以预先配置有多种界面,例如表盘界面、锁屏界面、应用列表界面、表盘编辑界面、运行应用的界面、通话界面等。可穿戴设备可以检测当前显示界面(即当前显示的界面),并在当前显示界面为时钟表盘界面时,检测于时钟表盘界面中的操作,以响应用户于时钟表盘界面中做出的操作。其中,时钟表盘界面即以时钟表盘的形式的表盘界面,可以理解地,可穿戴设备可以在一级界面(即主界面)显示表盘界面,表盘界面中可以提供时间等基本信息,从而可以使用户能够从表盘界面查看这些基本信息,例如查看时间、日期、天气等。其中,可穿戴设备显示的表盘界面中,通常存在各种各样的样式,例如数字表盘、时钟表盘等样式。其中,数字表盘样式的特点是以数字格式的形式显示时间,时钟表盘样式的特点是以时钟的形式显示时间。In the embodiment of the present application, the wearable device may be pre-configured with various interfaces, such as a dial interface, a lock screen interface, an application list interface, a dial editing interface, an interface for running applications, a call interface, and the like. The wearable device can detect the current display interface (ie the currently displayed interface), and when the current display interface is the clock dial interface, detect the operation in the clock dial interface, so as to respond to the operation made by the user in the clock dial interface. Among them, the clock dial interface is a dial interface in the form of a clock dial. It can be understood that the wearable device can display the dial interface on the first-level interface (ie the main interface), and the dial interface can provide basic information such as time, so that the user can These basic information can be viewed from the watch face interface, such as viewing time, date, weather, etc. Among them, there are usually various styles in the dial interface displayed by the wearable device, such as digital dial, clock dial and other styles. Among them, the characteristic of the digital dial style is to display the time in the form of a digital format, and the characteristic of the clock dial style is to display the time in the form of a clock.
在本申请实施例中,时钟表盘界面以第一帧率对时钟表盘进行显示。其中,帧率指的是可穿戴设备对界面内容进行显示的帧率,也就是可穿戴设备每秒显示的界面内容的帧数,例如帧率为60帧/秒,则每秒显示的界面内容的帧数为60帧。可穿戴设备在显示时钟表盘界面时,通常只需要以较低的帧率显示界面,例如,时钟表盘界面中包括秒针时,由于秒针需要每秒进行转动,则第一帧率可以设置为1帧/秒,又例如,第一帧率也还可以高于1帧/秒,又例如,时钟表盘界面中不包括秒针时,第一帧率也可以设置为小于1帧/秒的帧率。In the embodiment of the present application, the clock dial interface displays the clock dial at the first frame rate. Among them, the frame rate refers to the frame rate at which the wearable device displays the interface content, that is, the number of frames of the interface content displayed by the wearable device per second. For example, if the frame rate is 60 frames per second, the interface content displayed per second The number of frames is 60 frames. When the wearable device displays the clock dial interface, it usually only needs to display the interface at a lower frame rate. For example, when the clock dial interface includes the second hand, since the second hand needs to rotate every second, the first frame rate can be set to 1 frame. For another example, the first frame rate may also be higher than 1 frame/second. For another example, when the second hand is not included in the clock dial interface, the first frame rate may also be set to a frame rate less than 1 frame/second.
在一些实施方式中,可穿戴设备可以包括触摸屏,可穿戴设备可以对作用域触摸屏上的触控操作进行检测,以检测于时钟表盘界面中的操作。其中,该触控操作可以包括点击操作、按压操作、滑动操作等。作为一种方式,在可穿戴设备显示的当前显示界面为时钟表盘界面的情况下,可以实时对作用于触摸屏上的触控操作进行检测;作为另一种方式,在可穿戴设备显示的当前显示界面为时钟表盘界面的情况下,可以按预设时间间隔对作用于触摸屏上的触控操作进行检测,作为再一种方式,在可穿戴 设备显示的当前显示界面为时钟表盘界面的情况下,可以按预设时间点对作用于触摸屏上的触控操作进行检测;当然,具体检测于时钟表盘界面中的操作的方式可以不作为限定。In some embodiments, the wearable device may include a touch screen, and the wearable device may detect touch operations on the scoped touch screen to detect operations in the clock dial interface. The touch operation may include a click operation, a pressing operation, a sliding operation, and the like. As a method, when the current display interface displayed by the wearable device is the clock dial interface, the touch operation acting on the touch screen can be detected in real time; as another method, the current display interface displayed by the wearable device can be detected in real time When the interface is a clock dial interface, the touch operation acting on the touch screen can be detected at preset time intervals. As another method, when the current display interface displayed by the wearable device is the clock dial interface, The touch operation acting on the touch screen may be detected according to a preset time point; of course, the specific method of detecting the operation in the clock dial interface may not be limited.
步骤S120:在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率。Step S120: In the case of detecting a designated operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate is greater than the first frame rate.
在本申请实施例中,指定操作可以为预先设置并存储在可穿戴设备的操作,该指定操作用于作为是否触发进入表盘编辑界面的判断依据。因此,在本实施例中,在检测到对时钟表盘界面的操作的情况下,可以将操作与指定操作比较,以确定该操作是否为指定操作。如果检测到的操作为指定操作的情况下,可穿戴设备可以以第二帧率显示由时钟表盘界面进入表盘编辑界面的过渡动画;如果检测到的操作不是指定操作的情况下,则可穿戴设备可以不响应该操作,或者,响应该操作,执行其他的控制,例如,由时钟表盘界面进入锁屏界面等。In the embodiment of the present application, the specified operation may be an operation preset and stored in the wearable device, and the specified operation is used as a judgment basis for triggering the entry of the dial editing interface. Therefore, in this embodiment, when an operation on the clock dial interface is detected, the operation can be compared with a designated operation to determine whether the operation is a designated operation. If the detected operation is the specified operation, the wearable device can display the transition animation from the clock dial interface to the dial editing interface at the second frame rate; if the detected operation is not the specified operation, the wearable device This operation may not be responded to, or, in response to this operation, other controls may be performed, for example, entering the lock screen interface from the clock dial interface.
其中,表盘编辑界面为用于对表盘进行编辑的界面,通过表盘编辑界面可以进行表盘的更换、添加、表盘样式的更换等操作。当可穿戴设备显示时钟表盘界面时,如果可穿戴设备从时钟表盘界面进入到表盘编辑界面时,表盘编辑界面通常会展示当前表盘的预览图,而预览图中表盘的指针(时针、分针、秒针)位置通常是固定的位置,如果时钟表盘界面中的表盘的指针位置与预览图中表盘的指针位置不同,则用户看到的显示效果是指针从时钟表盘界面中的位置跳变为预览图中表盘的指针位置。因此,可穿戴设备在检测到时钟表盘界面中产生的指定操作时,可以展示由时钟表盘界面切换至表盘编辑界面的过渡动画,以避免在检测到时钟表盘界面中产生的指定操作时,直接由时钟表盘界面切换为表盘编辑界面,而会产生指针的跳变,从而影响用户的视觉体验。The dial editing interface is an interface for editing the dial, and operations such as dial replacement, addition, and dial style replacement can be performed through the dial editing interface. When the wearable device displays the clock dial interface, if the wearable device enters the dial editing interface from the clock dial interface, the dial editing interface usually displays a preview of the current dial, and the hands (hour, minute, second hand) of the dial in the preview image ) position is usually a fixed position. If the pointer position of the dial in the clock dial interface is different from the pointer position of the dial in the preview image, the display effect that the user sees is that the pointer jumps from the position in the clock dial interface to the preview image. The position of the hands on the dial. Therefore, when the wearable device detects the specified operation generated in the clock dial interface, it can display the transition animation from the clock dial interface to the dial editing interface, so as to avoid the direct operation of the clock dial interface when the specified operation is detected. When the clock dial interface is switched to the dial editing interface, the pointer jumps, which affects the user's visual experience.
在一些实施方式中,过渡动画可以为指针旋转的动画,例如,过渡动画可以为指针由当前位置旋转至表盘编辑界面中预览图中指针所处的位置,从而使得在切换为表盘编辑界面之前,使指针所处的位置,与表盘编辑界面中预览图中指针所处的位置的一致,从而在进入到表盘编辑界面后,不会使用户感受到指针跳变的视觉体验。In some embodiments, the transition animation may be an animation of the pointer rotating. For example, the transition animation may be the rotation of the pointer from the current position to the position of the pointer in the preview image in the dial editing interface, so that before switching to the dial editing interface, The position of the pointer is the same as the position of the pointer in the preview image in the dial editing interface, so that after entering the dial editing interface, the user will not feel the visual experience of the pointer jumping.
在另一些实施方式中,过渡动画也可以为预先设置的过渡动图,该过渡动图可以作为时钟表盘界面与表盘编辑界面之间的过渡,使用户先看完过渡动图之后,再显示表盘编辑界面,从而不会使用户感受到指针跳变的视觉体验。其中,过渡动图可以由可穿戴设备在出厂前进行配置,也可以由提供给用户进行设置的入口,对过渡动图进行设置、添加等,例如,可穿戴设备可以提供系统默认的动图,可穿戴设备也可以根据用户的操作,将过渡动图设置为其他预存的动图,另外,也可以根据用户的操作,添加从网络平台下载的动图。In some other implementations, the transition animation can also be a preset transition animation, and the transition animation can be used as a transition between the clock dial interface and the dial editing interface, so that the user can view the transition animation first, and then display the dial Edit the interface so that the user does not experience the visual experience of a jumping pointer. Among them, the transition animation can be configured by the wearable device before leaving the factory, or the transition animation can be set and added through the portal provided to the user for setting. For example, the wearable device can provide the system default animation, The wearable device can also set the transition animation to other pre-stored animations according to the user's operation, and can also add animations downloaded from the network platform according to the user's operation.
在一些实施方式中,过渡动画的展示时长可以设置为小于指定时长的值,以避免过渡动画的展示时长较长,而给用户一种界面切换卡顿的视觉感受。例如,指定时长可以设置为1秒,过渡动画的展示时长可以设置为0.8秒;又例如,例如,指定时长可以设置为1.1秒,过渡动画的展示时长可以设置为1秒等。In some embodiments, the display duration of the transition animation may be set to a value shorter than the specified duration, so as to avoid a longer display duration of the transition animation and give the user a visual experience of interface switching being stuck. For example, the specified duration can be set to 1 second, and the display duration of the transition animation can be set to 0.8 seconds; for another example, the specified duration can be set to 1.1 seconds, and the display duration of the transition animation can be set to 1 second, etc.
在本申请实施例中,可穿戴设备在展示以上过渡动画时,可以以第二帧率对过渡动画进行显示,并且第二帧率大于此前的第一帧率。可以理解的,可穿戴设备在显示时钟表盘界面时,通常只需要以较低的频率渲染和刷新界面;而由于在检测到出发进入表盘编辑界面的指定操作,展示由时钟表盘界面切换至表盘界面的过渡动画时,为保证过渡动画的流畅性,可穿戴设备可以将可穿戴设备对界面内容进行显示的帧率,由第一帧率切换至更高的第二帧率,从而使可穿戴设备以相对较高的第二帧率对过渡动画进行显示,保证过渡动画展示时的流畅性。In this embodiment of the present application, when displaying the above transition animation, the wearable device may display the transition animation at a second frame rate, and the second frame rate is greater than the previous first frame rate. It is understandable that when the wearable device displays the clock dial interface, it usually only needs to render and refresh the interface at a lower frequency; however, after detecting the specified operation to enter the dial editing interface, the display switches from the clock dial interface to the dial interface. During the transition animation, in order to ensure the smoothness of the transition animation, the wearable device can switch the frame rate of the interface content displayed by the wearable device from the first frame rate to the second higher frame rate, so that the wearable device can display the interface content. The transition animation is displayed at a relatively high second frame rate to ensure the smoothness of the transition animation display.
在一些实施方式中,可穿戴设备可以根据需要渲染的过渡动画中的属性信息,而 确定以上第二帧率。可以理解的,不同的视频、动画等在设计时会带有帧率,因此,可穿戴设备可以获取过渡动画的帧率属性,来确定第二帧率。在本申请实施例中,由于在展示过渡动画时,可穿戴设备对界面显示的帧率进行了提升,从而使可穿戴设备以相对较高的第二帧率对过渡动画进行显示,进而可以流畅的展示过渡动画,提升过渡动画的显示效果,进而提升用户的视觉体验。In some embodiments, the wearable device may determine the above second frame rate according to the attribute information in the transition animation to be rendered. It is understandable that different videos, animations, etc. are designed with frame rates. Therefore, the wearable device can obtain the frame rate attribute of the transition animation to determine the second frame rate. In this embodiment of the present application, when the transition animation is displayed, the wearable device increases the frame rate of the interface display, so that the wearable device can display the transition animation at a relatively high second frame rate, so that the transition animation can be smoothly displayed. The display transition animation can improve the display effect of the transition animation, thereby improving the user's visual experience.
步骤S130:将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。Step S130: Switch the current display interface from the clock dial interface to the dial editing interface.
在本申请实施例中,可穿戴设备在展示由时钟表盘界面切换至表盘编辑界面的过渡动画之后,可穿戴设备则可以将当前显示界面切换为表盘编辑界面,从而完成对用户输入的指定操作的响应,在显示表盘编辑界面之后,可以满足用户对可穿戴设备的表盘的编辑需求。In the embodiment of the present application, after the wearable device displays the transition animation of switching from the clock dial interface to the dial editing interface, the wearable device can switch the current display interface to the dial editing interface, thereby completing the specified operation input by the user. In response, after the dial editing interface is displayed, the user's editing requirements for the dial of the wearable device can be satisfied.
在一些实施方式中,表盘编辑界面可以提供给用户选择表盘、添加表盘、更改表盘样式等功能,从而用户可以选择可穿戴设备中预先存储的表盘,也可以添加自己设置的表盘、从而网络下载的表盘等,还可以对具有多种样式的表盘进行表盘样式的更改,满足用户对表盘进行编辑的各种需求。In some embodiments, the dial editing interface can provide the user with functions such as selecting a dial, adding a dial, and changing a dial style, so that the user can select a dial pre-stored in the wearable device, or add a dial set by himself, so as to download the dial from the network. It is also possible to change the dial style of the dials with various styles to meet the various needs of users for editing the dials.
本申请实施例提供的信息展示方法,通过在检测到时钟表盘界面的指定操作的情况下,对由时钟表盘界面切换至表盘编辑界面的过渡动画进行展示时,将界面显示的帧率由第一帧率提升至第二帧率,使可穿戴设备以较高的第二帧率进行过渡动画的显示,然后才将当前显示界面由时钟表盘界面切换为表盘编辑界面。从而可以实现在检测到时钟表盘界面进行的指定操作,即可触发进入表盘编辑界面,使用户对表盘的编辑更加快捷方便。另外,在由时钟表盘界面切换为表盘编辑界面之前,进行过渡动画的展示,从而避免指针的跳变而影响用户的视觉体验。并且,在展示过渡动画时,对界面内容的显示的帧率进行了提升,使得过渡动画能够流畅的显示,提升了过渡动画的显示效果,进一步提升了用户体验。In the information display method provided by the embodiment of the present application, when a specified operation of the clock dial interface is detected, when displaying the transition animation from the clock dial interface to the dial editing interface, the frame rate displayed on the interface is changed from the first one to the first one. The frame rate is increased to the second frame rate, so that the wearable device displays the transition animation at a higher second frame rate, and then the current display interface is switched from the clock dial interface to the dial editing interface. Therefore, it can be realized that the designated operation performed on the interface of the clock dial is detected, and then the dial editing interface can be triggered, so that the user can edit the dial more quickly and conveniently. In addition, before switching from the clock dial interface to the dial editing interface, a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience. Moreover, when the transition animation is displayed, the frame rate of the display of the interface content is improved, so that the transition animation can be displayed smoothly, the display effect of the transition animation is improved, and the user experience is further improved.
请参阅图4,图4示出了本申请另一个实施例提供的信息展示方法的流程示意图。该信息展示方法应用于上述可穿戴设备,下面将针对图4所示的流程进行详细的阐述,所述信息展示方法具体可以包括以下步骤:Please refer to FIG. 4. FIG. 4 shows a schematic flowchart of an information display method provided by another embodiment of the present application. The information display method is applied to the above-mentioned wearable device. The flow shown in FIG. 4 will be described in detail below. The information display method may specifically include the following steps:
步骤S210:在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作。Step S210: In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
在本申请实施例中,步骤S210可以参阅前述实施例的内容,在此不再赘述。In this embodiment of the present application, for step S210, reference may be made to the content of the foregoing embodiments, and details are not described herein again.
步骤S220:在检测到用于触发进入表盘编辑界面的指定操作的情况下,获取所述过渡动画对应的目标帧率,并将所述目标帧率作为第二帧率。Step S220 : in the case of detecting a specified operation for triggering entry into the dial editing interface, obtain a target frame rate corresponding to the transition animation, and use the target frame rate as the second frame rate.
在本申请实施例中,可穿戴设备在检测到用于触发进行表盘编辑界面的指定操作的情况下,可以获取过渡动画对应的目标帧率,并将目标帧率作为第二帧率,从而确定出需要提升至的第二帧率。In the embodiment of the present application, when the wearable device detects the specified operation for triggering the dial editing interface, it can obtain the target frame rate corresponding to the transition animation, and use the target frame rate as the second frame rate, so as to determine out the second frame rate that needs to be boosted to.
在一些实施方式中,可穿戴设备中可以预先存储有过渡动画所对应的目标帧率,可穿戴设备在确定需要提升至的第二帧率时,可以读取过渡动画所对应的目标帧率,从而确定出需要提升至的第二帧率。In some embodiments, the target frame rate corresponding to the transition animation may be pre-stored in the wearable device, and the wearable device may read the target frame rate corresponding to the transition animation when determining the second frame rate to be increased to, Thereby, the second frame rate that needs to be boosted is determined.
在另一些实施方式中,过渡动画可以包括时钟表盘界面中指针由当前位置旋转至指定位置的旋转动画。该情况下,可穿戴设备也可以根据过渡动画中的内容,确定过渡动画对应的目标帧率。In other embodiments, the transition animation may include a rotation animation in which the pointer in the clock dial interface rotates from the current position to the specified position. In this case, the wearable device may also determine the target frame rate corresponding to the transition animation according to the content in the transition animation.
在该实施方式中,请参阅图5,可穿戴设备获取过渡动画对应的目标帧率,可以包括:In this embodiment, referring to FIG. 5 , the wearable device obtains the target frame rate corresponding to the transition animation, which may include:
步骤S221:获取所述过渡动画对应的预设时长以及所述指针待旋转的目标角度。Step S221: Acquire a preset duration corresponding to the transition animation and a target angle at which the pointer is to be rotated.
其中,可穿戴设备中可以预先设置有以上旋转动画对应的预设时长,可穿戴设备在需要确定过渡动画对应的目标帧率时,可以获取过渡动画对应的预设时长。该预设时长可以指过渡动画的播放时长,也就是过渡动画播放完成所需的时长。The wearable device may be preset with a preset duration corresponding to the above rotation animation, and when the wearable device needs to determine the target frame rate corresponding to the transition animation, the wearable device may obtain the preset duration corresponding to the transition animation. The preset duration may refer to the playback duration of the transition animation, that is, the duration required for completion of playback of the transition animation.
另外,可穿戴设备还可以获取时钟表盘界面的当前表盘中指针待旋转的角度,并将该待旋转的角度作为目标角度。在一些实施方式中,可穿戴设备可以根据当前表盘中指针的第一位置,以及指针待旋转至的第二位置,根据第一位置以及第二位置的角度差,确定指针待旋转的角度。In addition, the wearable device can also obtain the angle to be rotated by the pointer in the current dial of the clock dial interface, and use the angle to be rotated as the target angle. In some embodiments, the wearable device may determine the angle at which the pointer is to be rotated according to the first position of the pointer on the current dial, the second position to which the pointer is to be rotated, and the angle difference between the first position and the second position.
步骤S222:基于所述预设时长以及所述目标角度,确定所述过渡动画对应的目标帧率。Step S222: Determine a target frame rate corresponding to the transition animation based on the preset duration and the target angle.
在该实施方式中,可穿戴设备在确定出过渡动画对应的预设时长,以及目标角度之后,则可穿戴设备可以根据预设时长以及目标角度,确定过渡动画所对应的目标帧率。可以理解的,过渡动画的播放时长为预先设置的固定值,而目标角度则不是固定的,其需要根据每次当前表盘中指针的位置确定,因此,在每次展示过渡动画时,指针待旋转的目标角度也不相同。如果指针需要在预设时长内转动的幅度较大,而帧率较小时,则过渡动画中每帧画面的指针需要旋转的角度也较大,这样的话,过渡动画中指针旋转的显示效果也会受到影响,因此,可穿戴设备可以根据预设时长以及目标角度,确定目标帧率。In this embodiment, after the wearable device determines the preset duration corresponding to the transition animation and the target angle, the wearable device can determine the target frame rate corresponding to the transition animation according to the preset duration and the target angle. It can be understood that the playback duration of the transition animation is a preset fixed value, while the target angle is not fixed. It needs to be determined according to the position of the pointer in the current dial each time. Therefore, each time the transition animation is displayed, the pointer will be rotated. The target angles are also different. If the pointer needs to rotate a larger range within the preset duration, and the frame rate is small, the pointer needs to be rotated at a larger angle for each frame in the transition animation. In this case, the display effect of the pointer rotation in the transition animation will also be displayed. Affected, therefore, the wearable device can determine the target frame rate according to the preset duration and the target angle.
作为一种实施方式,可穿戴设备基于预设时长以及目标角度,确定过渡动画对应的目标帧率,可以包括:获取所述目标角度与所述预设时长的比值,作为指针转动速度;基于预先存储的转动速度与帧率的对应关系,获取所述指针转动速度所对应的帧率作为所述目标帧率,其中,所述帧率与所述转动速度呈正相关。可以理解的,由于指针转动速度较快,而帧率较小时,过渡动画中每帧画面的指针需要旋转的角度也较大,从而使指针旋转的显示效果受到影响,因此,可穿戴设备可以根据帧率与转动速度呈正相关的对应关系,确定该指针转动速度所对应的帧率,并将该帧率作为目标帧率。其中,帧率与转动速度的对应关系可以根据实验设置。As an embodiment, the wearable device determines the target frame rate corresponding to the transition animation based on the preset duration and the target angle, which may include: obtaining the ratio of the target angle and the preset duration as the pointer rotation speed; The stored correspondence between the rotation speed and the frame rate is obtained, and the frame rate corresponding to the rotation speed of the pointer is obtained as the target frame rate, wherein the frame rate is positively correlated with the rotation speed. It is understandable that because the pointer rotates faster and the frame rate is lower, the rotation angle of the pointer in each frame of the transition animation is larger, which affects the display effect of pointer rotation. Therefore, the wearable device can The frame rate is positively correlated with the rotation speed, and the frame rate corresponding to the rotation speed of the pointer is determined, and the frame rate is used as the target frame rate. Among them, the corresponding relationship between the frame rate and the rotation speed can be set according to the experiment.
作为另一种实施方式,可穿戴设备中也可以预先存储有帧率与动画时长以及转动角度的对应关系,例如,该对应关系可以为表格。可穿戴设备在需要确定目标帧率时,可以根据该对应关系,并利用预设时长以及目标角度,查找所对应的帧率,将查找到的帧率作为目标帧率。As another implementation manner, the wearable device may also pre-store the correspondence between the frame rate, the animation duration and the rotation angle, for example, the correspondence may be a table. When the wearable device needs to determine the target frame rate, it can search for the corresponding frame rate according to the corresponding relationship and use the preset duration and target angle, and use the found frame rate as the target frame rate.
需要说明的是,本申请实施例中提供的第二帧率的确定方式也可以适用于其他实施例中。It should be noted that, the manner of determining the second frame rate provided in the embodiments of the present application may also be applicable to other embodiments.
步骤S230:以所述第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画。Step S230: Display the transition animation of switching from the clock dial interface to the dial editing interface at the second frame rate.
步骤S240:将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。Step S240: Switch the current display interface from the clock dial interface to the dial editing interface.
在本申请实施例中,步骤S230至步骤S240可以参阅前述实施例的内容,在此不再赘述。In this embodiment of the present application, for steps S230 to S240, reference may be made to the contents of the foregoing embodiments, and details are not described herein again.
本申请实施例提供的信息展示方法,在由时钟表盘界面切换为表盘编辑界面之前,进行过渡动画的展示,从而避免指针的跳变而影响用户的视觉体验。另外,在进行过渡动画的展示时,将界面显示的帧率进行提升,并且根据需要展示的过渡动画,来确定显示的帧率,不仅能够流畅的展示过渡动画,也提升了过渡动画的显示效果,提升了用户的视觉体验。In the information display method provided by the embodiment of the present application, before switching from the clock dial interface to the dial editing interface, a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience. In addition, when the transition animation is displayed, the frame rate of the interface display is increased, and the frame rate of the display is determined according to the transition animation to be displayed, which can not only display the transition animation smoothly, but also improve the display effect of the transition animation. , which improves the user's visual experience.
请参阅图6,图6示出了本申请又一个实施例提供的信息展示方法的流程示意图。该信息展示方法应用于上述可穿戴设备,下面将针对图6所示的流程进行详细的阐述,所述信息展示方法具体可以包括以下步骤:Please refer to FIG. 6. FIG. 6 shows a schematic flowchart of an information display method provided by another embodiment of the present application. The information display method is applied to the above-mentioned wearable device, and the process shown in FIG. 6 will be described in detail below. The information display method may specifically include the following steps:
步骤S310:在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作。Step S310: In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
步骤S320:在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率。Step S320: In the case of detecting a designated operation for triggering entry into the dial editing interface, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, wherein the second frame rate is greater than the first frame rate.
在本申请实施例中,步骤S310至步骤S320可以参阅前述实施例的内容,在此不再赘述In this embodiment of the present application, for steps S310 to S320, reference may be made to the content of the foregoing embodiments, which will not be repeated here.
步骤S330:在所述过渡动画显示结束的情况下,以所述第一帧率对界面进行显示。Step S330: In the case that the transition animation display ends, display the interface at the first frame rate.
在本申请实施例中,可穿戴设备在响应时钟表盘界面中的指定操作,对过渡动画进行展示时将界面显示的帧率进行提升,可穿戴设备还可以检测过渡动画的结束时刻,并在结束时刻时,将对界面显示的帧率由第二帧率切换回此前的第一帧率,从而在未展示过渡动画的情况下,使用相对第二帧率较低的第一帧率,进行界面内容显示,从而可以降低可穿戴设备的功耗,节约可穿戴设备的电量。In the embodiment of the present application, the wearable device increases the frame rate of the interface display when displaying the transition animation in response to the specified operation in the interface of the clock dial, and the wearable device can also detect the end moment of the transition animation, and when the transition animation ends At the moment, the frame rate displayed on the interface is switched from the second frame rate back to the previous first frame rate, so that when the transition animation is not displayed, the first frame rate lower than the second frame rate is used for the interface. The content is displayed, thereby reducing the power consumption of the wearable device and saving the power of the wearable device.
在一些实施方式中,可穿戴设备中可以预先存储或者设置有过渡动画的展示时长,可穿戴设备可以根据过渡动画的展示时长,以及过渡动画开始展示的起始时刻,从而确定出过渡动画的结束时刻,并在结束时刻时,以第一帧率显示界面内容。In some embodiments, the display duration of the transition animation may be pre-stored or set in the wearable device, and the wearable device may determine the end of the transition animation according to the display duration of the transition animation and the start time when the transition animation starts to be displayed. time, and at the end time, the interface content is displayed at the first frame rate.
在另一些实施方式中,可穿戴设备也可以检测对过渡动画的显示过程,在检测到过渡动画显示完成时,以第一帧率显示界面内容。In other embodiments, the wearable device may also detect the display process of the transition animation, and when it is detected that the transition animation display is completed, display the interface content at the first frame rate.
需要说明的是,本申请实施例中提供的步骤S340的方案也可以适用于其他实施例中。It should be noted that, the solution of step S340 provided in the embodiments of the present application may also be applicable to other embodiments.
步骤S340:将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。Step S340: Switch the current display interface from the clock dial interface to the dial editing interface.
在本申请实施例中,步骤S340可以参阅前述实施例的内容,在此不再赘述。In this embodiment of the present application, for step S340, reference may be made to the content of the foregoing embodiments, and details are not described herein again.
本申请实施例提供的信息展示方法,在由时钟表盘界面切换为表盘编辑界面之前,进行过渡动画的展示,从而避免指针的跳变而影响用户的视觉体验。另外,在进行过渡动画的展示时,将对界面进行显示的帧率进行提升,从而能够流畅的展示过渡动画,提升了用户的视觉体验。并且,在过渡动画展示结束时,将对界面显示的帧率降低为第一帧率,从而可以降低可穿戴设备的功耗,节省可穿戴设备的电量。In the information display method provided by the embodiment of the present application, before switching from the clock dial interface to the dial editing interface, a transition animation is displayed, thereby avoiding the jump of the pointer and affecting the user's visual experience. In addition, when the transition animation is displayed, the frame rate at which the interface is displayed is increased, so that the transition animation can be displayed smoothly and the user's visual experience is improved. Moreover, at the end of the transition animation display, the frame rate displayed on the interface is reduced to the first frame rate, so that the power consumption of the wearable device can be reduced and the power consumption of the wearable device can be saved.
请参阅图7,图7示出了本申请再一个实施例提供的信息展示方法的流程示意图。该信息展示方法应用于上述可穿戴设备,下面将针对图7所示的流程进行详细的阐述,所述信息展示方法具体可以包括以下步骤:Referring to FIG. 7 , FIG. 7 shows a schematic flowchart of an information display method provided by yet another embodiment of the present application. The information display method is applied to the above-mentioned wearable device, and the process shown in FIG. 7 will be described in detail below. The information display method may specifically include the following steps:
步骤S410:在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作。Step S410: In the case where the clock dial interface is displayed at the first frame rate, an operation in the clock dial interface is detected.
在本申请实施例中,步骤S410可以参阅前述实施例的内容,在此不再赘述。In this embodiment of the present application, for step S410, reference may be made to the content of the foregoing embodiments, and details are not described herein again.
步骤S420:当检测到所述表盘界面中的按压操作的情况下,获取所述按压操作对应的持续按压时长。Step S420: When a pressing operation in the dial interface is detected, obtain the continuous pressing duration corresponding to the pressing operation.
在本申请实施例中,时钟表盘界面中的操作可以包括按压操作,指定操作可以为按压时长大于指定按压时长的按压操作。因此,在本实施例中,当检测到作用于表盘界面中的按压操作时,可以获取该按压操作对应的持续按压时长,以通过判断该按压操作对应的持续按压时长是否满足指定按压时长的方式,来判断该触控操作是否为指定操作。作为一种可实施的方式,当检测到作用于触摸屏上的按压操作时开始计时,并在检测到持续按压时进行计时累计,以获得该按压操作对应的持续按压时长。In this embodiment of the present application, the operation in the clock dial interface may include a pressing operation, and the specified operation may be a pressing operation whose pressing duration is longer than the specified pressing duration. Therefore, in this embodiment, when a pressing operation acting on the dial interface is detected, the continuous pressing duration corresponding to the pressing operation can be obtained, so as to determine whether the continuous pressing duration corresponding to the pressing operation satisfies the specified pressing duration. , to determine whether the touch operation is a specified operation. As an implementable manner, timing is started when a pressing operation acting on the touch screen is detected, and timing is accumulated when continuous pressing is detected, so as to obtain the continuous pressing duration corresponding to the pressing operation.
在一些实施方式中,为了减少误操作的几率,可以设置按压力度的判断依据,在本实施例中,可以设置指定按压力度作为按压力度的判断依据,其中,指定按压力度可以预先设置并存储在可穿戴设备,也可以在检测到作用于触摸屏上的按压操作时临时设置,在此不做限定。作为一种方式,在检测到作用于触摸屏上的按压操作时,可以获取该按压操作对应的按压力度,并将获取到的按压力度与指定按压力度进行比较,以判断按压力度是否大于指定按压力度,其中,当判断结果表征按压力度大于指定按压力度时,可以获取按压操作对应的持续按压时长,当判断结果表征按压力度不大于指定按压力度时,可以不响应该按压操作,或者,可以执行与获取按压操作对应的持续按压时长不同的响应。In some embodiments, in order to reduce the probability of misoperation, a judgment basis for pressing force may be set. In this embodiment, a specified pressing force may be set as a judgment basis for pressing force, wherein the specified pressing force may be preset and stored in The wearable device can also be temporarily set when a pressing operation acting on the touch screen is detected, which is not limited here. As a method, when a pressing operation acting on the touch screen is detected, the pressing force corresponding to the pressing operation can be obtained, and the obtained pressing force can be compared with the specified pressing force to determine whether the pressing force is greater than the specified pressing force. , wherein, when the judgment result indicates that the pressing force is greater than the specified pressing force, the continuous pressing duration corresponding to the pressing operation can be obtained, and when the judgment result indicates that the pressing force is not greater than the specified pressing force, the pressing operation may not be responded to, or the same pressing operation may be performed. Obtain responses with different durations of continuous pressing corresponding to the pressing operation.
另外,在一些实施方式中,可穿戴设备中还可以设置有指定区域,该指定区域用 于触发进入表盘编辑界面。也就是说,当检测到的操作为指定区域内的按压操作时,检测该按压操作的持续按压时长。其中,指定区域在触控坐标的坐标系中对应有预设坐标范围。在获取按压操作对应的按压位置的坐标信息后,可以判断该按压位置的坐标信息是否在预设坐标范围内,其中,当按压位置的坐标信息在预设坐标范围内时,可以确定按压位置位于触摸屏的指定区域内,则可以获取该按压操作对应的持续按压时长,当按压位置的坐标信息不在坐标范围内时,可以确定按压位置位于触摸屏的指定区域外,则不响应该触控操作,或者,执行与获取按压操作对应的持续按压时长不同的响应。In addition, in some embodiments, the wearable device may also be provided with a designated area, where the designated area is used to trigger entry into the dial editing interface. That is, when the detected operation is a pressing operation in the designated area, the continuous pressing duration of the pressing operation is detected. The designated area corresponds to a preset coordinate range in the coordinate system of the touch coordinates. After obtaining the coordinate information of the pressing position corresponding to the pressing operation, it can be determined whether the coordinate information of the pressing position is within the preset coordinate range, wherein, when the coordinate information of the pressing position is within the preset coordinate range, it can be determined that the pressing position is within In the designated area of the touch screen, the duration of the continuous pressing corresponding to the pressing operation can be obtained. When the coordinate information of the pressing position is not within the coordinate range, it can be determined that the pressing position is outside the designated area of the touch screen, and the touch operation is not responded to, or , and perform a response with a different duration of continuous pressing corresponding to the acquisition of the pressing operation.
步骤S430:当所述持续按压时长达到指定按压时长的情况下,获取所述时钟表盘界面的指针当前对应的第一指针位置。Step S430: When the continuous pressing duration reaches the specified pressing duration, obtain the first pointer position currently corresponding to the pointer of the clock dial interface.
在本申请实施例中,指定按压时长可以预先设置并存储在可穿戴设备,也可以在检测到作用于触摸屏上的按压操作时临时设置,在此不做限定。其中,该指定按压时长用于作为作用于触摸屏上的按压操作的持续按压时长的判断依据。In this embodiment of the present application, the specified pressing duration may be preset and stored in the wearable device, or may be temporarily set when a pressing operation acting on the touch screen is detected, which is not limited herein. The specified pressing duration is used as a basis for determining the continuous pressing duration of the pressing operation acting on the touch screen.
在本申请实施例中,在检测到作用于触摸屏上的按压操作对应的持续按压时长的情况下,可以将按压操作对应的持续按压时长与指定按压时进行比较,以判断按压操作对应的持续按压时长是否达到指定按压时长。当判断结果表征按压操作对应的持续按压时长达到指定按压时长的情况下,可以确定触控操作为指定操作,因此,可以响应该操作,以第二帧率显示由时钟表盘界面切换至表盘编辑界面的过渡动画;当判断结果表征按压操作对应的持续按压时长没有达到指定按压时长的情况下,可以确定该触控操作不是指定操作,则不响应该操作,或者,执行其他的界面控制。In the embodiment of the present application, in the case where the continuous pressing duration corresponding to the pressing operation acting on the touch screen is detected, the continuous pressing duration corresponding to the pressing operation may be compared with the specified pressing time to determine the continuous pressing corresponding to the pressing operation. Whether the duration reaches the specified pressing duration. When the judgment result indicates that the continuous pressing duration corresponding to the pressing operation reaches the specified pressing duration, it can be determined that the touch operation is the specified operation. Therefore, the display can be switched from the clock dial interface to the dial editing interface at the second frame rate in response to the operation. When the judgment result indicates that the continuous pressing duration corresponding to the pressing operation does not reach the specified pressing duration, it can be determined that the touch operation is not the specified operation, and the operation is not responded to, or other interface control is performed.
需要说明的是,本申请实施例中提供的触发进入表盘编辑界面的方式也可以应用于其他实施例中。It should be noted that, the manner of triggering entry into the dial editing interface provided in the embodiment of the present application may also be applied to other embodiments.
在本申请实施例中,由时钟表盘界面切换至表盘编辑界面时,表盘编辑界面中可以包括当前表盘所对应的预览图,其中,当前表盘指的是时钟表盘界面中的表盘,即当前设置的表盘。由时钟表盘界面切换至表盘编辑界面的过渡动画,可以为指针旋转的动画。其中,过渡动画可以为指针由当前位置旋转至表盘编辑界面中预览图中指针所处的位置,从而使得在切换为表盘编辑界面之前,使指针所处的位置,与表盘编辑界面中预览图中指针所处的位置的一致,从而在进入到表盘编辑界面后,不会使用户感受到指针跳变的视觉体验。In the embodiment of the present application, when switching from the clock dial interface to the dial editing interface, the dial editing interface may include a preview image corresponding to the current dial, where the current dial refers to the dial in the clock dial interface, that is, the currently set dial dial. The transition animation of switching from the clock dial interface to the dial editing interface can be the animation of the pointer rotation. Among them, the transition animation can be the rotation of the pointer from the current position to the position of the pointer in the preview image in the dial editing interface, so that before switching to the dial editing interface, the position of the pointer is the same as that in the preview image in the dial editing interface. The position of the pointer is consistent, so that after entering the dial editing interface, the user will not feel the visual experience of the pointer jumping.
在一些实施方式中,可穿戴设备可以先获取时钟表盘界面的指针当前对应的第一指针位置。作为一种方式,可穿戴设备可以根据当前时间,并确定当前时间所对应的位置,并将确定的位置作为第一指针位置。其中,第一指针位置可以包括时针、分针、秒针所对应的位置。In some embodiments, the wearable device may first obtain the first pointer position currently corresponding to the pointer of the clock dial interface. As a method, the wearable device may determine the position corresponding to the current time according to the current time, and use the determined position as the first pointer position. Wherein, the first pointer position may include positions corresponding to the hour hand, the minute hand, and the second hand.
在一些实施方式中,以上过渡动画的渲染可以由解析渲染引擎完成,然后将渲染后的画面数据输出至显示屏上进行显示。当然,可穿戴设备的所有界面内容的显示也均可以由解析渲染引擎完成,例如,在步骤S410中,以第一帧率显示时钟表盘界面时,解析渲染引擎以第一帧率对钟表盘界面进行渲染,并将渲染的每帧画面进行显示,从而使得实际对时钟表盘界面进行显示的帧率为第一帧率,也就是说,每秒显示的时钟表面界面的帧数与第一帧率的数值相同,例如,第一帧率为1帧/秒时,则每秒显示的时钟表面界面的帧数为1帧。其中,解析渲染引擎可以是ColorOS引擎,ColorOS系统是基于安卓系统深度定制的操作系统。ColorOS引擎的原理是直接对存储设备上的资源压缩包进行解析并渲染,解析是基于用xml文件自定义的一套语法描述规则。例如,每个表盘都需要按照设计好的语法规则在xml文件中描述自己所想要达到的效果,比如有哪些图片或文字要显示、显示位置如何、动画规则如何等。ColorOS引擎可以从压缩包中可以读取到该xml文件和需要用到的图片资源等素材,解析xml内的规则,转化为引擎内部的元素,然后这些不同的元素根据各自定义的渲染行为,在引擎运行时 去渲染成实际显示内容。In some embodiments, the rendering of the above transition animation can be completed by a parsing rendering engine, and then the rendered picture data is output to the display screen for display. Of course, the display of all interface contents of the wearable device can also be completed by the parsing and rendering engine. For example, in step S410, when the clock dial interface is displayed at the first frame rate, the parsing and rendering engine renders the clock dial interface at the first frame rate. Render and display each frame of the rendered image, so that the actual frame rate of the clock face interface displayed is the first frame rate, that is, the number of frames displayed on the clock face interface per second and the first frame rate For example, when the first frame rate is 1 frame/second, the number of frames displayed on the clock surface interface per second is 1 frame. The analytical rendering engine may be a ColorOS engine, and the ColorOS system is an operating system deeply customized based on the Android system. The principle of the ColorOS engine is to directly parse and render the resource compressed package on the storage device. The parsing is based on a set of grammar description rules customized with xml files. For example, each dial needs to describe the effect it wants to achieve in the xml file according to the designed grammar rules, such as which pictures or text to display, how to display it, and how to animation rules. The ColorOS engine can read the xml file and the required image resources and other materials from the compressed package, parse the rules in the xml, and convert them into elements inside the engine. The engine runs to render the actual display content.
在过渡动画的渲染可以由解析渲染引擎完成时,解析渲染引擎可以获取指针当前对应的第一指针位置。When the rendering of the transition animation can be completed by the parsing rendering engine, the parsing rendering engine can obtain the first pointer position currently corresponding to the pointer.
步骤S440:获取所述预览图中指针对应的第二指针位置。Step S440: Obtain the second pointer position corresponding to the pointer in the preview image.
在本申请实施例中,可穿戴设备还可以获取预览图中指针对应的第二指针位置。其中,第二指针位置是由配置者配置的,此处,获取预览图中第二指针位置,从而可以使过渡动画中指针能转动至预览图中指针的位置,因为如果不设置为预览图中指针的第二指针位置,则同样会产生跳变问题。并且,第二指针位置可以同样包括时针、分针、秒针所对应的位置。In this embodiment of the present application, the wearable device may also acquire the position of the second pointer corresponding to the pointer in the preview image. Among them, the second pointer position is configured by the configurator. Here, the second pointer position in the preview image is obtained, so that the pointer in the transition animation can be rotated to the position of the pointer in the preview image, because if it is not set to the preview image The second pointer position of the pointer will also cause the jump problem. Moreover, the second pointer position may also include positions corresponding to the hour hand, minute hand, and second hand.
在一些实施方式中,可穿戴设备获取所述预览图中指针对应的第二指针位置,可以包括:获取所述解析渲染引擎预先创建的指针标签,所述指针标签用于声明时钟表盘中的指针的多种属性;获取所述指针标签中声明的初始角度属性;根据所述初始角度属性,确定所述预览图中指针对应的第二指针位置。In some embodiments, acquiring the second pointer position corresponding to the pointer in the preview image by the wearable device may include: acquiring a pointer label pre-created by the parsing and rendering engine, where the pointer label is used to declare the pointer in the clock dial multiple attributes of the ; obtain the initial angle attribute declared in the pointer tag; determine the second pointer position corresponding to the pointer in the preview image according to the initial angle attribute.
在该实施方式中,当过渡动画由解析渲染引擎进行渲染和展示时,第二指针位置可以由解析渲染引擎获取。其中,解析渲染引擎中预先添加有指针标签<HandImage>,指针标签用于声明一个表盘上的指针,该指针标签中声明了多种属性,多种属性可以包含图片源、坐标、宽高、旋转角度等,解析渲染引擎根据这些属性,可以在表盘上渲染出指针。可以理解的,本申请实施例提供的方案中,指针与表盘主体可以分为两部分,并且指针可以单独抽离出来,并且设置指针标签,在显示表盘时,将表盘主体以及指针单独进行渲染。In this embodiment, when the transition animation is rendered and displayed by the parsing and rendering engine, the second pointer position can be acquired by the parsing and rendering engine. Among them, a pointer tag <HandImage> is pre-added in the parsing and rendering engine. The pointer tag is used to declare a pointer on a dial. The pointer tag declares a variety of attributes, which can include image source, coordinates, width and height, and rotation. Angle, etc. According to these properties, the parsing rendering engine can render pointers on the dial. It can be understood that, in the solution provided by the embodiment of the present application, the pointer and the dial body can be divided into two parts, and the pointer can be extracted separately, and a pointer label is set, and the dial body and the pointer are rendered separately when the dial is displayed.
另外,指针标签中定义的多种属性中还可以包括初始角度属性,该初始角度属性用于表示指针在预览图中的原始角度。解析渲染引擎在需要渲染过渡动画,并且获取预览图中指针对应的第二指针位置时,可以根据预先设置的标签,并根据标签中声明的属性,获取第二指针位置。In addition, the various attributes defined in the pointer tag may also include an initial angle attribute, where the initial angle attribute is used to represent the original angle of the pointer in the preview image. When the parsing rendering engine needs to render the transition animation and obtain the second pointer position corresponding to the pointer in the preview image, it can obtain the second pointer position according to the preset label and the attributes declared in the label.
步骤S450:于所述表盘界面中,基于解析渲染引擎以第二帧率渲染并显示所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的旋转动画。Step S450: In the dial interface, render and display a rotation animation of the pointer of the current clock dial rotating from the first pointer position to the second pointer position based on the parsing rendering engine at a second frame rate.
在本申请实施例中,解析渲染引擎在获取到第一指针位置以及第二指针位置之后,则可以于表盘界面中,渲染当前时钟表盘的指针由第一指针位置旋转至第二指针位置的旋转动画,并将渲染的每帧动画进行显示。并且,解析渲染引擎以第二帧率对旋转动画进行渲染,并将渲染的每帧动画进行显示,从而使得实际对旋转动画进行显示的帧率为第二帧率,也就是说,每秒显示的旋转动画的帧数与第二帧率的数值相同,例如,第二帧率为60帧/秒时,则每秒显示的旋转动画的帧数为60帧。In the embodiment of the present application, after the parsing and rendering engine obtains the first pointer position and the second pointer position, it can render the rotation of the pointer of the current clock dial from the first pointer position to the second pointer position in the dial interface. Animate and display each frame of animation rendered. In addition, the parsing and rendering engine renders the rotating animation at the second frame rate, and displays each frame of the rendered animation, so that the actual frame rate for displaying the rotating animation is the second frame rate, that is, the display is displayed every second. The number of frames of the rotation animation is the same as the value of the second frame rate. For example, when the second frame rate is 60 frames/second, the number of frames of the rotation animation displayed per second is 60 frames.
在一些实施方式中,于所述表盘界面中,基于解析渲染引擎渲染以第二帧率渲染并显示当前时钟表盘的指针由第一指针位置旋转至第二指针位置的旋转动画,可以包括:通过所述解析渲染引擎确定所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的目标角度;通过所述解析渲染引擎获取当前帧率以及所述过渡动画对应的预设时长;通过所述解析渲染引擎,并基于所述第二帧率、所述预设时长以及所述目标角度,确定每帧画面中指针的旋转角度;通过所述解析渲染引擎,并基于每帧画面中指针的旋转角度,逐帧渲染每帧画面并将每帧画面进行显示,直至所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置。In some embodiments, in the dial interface, rendering based on the parsing rendering engine renders at the second frame rate and displays the rotation animation of the current clock dial pointer rotating from the first pointer position to the second pointer position, which may include: The analytical rendering engine determines the target angle at which the pointer of the current clock dial rotates from the first pointer position to the second pointer position; obtains the current frame rate and the preset corresponding to the transition animation through the analytical rendering engine. Set the duration; determine the rotation angle of the pointer in each frame of the picture through the parsing rendering engine and based on the second frame rate, the preset duration and the target angle; through the parsing rendering engine, and based on the The rotation angle of the pointer in the frame picture, rendering each frame picture frame by frame and displaying each frame picture, until the pointer of the current clock dial rotates from the first pointer position to the second pointer position.
在该实施方式中,解析渲染引擎可以先确定每帧画面中指针需要旋转的角度,进而确定出每帧画面,从而可以逐帧渲染并显示每帧画面,直至当前时钟表盘的指针由第一指针位置旋转至第二指针位置,完成过渡动画的渲染和显示。In this embodiment, the parsing and rendering engine can first determine the angle at which the pointer needs to be rotated in each frame, and then determine each frame, so that each frame can be rendered and displayed frame by frame, until the pointer of the current clock dial is replaced by the first pointer. The position rotates to the second pointer position to complete the rendering and display of the transition animation.
在该实施方式中,通过解析渲染引擎确定每帧画面中指针的旋转角度时,可以通过解析渲染引擎并基于第二帧率以及预设时长,确定旋转动画的画面帧数,然后解析渲染引擎基于目标角度与画面帧数的比值,确定每帧画面中指针的旋转角度。其中, 解析渲染引擎基于第二帧率以及预设时长,确定旋转动画的画面帧数,可以是将预设时长的单位转换为秒,然后将预设时长与第二帧率相乘,即获取第二帧率与预设时长的乘积。例如,第二帧率为60帧/秒,预设时长为1.5秒,则画面帧数为90帧。In this embodiment, when the rotation angle of the pointer in each frame is determined by parsing the rendering engine, the number of frames of the rotating animation can be determined by parsing the rendering engine and based on the second frame rate and the preset duration, and then parsing the rendering engine based on the second frame rate and the preset duration. The ratio of the target angle to the number of picture frames determines the rotation angle of the pointer in each frame of picture. Among them, the parsing and rendering engine determines the number of picture frames of the rotating animation based on the second frame rate and the preset duration, which may be by converting the unit of the preset duration into seconds, and then multiplying the preset duration by the second frame rate, that is, to obtain The product of the second frame rate and the preset duration. For example, if the second frame rate is 60 frames/second, and the preset duration is 1.5 seconds, the number of picture frames is 90 frames.
可以理解地,解析渲染引擎渲染旋转动画的机制是,首先计算要旋转的总角度,比如从六点旋转到十二点的旋转总角度为180度。然后根据帧率,比如这里第二帧率是60帧,进行旋转刷新,并且需要在1秒内展示完这个旋转动画,即1秒内旋转180度。由于第二帧率是60帧,即每1/60秒需要刷新一帧。因此需要在刷新每帧画面的时候让指针旋转180/60=3度,随着一秒60次刷新,每次刷新都让指针旋转3度,从而旋转动画的渲染和展示就完成了。Understandably, the mechanism for rendering the rotation animation by the analytical rendering engine is to first calculate the total angle to be rotated, for example, the total rotation angle from six o'clock to twelve o'clock is 180 degrees. Then according to the frame rate, for example, the second frame rate here is 60 frames, the rotation is refreshed, and the rotation animation needs to be displayed within 1 second, that is, it rotates 180 degrees within 1 second. Since the second frame rate is 60 frames, one frame needs to be refreshed every 1/60 second. Therefore, it is necessary to rotate the pointer by 180/60=3 degrees when refreshing each frame. With 60 refreshes per second, the pointer is rotated by 3 degrees for each refresh, so that the rendering and display of the rotation animation is completed.
在一些实施方式中,所有表盘的预览图中指针对应的位置可以设置为相同,从而在后续进入表盘编辑界面后,用户在将预览的表盘切换为其他任一表盘后,指针都是在相同的位置,不会引起指针的跳变问题。In some implementations, the positions corresponding to the pointers in the preview images of all watch faces can be set to be the same, so that after the user enters the watch face editing interface subsequently, after the user switches the previewed watch face to any other watch face, the pointers are in the same position. position, will not cause the pointer jump problem.
在另一些实施方式中,所有表盘的预览图中指针对应的位置不同时,在后续进入表盘编辑界面后,如果预览图切换为指针位置不同的另一预览图时,则同样可以在切换成下一预览图时,展示由当前指针位置旋转至另一预览图中指针位置的旋转动画,避免在切换预览的表盘时所导致的指针的跳变。In other embodiments, when the positions corresponding to the pointers in the preview images of all the dials are different, after entering the dial editing interface, if the preview image is switched to another preview image with different pointer positions, the same can be switched to the next preview image. In a preview image, the rotation animation from the current pointer position to the pointer position in another preview image is displayed, so as to avoid the jumping of the pointer caused by switching the watch face of the preview.
需要说明的是,本申请实施例提供的过渡动画的展示方式也同样可以应用于其他实施例中。It should be noted that, the display manner of the transition animation provided in the embodiment of the present application can also be applied to other embodiments.
步骤S460:将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。Step S460: Switch the current display interface from the clock dial interface to the dial editing interface.
在本申请实施例中,步骤S460可以参阅前述实施例的内容,在此不再赘述。In this embodiment of the present application, for step S460, reference may be made to the content of the foregoing embodiments, and details are not described herein again.
请再次参阅图1及图2,并参阅图8,用户通过于图1中的时钟表盘界面A1进行长按以后,通过上述的方法,指针可以由图1中的位置旋转至图8中的位置,然后再切换至图2中的表盘编辑界面,从而有效地避免了指针的跳变。Please refer to FIG. 1 and FIG. 2 again, and refer to FIG. 8. After the user presses and holds the clock dial interface A1 in FIG. 1, the pointer can be rotated from the position in FIG. 1 to the position in FIG. 8 by the above method. , and then switch to the dial editing interface in Figure 2, thus effectively avoiding the jump of the pointer.
在本申请实施例中,在将当前显示界面由时钟表盘界面切换为表盘编辑界面之后,可穿戴设备还可以在检测到用于触发由表盘编辑界面切换至时钟表盘界面的切换操作时,获取指针对应的第三指针位置,第三指针位置与当前时间对应,然后于所述表盘编辑界面中,基于解析渲染引擎渲染并显示当前预览的时钟表盘的指针由第二指针位置旋转至第三指针位置的旋转动画,将当前显示界面由表盘编辑界面切换为表盘界面。可以理解的,当用户对表盘编辑完成之后,在退出表盘编辑界面时,由于当前预览的表盘中指针位置通常与当前时间对应的指针位置不同,因此为避免返回时钟表盘界面时指针的跳变,可穿戴设备还可以在表盘编辑界面中,展示当前预览的时钟表盘的指针由第二指针位置旋转至第三指针位置的旋转动画,然后再切换为时钟表盘界面。请同时参阅图9、图10及图11,在由图9中的表盘编辑界面A2退出时,通过上述的方法,指针可以由图9中的位置旋转至图10中的位置,然后再切换至图11中的时钟表盘界面A1,从而有效地避免了指针的跳变。In the embodiment of the present application, after the current display interface is switched from the clock dial interface to the dial editing interface, the wearable device can also obtain a pointer when detecting a switching operation for triggering the switch from the dial editing interface to the clock dial interface The corresponding third pointer position, the third pointer position corresponds to the current time, and then in the dial editing interface, the pointer of the clock dial based on the parsing rendering engine rendering and displaying the current preview rotates from the second pointer position to the third pointer position The rotation animation of , switches the current display interface from the dial editing interface to the dial interface. It is understandable that when the user finishes editing the dial and exits the dial editing interface, since the position of the pointer in the currently previewed dial is usually different from the position of the pointer corresponding to the current time, in order to avoid the jump of the pointer when returning to the clock dial interface, The wearable device can also display the rotation animation of the pointer of the currently previewed clock dial rotating from the second pointer position to the third pointer position in the dial editing interface, and then switch to the clock dial interface. Please refer to Fig. 9, Fig. 10 and Fig. 11 at the same time. When exiting from the dial editing interface A2 in Fig. 9, the pointer can be rotated from the position in Fig. 9 to the position in Fig. 10 through the above method, and then switched to The clock dial interface A1 in Figure 11 effectively avoids the jumping of the pointer.
本申请实施例提供的信息展示方法,通过在检测到时钟表盘界面进行的按压操作,并且按压操作的持续按压时长大于指定按压时长的情况喜爱,即可触发进入表盘编辑界面,使用户对表盘的编辑更加快捷方便。另外,在由时钟表盘界面切换为表盘编辑界面之前,展示由指针所在的当前位置旋转至预览图中指针的位置,从而避免在进入到表盘编辑界面而显示预览图时,引起的指针的跳变。并且,在展示过渡动画时,将对界面显示的帧率进行提升,使得过渡动画能够流畅的显示,提升了过渡动画的显示效果,进一步提升了用户体验。而且,在由表盘编辑界面返回时钟表盘界面时,同样进行指针旋转动画的展示,避免了避免返回时钟表盘界面时指针的跳变,进一步提升了用户的视觉体验。In the information display method provided by the embodiment of the present application, when a pressing operation performed on the interface of the clock dial is detected, and the continuous pressing duration of the pressing operation is longer than the specified pressing duration, the dial editing interface can be triggered to enter the dial editing interface, so that the user can Editing is faster and easier. In addition, before switching from the clock dial interface to the dial editing interface, it is displayed that the current position of the pointer is rotated to the position of the pointer in the preview image, so as to avoid the jump of the pointer caused by entering the dial editing interface and displaying the preview image. . In addition, when the transition animation is displayed, the frame rate of the interface display will be improved, so that the transition animation can be displayed smoothly, the display effect of the transition animation is improved, and the user experience is further improved. Moreover, when returning to the clock dial interface from the dial editing interface, the pointer rotation animation is also displayed, which avoids the jump of the pointer when returning to the clock dial interface, and further improves the user's visual experience.
请参阅图12,其示出了本申请实施例提供的一种信息展示装置400的结构框图。该信息展示装置400应用上述的可穿戴设备,该信息展示装置400包括:操作检测模 块410、动画展示模块420以及界面切换模块430。其中,所述操作检测模块410用于在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作;所述动画展示模块420用于在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率;所述界面切换模块430用于将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。Please refer to FIG. 12 , which shows a structural block diagram of an information display apparatus 400 provided by an embodiment of the present application. The information display device 400 applies the above-mentioned wearable device, and the information display device 400 includes: an operation detection module 410, an animation display module 420, and an interface switching module 430. Wherein, the operation detection module 410 is used for detecting the operation in the clock dial interface when the clock dial interface is displayed at the first frame rate; the animation display module 420 is used for triggering the entry when detecting In the case of a specified operation of the dial editing interface, the transition animation from the clock dial interface to the dial editing interface is displayed at a second frame rate, wherein the second frame rate is greater than the first frame rate; so The interface switching module 430 is used to switch the current display interface from the clock dial interface to the dial editing interface.
在一些实施方式中,动画展示模块420包括:帧率获取单元以及动画渲染单元。其中,帧率获取单元用于在检测到用于触发进入表盘编辑界面的指定操作的情况下,获取所述过渡动画对应的目标帧率,并将所述目标帧率作为第二帧率;动画渲染单元用于以所述第二帧率渲染并显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画。In some embodiments, the animation display module 420 includes: a frame rate acquisition unit and an animation rendering unit. Wherein, the frame rate acquisition unit is configured to acquire the target frame rate corresponding to the transition animation when a specified operation for triggering the dial editing interface is detected, and use the target frame rate as the second frame rate; the animation The rendering unit is configured to render and display the transition animation from the clock dial interface to the dial editing interface at the second frame rate.
在该实施方式下,所述过渡动画包括所述时钟表盘界面中指针由当前位置旋转至指定位置的旋转动画。帧率获取单元可以包括:信息获取子单元以及帧率确定子单元。其中,信息获取子单元用于获取所述过渡动画对应的预设时长以及所述指针待旋转的目标角度;帧率确定子单元用于基于所述预设时长以及所述目标角度,确定所述过渡动画对应的目标帧率。In this implementation manner, the transition animation includes a rotation animation in which the pointer in the clock dial interface rotates from the current position to the specified position. The frame rate acquisition unit may include: an information acquisition subunit and a frame rate determination subunit. The information acquisition subunit is used to acquire the preset duration corresponding to the transition animation and the target angle at which the pointer is to be rotated; the frame rate determination subunit is used to determine the preset duration and the target angle based on the preset duration and the target angle. The target frame rate corresponding to the transition animation.
进一步地,帧率确定子单元可以具体用于:获取所述目标角度与所述预设时长的比值,作为指针转动速度;基于预先存储的转动速度与帧率的对应关系,获取所述指针转动速度所对应的帧率作为所述目标帧率,其中,所述帧率与所述转动速度呈正相关。Further, the frame rate determination subunit may be specifically used to: obtain the ratio of the target angle and the preset duration as the pointer rotation speed; and obtain the pointer rotation based on the pre-stored correspondence between the rotation speed and the frame rate. The frame rate corresponding to the speed is used as the target frame rate, wherein the frame rate is positively correlated with the rotation speed.
在一些实施方式中,动画展示模块420还可以用于在所述以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画之后,在所述过渡动画显示结束的情况下,以所述第一帧率对界面进行显示。In some embodiments, the animation display module 420 may be further configured to display the transition animation from the clock dial interface to the dial editing interface at the second frame rate, when the transition animation display ends Next, the interface is displayed at the first frame rate.
在一些实施方式中,动画展示模块420可以具体用于:In some embodiments, the animation display module 420 can be specifically used to:
当检测到所述表盘界面中的按压操作的情况下,获取所述按压操作对应的持续按压时长;当所述持续按压时长达到指定按压时长的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画。When a pressing operation in the dial interface is detected, the continuous pressing duration corresponding to the pressing operation is obtained; when the continuous pressing duration reaches the specified pressing duration, the clock displayed by the clock is displayed at the second frame rate. The transition animation of the dial interface switching to the dial editing interface.
在一些实施方式中,所述表盘编辑界面包括所述表盘界面的当前时钟表盘的预览图。动画展示模块420可以包括:第一位置获取单元、第二位置获取单元以及动画渲染单元。其中,第一位置获取单元用于获取所述时钟表盘界面的指针当前对应的第一指针位置;第二位置获取单元用于获取所述预览图中指针对应的第二指针位置;动画渲染单元用于于所述表盘界面中,基于解析渲染引擎以第二帧率渲染并显示所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的旋转动画。In some embodiments, the dial editing interface includes a preview image of the current clock dial of the dial interface. The animation display module 420 may include: a first position acquisition unit, a second position acquisition unit, and an animation rendering unit. Wherein, the first position acquisition unit is used to acquire the first pointer position currently corresponding to the pointer of the clock dial interface; the second position acquisition unit is used to acquire the second pointer position corresponding to the pointer in the preview image; the animation rendering unit uses In the dial interface, a rotation animation of the pointer of the current clock dial rotating from the first pointer position to the second pointer position is rendered and displayed at a second frame rate based on the parsing rendering engine.
在该实施方式中,动画展示模块420还可以用于:在检测到用于触发由所述表盘编辑界面切换至所述时钟表盘界面的切换操作时,获取指针对应的第三指针位置,所述第三指针位置与当前时间对应;于所述表盘编辑界面中,基于解析渲染引擎以所述第二帧率渲染并显示当前预览的时钟表盘的指针由所述第二指针位置旋转至所述第三指针位置的旋转动画。界面切换模块440还可以用于:将当前显示界面由所述表盘编辑界面切换为所述时钟表盘界面。In this embodiment, the animation display module 420 can also be used to: when detecting a switching operation for triggering switching from the dial editing interface to the clock dial interface, obtain the third pointer position corresponding to the pointer, the The third pointer position corresponds to the current time; in the dial editing interface, the pointer of the clock dial that is rendered at the second frame rate based on the parsing rendering engine and displays the current preview rotates from the second pointer position to the first Rotation animation of three pointer positions. The interface switching module 440 may also be used for: switching the current display interface from the dial editing interface to the clock dial interface.
在该实施方式中,第二位置获取单元可以包括:标签获取子单元、属性获取子单元以及位置确定子单元。其中,标签获取子单元用于获取所述解析渲染引擎预先创建的指针标签,所述指针标签用于声明时钟表盘中的指针的多种属性;属性获取子单元用于获取所述指针标签中声明的初始角度属性;位置确定子单元用于根据所述初始角度属性,确定所述预览图中指针对应的第二指针位置。In this embodiment, the second location acquiring unit may include: a label acquiring subunit, an attribute acquiring subunit, and a location determining subunit. Wherein, the label obtaining subunit is used to obtain the pointer label pre-created by the parsing and rendering engine, and the pointer label is used to declare various attributes of the pointer in the clock dial; the attribute obtaining subunit is used to obtain the declaration in the pointer label The initial angle attribute of the position determination subunit is used to determine the position of the second pointer corresponding to the pointer in the preview image according to the initial angle attribute.
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述装置和模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。Those skilled in the art can clearly understand that, for the convenience and brevity of description, for the specific working process of the above-described devices and modules, reference may be made to the corresponding processes in the foregoing method embodiments, which will not be repeated here.
在本申请所提供的几个实施例中,模块相互之间的耦合可以是电性,机械或其它形式的耦合。In several embodiments provided in this application, the coupling between the modules may be electrical, mechanical or other forms of coupling.
另外,在本申请各个实施例中的各功能模块可以集成在一个处理模块中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。In addition, each functional module in each embodiment of the present application may be integrated into one processing module, or each module may exist physically alone, or two or more modules may be integrated into one module. The above-mentioned integrated modules can be implemented in the form of hardware, and can also be implemented in the form of software function modules.
综上所述,本申请提供的方案,可穿戴设备在以第一帧率显示时钟表盘界面时,检测于时钟表盘界面中的操作,在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由时钟表盘界面切换至表盘编辑界面的过渡动画,其中,第二帧率大于第一帧率,然后将当前显示界面由时钟表盘界面切换为所述表盘编辑界面,实现了在通过在时钟表盘界面,通过指定操作即能进入表盘编辑界面,并且在由时钟表盘界面切换为表盘编辑界面之前,展示过渡动画,避免了时钟表盘界面中的指针存在的位置跳变带来的用户视觉体验较差的问题,提升了用户体验。另外,在展示过渡动画时对显示动画的帧率进行了提升,从而可以流畅的展示动画,进一步提升了用户的视觉体验。To sum up, in the solution provided by this application, when the wearable device displays the clock dial interface at the first frame rate, it detects the operation in the clock dial interface, and when it detects the specified operation for triggering the dial editing interface Next, display the transition animation from the clock dial interface to the dial editing interface at a second frame rate, where the second frame rate is greater than the first frame rate, and then switch the current display interface from the clock dial interface to the dial editing interface, It is realized that you can enter the dial editing interface by specifying operations on the clock dial interface, and display the transition animation before switching from the clock dial interface to the dial editing interface, avoiding the position jump band of the pointer in the clock dial interface. The problem of poor visual experience of incoming users improves the user experience. In addition, when the transition animation is displayed, the frame rate of the displayed animation is improved, so that the animation can be displayed smoothly, which further improves the user's visual experience.
请参阅图13和图14,图13示出了本申请实施例提供的可穿戴设备的一个视角的结构示意图,图14示出了本申请实施例提供的可穿戴设备的另一个视角的结构示意图。如图13和图14所示,本申请实施例提供的可穿戴设备100包括触摸屏130。Please refer to FIG. 13 and FIG. 14 . FIG. 13 shows a schematic structural diagram of a wearable device provided by an embodiment of the present application from one perspective, and FIG. 14 shows a schematic structural diagram of the wearable device provided by an embodiment of the present application from another perspective. . As shown in FIG. 13 and FIG. 14 , the wearable device 100 provided in this embodiment of the present application includes a touch screen 130 .
请参阅图15,其示出了本申请实施例提供的一种可穿戴设备100的结构框图。该可穿戴设备100可以是智能手表、智能手环等能够运行应用程序的电子设备。本申请中的可穿戴设备100可以包括一个或多个如下部件:处理器110、存储器120、触摸屏130以及一个或多个应用程序,其中一个或多个应用程序可以被存储在存储器120中并被配置为由一个或多个处理器110执行,一个或多个程序配置用于执行如前述方法实施例所描述的方法。Please refer to FIG. 15 , which shows a structural block diagram of a wearable device 100 provided by an embodiment of the present application. The wearable device 100 may be an electronic device capable of running an application program, such as a smart watch, a smart bracelet, or the like. The wearable device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, a touch screen 130, and one or more application programs, wherein the one or more application programs may be stored in the memory 120 and accessed by Configured to be executed by one or more processors 110, the one or more programs are configured to execute the methods described in the foregoing method embodiments.
其中,处理器110可以包括一个或者多个处理核。处理器110利用各种接口和线路连接整个可穿戴设备100内的各个部分,通过运行或执行存储在存储器120内的指令、程序、代码集或指令集,以及调用存储在存储器120内的数据,执行可穿戴设备100的各种功能和处理数据。可选地,处理器110可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(Central Processing Unit,CPU)、图形处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责待显示内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器110中,单独通过一块通信芯片进行实现。The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire wearable device 100, and by running or executing the instructions, programs, code sets or instruction sets stored in the memory 120, and calling the data stored in the memory 120, Various functions of the wearable device 100 are executed and data is processed. Optionally, the processor 110 may adopt at least one of a digital signal processing (Digital Signal Processing, DSP), a Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and a Programmable Logic Array (Programmable Logic Array, PLA). A hardware form is implemented. The processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU), a modem, and the like. Among them, the CPU mainly handles the operating system, user interface, and application programs; the GPU is used to render and draw the content to be displayed; the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may also not be integrated into the processor 110, and is implemented by a communication chip alone.
存储器120可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储可穿戴设备100在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。The memory 120 may include random access memory (Random Access Memory, RAM), or may include read-only memory (Read-Only Memory). Memory 120 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing the following method embodiments, and the like. The storage data area may also store data (such as phone book, audio and video data, chat record data) created by the wearable device 100 during use.
触摸屏130用于显示由用户输入的信息、提供给用户的信息以及所述可穿戴设备100的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、数字、视频和其任意组合来构成,在一个实例中,该触摸屏130可以为液晶显示器(Liquid Crystal Display,LCD),也可以为有机发光二极管(Organic Light-Emitting Diode,OLED),在此不做限定。The touch screen 130 is used to display information input by the user, information provided to the user, and various graphical user interfaces of the wearable device 100, which may be composed of graphics, text, icons, numbers, videos, and any combination thereof. In one example, the touch screen 130 may be a liquid crystal display (LCD) or an organic light-emitting diode (OLED), which is not limited herein.
请参考图16,其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质800中存储有程序代码,所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。Please refer to FIG. 16 , which shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application. The computer-readable medium 800 stores program codes, and the program codes can be invoked by the processor to execute the methods described in the above method embodiments.
计算机可读存储介质800可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地,计算机可读存储介质800包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质800具有执行上述方法中的任何方法步骤的程序代码810的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码810可以例如以适当形式进行压缩。The computer readable storage medium 800 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM. Optionally, the computer-readable storage medium 800 includes a non-transitory computer-readable storage medium. Computer readable storage medium 800 has storage space for program code 810 to perform any of the method steps in the above-described methods. These program codes can be read from or written to one or more computer program products. Program code 810 may be compressed, for example, in a suitable form.
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, but not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand: it can still be Modifications are made to the technical solutions described in the foregoing embodiments, or some technical features thereof are equivalently replaced; and these modifications or replacements do not drive the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims (20)

  1. 一种信息展示方法,其特征在于,应用于可穿戴设备,所述方法包括:An information display method, characterized in that, applied to a wearable device, the method comprising:
    在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作;In the case of displaying the clock dial interface at the first frame rate, detecting an operation in the clock dial interface;
    在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率;In the case where a specified operation for triggering entry into the dial editing interface is detected, the transition animation from the clock dial interface to the dial editing interface is displayed at a second frame rate, wherein the second frame rate is greater than the the first frame rate;
    将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。The current display interface is switched from the clock dial interface to the dial editing interface.
  2. 根据权利要求1所述的方法,其特征在于,所述在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,包括:The method according to claim 1, wherein, in the case of detecting a specified operation for triggering entry into the dial editing interface, displaying at a second frame rate switching from the clock dial interface to the dial editing Interface transition animations, including:
    在检测到用于触发进入表盘编辑界面的指定操作的情况下,获取所述过渡动画对应的目标帧率,并将所述目标帧率作为第二帧率;In the case of detecting the specified operation for triggering the entry of the dial editing interface, obtain the target frame rate corresponding to the transition animation, and use the target frame rate as the second frame rate;
    以所述第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画。A transition animation of switching from the clock dial interface to the dial editing interface is displayed at the second frame rate.
  3. 根据权利要求2所述的方法,其特征在于,所述过渡动画包括所述时钟表盘界面中指针由当前位置旋转至指定位置的旋转动画,所述获取所述过渡动画对应的目标帧率,包括:The method according to claim 2, wherein the transition animation includes a rotation animation in which a pointer in the clock dial interface rotates from a current position to a specified position, and the acquiring the target frame rate corresponding to the transition animation includes the following steps: :
    获取所述过渡动画对应的预设时长以及所述指针待旋转的目标角度;Obtain the preset duration corresponding to the transition animation and the target angle at which the pointer is to be rotated;
    基于所述预设时长以及所述目标角度,确定所述过渡动画对应的目标帧率。Based on the preset duration and the target angle, a target frame rate corresponding to the transition animation is determined.
  4. 根据权利要求3所述的方法,其特征在于,所述基于所述预设时长以及所述目标角度,确定所述过渡动画对应的目标帧率,包括:The method according to claim 3, wherein the determining the target frame rate corresponding to the transition animation based on the preset duration and the target angle comprises:
    获取所述目标角度与所述预设时长的比值,作为指针转动速度;Obtain the ratio of the target angle to the preset duration as the pointer rotation speed;
    基于预先存储的转动速度与帧率的对应关系,获取所述指针转动速度所对应的帧率作为所述目标帧率,其中,所述帧率与所述转动速度呈正相关。Based on the pre-stored correspondence between the rotation speed and the frame rate, the frame rate corresponding to the pointer rotation speed is acquired as the target frame rate, wherein the frame rate is positively correlated with the rotation speed.
  5. 根据权利要求3所述的方法,其特征在于,所述基于所述预设时长以及所述目标角度,确定所述过渡动画对应的目标帧率,包括:The method according to claim 3, wherein the determining the target frame rate corresponding to the transition animation based on the preset duration and the target angle comprises:
    基于预先存储的帧率与动画时长以及转动角度的对应关系,获取与预设时长以及所述目标角度对应的帧率,作为目标帧率。Based on the pre-stored correspondence between the frame rate, the animation duration and the rotation angle, the frame rate corresponding to the preset duration and the target angle is acquired as the target frame rate.
  6. 根据权利要求3-5任一项所述的方法,其特征在于,所述获取所述过渡动画对应的预设时长以及所述指针待旋转的目标角度,包括:The method according to any one of claims 3-5, wherein the acquiring the preset duration corresponding to the transition animation and the target angle at which the pointer is to be rotated comprises:
    获取所述过渡动画对应的播放时长作为预设时长;Obtain the playback duration corresponding to the transition animation as a preset duration;
    获取当前表盘中指针的第一位置,与指针待旋转至的第二位置之间的角度差,作为所述指针待旋转的目标角度。The angle difference between the first position of the pointer in the current dial and the second position to which the pointer is to be rotated is obtained as the target angle of the pointer to be rotated.
  7. 根据权利要求2所述的方法,其特征在于,所述获取所述过渡动画对应的目标帧率,包括:The method according to claim 2, wherein the acquiring the target frame rate corresponding to the transition animation comprises:
    获取预先存储的所述过渡动画的目标帧率。Obtain the pre-stored target frame rate of the transition animation.
  8. 根据权利要求1-7任一项所述的方法,其特征在于,在所述以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画之后,所述方法还包括:The method according to any one of claims 1 to 7, wherein after the transition animation from the clock dial interface to the dial editing interface is displayed at the second frame rate, the method further comprises: :
    在所述过渡动画显示结束的情况下,以所述第一帧率对界面进行显示。When the transition animation display ends, the interface is displayed at the first frame rate.
  9. 根据权利要求8所述的方法,其特征在于,所述在所述过渡动画显示结束的情况下,以所述第一帧率对界面进行显示,包括:The method according to claim 8, wherein the displaying the interface at the first frame rate when the transition animation display ends, comprising:
    根据预先存储的所述过渡动画的展示时长,以及所述过渡动画开始展示的起始时刻,确定所述过渡动画的结束时刻;Determine the end time of the transition animation according to the pre-stored display duration of the transition animation and the start time at which the transition animation starts to be displayed;
    在所述结束时刻时,以所述第一帧率对界面进行显示。At the end moment, the interface is displayed at the first frame rate.
  10. 根据权利要求1-9任一项所述的方法,其特征在于,所述在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,包括:The method according to any one of claims 1-9, characterized in that, in the case of detecting a specified operation for triggering entry into the dial editing interface, displaying at a second frame rate is switched from the clock dial interface The transition animation to the dial editing interface, including:
    当检测到所述表盘界面中的按压操作的情况下,获取所述按压操作对应的持续按压时长;When a pressing operation in the dial interface is detected, obtain the continuous pressing duration corresponding to the pressing operation;
    当所述持续按压时长达到指定按压时长的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画。When the continuous pressing duration reaches the specified pressing duration, a transition animation of switching from the clock dial interface to the dial editing interface is displayed at a second frame rate.
  11. 根据权利要求1-10任一项所述的方法,其特征在于,所述表盘编辑界面包括所述表盘界面的当前时钟表盘的预览图,所述以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,包括:The method according to any one of claims 1-10, wherein the dial editing interface includes a preview image of a current clock dial of the dial interface, and the clock dial interface is displayed at a second frame rate by the clock dial interface. The transition animation for switching to the dial editing interface, including:
    获取所述时钟表盘界面的指针当前对应的第一指针位置;Obtain the first pointer position currently corresponding to the pointer of the clock dial interface;
    获取所述预览图中指针对应的第二指针位置;obtaining the second pointer position corresponding to the pointer in the preview image;
    于所述表盘界面中,基于解析渲染引擎以第二帧率渲染并显示所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的旋转动画。In the dial interface, a rotation animation of the pointer of the current clock dial rotating from the first pointer position to the second pointer position is rendered and displayed at a second frame rate based on the parsing rendering engine.
  12. 根据权利要求11所述的方法,其特征在于,所述于所述表盘界面中,基于解析渲染引擎以第二帧率渲染并显示所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的旋转动画,包括:The method according to claim 11, wherein, in the dial interface, rendering and displaying the pointer of the current clock dial at a second frame rate based on a parsing rendering engine is rotated from the position of the first pointer to The rotation animation of the second pointer position includes:
    通过所述解析渲染引擎确定所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置的目标角度;Determine, by the analytical rendering engine, the target angle at which the pointer of the current clock dial rotates from the first pointer position to the second pointer position;
    通过所述解析渲染引擎获取当前帧率以及所述过渡动画对应的预设时长;Obtain the current frame rate and the preset duration corresponding to the transition animation through the parsing and rendering engine;
    通过所述解析渲染引擎,并基于所述第二帧率、所述预设时长以及所述目标角度,确定每帧画面中指针的旋转角度;Determine the rotation angle of the pointer in each frame of the picture by the parsing rendering engine and based on the second frame rate, the preset duration and the target angle;
    通过所述解析渲染引擎,并基于每帧画面中指针的旋转角度,逐帧渲染每帧画面并将每帧画面进行显示,直至所述当前时钟表盘的指针由所述第一指针位置旋转至所述第二指针位置。Through the parsing and rendering engine, and based on the rotation angle of the pointer in each frame, each frame is rendered and displayed frame by frame, until the pointer of the current clock dial rotates from the position of the first pointer to the desired position. the second pointer position.
  13. 根据权利要求12所述的方法,其特征在于,所述通过所述解析渲染引擎,并基于所述第二帧率、所述预设时长以及所述目标角度,确定每帧画面中指针的旋转角度,包括:The method according to claim 12, wherein the analysis and rendering engine is used to determine the rotation of the pointer in each frame based on the second frame rate, the preset duration and the target angle angles, including:
    通过所述解析渲染引擎,基于所述第二帧率以及所述预设时长,确定所述旋转动画的画面帧数;Determine, by the parsing and rendering engine, the number of picture frames of the rotating animation based on the second frame rate and the preset duration;
    通过所述解析渲染引擎,基于所述目标角度与所述画面帧数的比值,确定每帧画面中指针的旋转角度。Through the parsing and rendering engine, the rotation angle of the pointer in each frame of the picture is determined based on the ratio of the target angle to the number of picture frames.
  14. 根据权利要求13所述的方法,其特征在于,所述通过所述解析渲染引擎,基于所述第二帧率以及所述预设时长,确定所述旋转动画的画面帧数,包括:The method according to claim 13, wherein the determining the number of frames of the rotation animation based on the second frame rate and the preset duration by the parsing and rendering engine comprises:
    通过所述解析渲染引擎,将所述预设时长的时间单位换算为秒;Converting the time unit of the preset duration into seconds by the parsing and rendering engine;
    通过所述解析渲染引擎,获取换算后的所述预设时长与所述第二帧率的乘积,得到所述旋转动画的画面帧数。Through the parsing and rendering engine, the product of the converted preset duration and the second frame rate is obtained, and the number of picture frames of the rotating animation is obtained.
  15. 根据权利要求11-14任一项所述的方法,其特征在于,在所述将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面之后,所述方法还包括:The method according to any one of claims 11-14, wherein after the current display interface is switched from the clock dial interface to the dial editing interface, the method further comprises:
    在检测到用于触发由所述表盘编辑界面切换至所述时钟表盘界面的切换操作时,获取指针对应的第三指针位置,所述第三指针位置与当前时间对应;When detecting a switching operation for triggering switching from the dial editing interface to the clock dial interface, acquiring a third pointer position corresponding to the pointer, where the third pointer position corresponds to the current time;
    于所述表盘编辑界面中,基于解析渲染引擎以所述第二帧率渲染并显示当前预览的时钟表盘的指针由所述第二指针位置旋转至所述第三指针位置的旋转动画;In the dial editing interface, rendering based on the parsing rendering engine at the second frame rate and displaying a rotation animation of the pointer of the currently previewed clock dial rotating from the second pointer position to the third pointer position;
    将当前显示界面由所述表盘编辑界面切换为所述时钟表盘界面。The current display interface is switched from the dial editing interface to the clock dial interface.
  16. 根据权利要求11-15任一项所述的方法,其特征在于,所述获取所述预览图中指针对应的第二指针位置,包括:The method according to any one of claims 11-15, wherein the acquiring the second pointer position corresponding to the pointer in the preview image comprises:
    获取所述解析渲染引擎预先创建的指针标签,所述指针标签用于声明时钟表盘中的指针的多种属性;Acquiring a pointer label pre-created by the parsing and rendering engine, where the pointer label is used to declare various attributes of the pointer in the clock dial;
    获取所述指针标签中声明的初始角度属性;Get the initial angle property declared in the pointer tag;
    根据所述初始角度属性,确定所述预览图中指针对应的第二指针位置。According to the initial angle attribute, the position of the second pointer corresponding to the pointer in the preview image is determined.
  17. 根据权利要求1-16任一项所述的方法,其特征在于,所述过渡动画的展示时长小于指定时长。The method according to any one of claims 1-16, wherein a display duration of the transition animation is less than a specified duration.
  18. 一种信息展示装置,其特征在于,所述装置包括:操作检测模块、动画展示模块以及界面切换模块,其中,An information display device, characterized in that the device comprises: an operation detection module, an animation display module, and an interface switching module, wherein,
    所述操作检测模块用于在以第一帧率显示时钟表盘界面的情况下,检测于所述时钟表盘界面中的操作;The operation detection module is configured to detect an operation in the clock dial interface when the clock dial interface is displayed at the first frame rate;
    所述动画展示模块用于在检测到用于触发进入表盘编辑界面的指定操作的情况下,以第二帧率显示由所述时钟表盘界面切换至所述表盘编辑界面的过渡动画,其中,所述第二帧率大于所述第一帧率;The animation display module is configured to display the transition animation from the clock dial interface to the dial editing interface at a second frame rate when a specified operation for triggering entry into the dial editing interface is detected, wherein all the second frame rate is greater than the first frame rate;
    所述界面切换模块用于将当前显示界面由所述时钟表盘界面切换为所述表盘编辑界面。The interface switching module is used to switch the current display interface from the clock dial interface to the dial editing interface.
  19. 一种可穿戴设备,其特征在于,包括:A wearable device, comprising:
    一个或多个处理器;one or more processors;
    存储器;memory;
    一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于执行如权利要求1-17任一项所述的方法。One or more application programs, wherein the one or more application programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs are configured to perform such as The method of any one of claims 1-17.
  20. 一种计算机可读取存储介质,其特征在于,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行如权利要求1-17任一项所述的方法。A computer-readable storage medium, wherein a program code is stored in the computer-readable storage medium, and the program code can be invoked by a processor to execute the method according to any one of claims 1-17 .
PCT/CN2021/094687 2020-07-03 2021-05-19 Information display method and apparatus, wearable device, and storage medium WO2022001452A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010637453.0A CN113961277A (en) 2020-07-03 2020-07-03 Information display method and device, wearable device and storage medium
CN202010637453.0 2020-07-03

Publications (1)

Publication Number Publication Date
WO2022001452A1 true WO2022001452A1 (en) 2022-01-06

Family

ID=79317371

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/094687 WO2022001452A1 (en) 2020-07-03 2021-05-19 Information display method and apparatus, wearable device, and storage medium

Country Status (2)

Country Link
CN (1) CN113961277A (en)
WO (1) WO2022001452A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114945056A (en) * 2022-06-21 2022-08-26 维沃移动通信有限公司 Display method, display device, electronic apparatus, and storage medium
CN116541121A (en) * 2023-07-06 2023-08-04 深圳市微克科技有限公司 Dial fish swimming method, system and storage medium based on intelligent wearable device
CN116999024A (en) * 2023-05-26 2023-11-07 荣耀终端有限公司 Physiological parameter detection method, electronic device, storage medium, and program product

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114489551A (en) * 2022-02-09 2022-05-13 广东乐心医疗电子股份有限公司 Data display method and device and electronic equipment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090327897A1 (en) * 2008-06-26 2009-12-31 Flypaper Studio, Inc. System and Method For An Interactive Presentation System
CN101675652A (en) * 2007-04-26 2010-03-17 诺基亚公司 Improved method and apparatus for switching between different modes in a mobile communication terminal
CN103198504A (en) * 2013-03-01 2013-07-10 北京国双科技有限公司 Control method and control device of transition animation
CN107071556A (en) * 2017-04-18 2017-08-18 腾讯科技(深圳)有限公司 A kind of interface rendering intent and device
CN107921317A (en) * 2015-08-20 2018-04-17 苹果公司 Based drive dial plate and sophisticated functions block

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015109471A1 (en) * 2014-01-23 2015-07-30 华为终端有限公司 Method, device and apparatus for adjusting terminal display time
CN109739405A (en) * 2018-12-29 2019-05-10 努比亚技术有限公司 A kind of display control method, mobile terminal and computer readable storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101675652A (en) * 2007-04-26 2010-03-17 诺基亚公司 Improved method and apparatus for switching between different modes in a mobile communication terminal
US20090327897A1 (en) * 2008-06-26 2009-12-31 Flypaper Studio, Inc. System and Method For An Interactive Presentation System
CN103198504A (en) * 2013-03-01 2013-07-10 北京国双科技有限公司 Control method and control device of transition animation
CN107921317A (en) * 2015-08-20 2018-04-17 苹果公司 Based drive dial plate and sophisticated functions block
CN107071556A (en) * 2017-04-18 2017-08-18 腾讯科技(深圳)有限公司 A kind of interface rendering intent and device

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114945056A (en) * 2022-06-21 2022-08-26 维沃移动通信有限公司 Display method, display device, electronic apparatus, and storage medium
CN116999024A (en) * 2023-05-26 2023-11-07 荣耀终端有限公司 Physiological parameter detection method, electronic device, storage medium, and program product
CN116541121A (en) * 2023-07-06 2023-08-04 深圳市微克科技有限公司 Dial fish swimming method, system and storage medium based on intelligent wearable device
CN116541121B (en) * 2023-07-06 2023-09-19 深圳市微克科技有限公司 Dial fish swimming method, system and storage medium based on intelligent wearable device

Also Published As

Publication number Publication date
CN113961277A (en) 2022-01-21

Similar Documents

Publication Publication Date Title
WO2022001452A1 (en) Information display method and apparatus, wearable device, and storage medium
CN109034115B (en) Video image recognizing method, device, terminal and storage medium
US11320960B2 (en) Icon display method, device, and terminal
CN108089786B (en) User interface display method, device, equipment and storage medium
RU2651194C2 (en) Button interaction method and apparatus
CN107544810B (en) Method and device for controlling application program
WO2019007227A1 (en) Method and apparatus for continuing to display view after switching pages
CN113923499B (en) Display control method, device, equipment and storage medium
US20220310125A1 (en) Method and apparatus for video production, device and storage medium
CN111813492B (en) Display method and device for quick application, electronic equipment and storage medium
WO2019047187A1 (en) Navigation bar control method and device
WO2019047226A1 (en) Touch operation response method and device
WO2023116678A1 (en) Desktop display method and apparatus, electronic device, and medium
WO2022068721A1 (en) Screen capture method and apparatus, and electronic device
WO2019047234A1 (en) Touch operation response method and apparatus
CN111866403B (en) Video graphic content processing method, device, equipment and medium
WO2019047184A1 (en) Information display method, apparatus, and terminal
WO2023030325A1 (en) Buffer processing method and apparatus
CN110572867A (en) method and device for reducing power consumption of electronic equipment
WO2023284798A1 (en) Video playback method and apparatus, and electronic device
CN113423132B (en) Shutdown early warning method, shutdown early warning device, shutdown early warning medium and shutdown early warning equipment
CN113885974B (en) Information display method and device, wearable equipment and storage medium
CN111209503A (en) Method and device for processing popup in webpage, electronic equipment and storage medium
CN111182361B (en) Communication terminal and video previewing method
CN110633117A (en) Data processing method and device, electronic equipment and readable medium

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21831942

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21831942

Country of ref document: EP

Kind code of ref document: A1