WO2017097143A1 - 一种界面切换动画的设置方法及装置 - Google Patents

一种界面切换动画的设置方法及装置 Download PDF

Info

Publication number
WO2017097143A1
WO2017097143A1 PCT/CN2016/107598 CN2016107598W WO2017097143A1 WO 2017097143 A1 WO2017097143 A1 WO 2017097143A1 CN 2016107598 W CN2016107598 W CN 2016107598W WO 2017097143 A1 WO2017097143 A1 WO 2017097143A1
Authority
WO
WIPO (PCT)
Prior art keywords
color value
interface
color
switching animation
interface switching
Prior art date
Application number
PCT/CN2016/107598
Other languages
English (en)
French (fr)
Inventor
陈亮
邹焱
童华江
陈帅
Original Assignee
阿里巴巴集团控股有限公司
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 阿里巴巴集团控股有限公司 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2017097143A1 publication Critical patent/WO2017097143A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation

Definitions

  • the present application relates to the field of computer technology, and in particular, to a method and an apparatus for setting an interface switching animation.
  • the terminal may play an interface switching animation for the user during the interface switching process.
  • the interface switching animation is often set by the terminal by default, and thus the color of the interface switching animation is also the default color.
  • the embodiment of the present application provides a method for setting an interface switching animation, which is used to provide a solution for setting an interface switching animation color.
  • the embodiment of the present application further provides a device for setting an interface switching animation, which is used to provide a solution for setting an interface switching animation color.
  • a method for setting an interface switching animation including:
  • a device for setting an interface switching animation comprising:
  • a color value determining unit configured to determine at least one color value
  • a color value determining unit configured to determine, according to the at least one color value, a color value of an interface element included in the interface switching animation part or all of the frame pictures.
  • a device for setting an interface switching animation comprising:
  • a memory for storing program instructions
  • a processor coupled to the memory for reading program instructions stored by the memory and, in response, performing the operations of: determining at least one color value; determining, based on the at least one color value, part or all of the interface switching animation The color value of the interface element included in the frame image.
  • FIG. 1 is a schematic flowchart of a method for setting an interface switching animation according to an embodiment of the present disclosure
  • FIG. 2 is an effect diagram of a lock screen interface according to an embodiment of the present application.
  • FIG. 3 is an effect diagram of an operation interface according to an embodiment of the present application.
  • FIG. 4 is a schematic flowchart of a method for setting an interface switching animation according to an embodiment of the present application
  • FIG. 5 is a schematic flowchart of a method for setting an interface switching animation displayed when a mobile phone lock screen interface and an operation interface are switched according to an embodiment of the present disclosure
  • FIG. 6 is an effect diagram of a frame of a picture included in an interface switching animation according to an embodiment of the present application.
  • FIG. 7 is an effect diagram of a frame of a picture included in an interface switching animation according to an embodiment of the present application.
  • FIG. 8 is an effect diagram of a frame of a picture included in an interface switching animation according to an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a desktop wallpaper set according to an interface switching animation setting method according to an embodiment of the present application.
  • FIG. 10 is a schematic structural diagram of an apparatus for setting an interface switching animation according to an embodiment of the present disclosure.
  • the embodiment of the present application provides a method for setting an interface switching animation, which is used to provide a solution for setting an interface switching animation color.
  • the execution body of the setting method of the interface switching animation provided by the embodiment of the present application may be, but not limited to, at least one of a mobile device, a tablet computer, a personal computer (PC), and a terminal device such as a smart TV.
  • the execution body of the method may also be an application (Application, APP) itself installed on the terminal.
  • the implementation of the method will be described below by taking the execution subject of the method as a user terminal as an example. It can be understood that the execution subject of the method is only an exemplary description of the user terminal, and should not be construed as limiting the method.
  • the specific implementation process of the setting method of the interface switching animation provided by the embodiment of the present application is as shown in FIG. 1 , and mainly includes the following steps:
  • Step 11 determining at least one color value (hereinafter referred to as a first color value);
  • the first color value may be, for example, a six-digit hexadecimal value used to represent a color in the software, and the six-digit number is divided into three groups, each group of two, which in turn represents red, green, and blue.
  • the intensity of the color may be formed by superimposing three basic colors of red, green, and blue, and the first color values of different colors may be represented by three values indicating the intensities of the components of red, green, and blue.
  • Method 1 determining at least one first color value according to the specified image
  • the specified image may be determined according to a default rule, or may be determined according to a custom rule set by a user.
  • the user terminal may determine an image as the specified image, for example, in response to the received image selection instruction; or, the wallpaper currently used by the user terminal may be used as the designated image;
  • the specified image is typically a bitmap.
  • Each pixel of the specified image has a color value, and the color value of the pixel may also be referred to as a pixel color value.
  • the user terminal may determine at least one first color value from the pixel color values of the specified image by different color absorption algorithms.
  • the user terminal can extract the color values in the image by setting an algorithm (which can be referred to as a color absorption algorithm according to the function implemented by the algorithm). Specifically, depending on the number of color values to be extracted, The same principle of color absorption algorithm. E.g:
  • the user terminal may also calculate the mean value of all pixel color values of the specified image by using a color absorption algorithm, and determine the average value as the first color value, which is generally suitable for extracting a first color value; or ,
  • the user terminal may further collect, by using a color absorption algorithm, the number of pixels having different color values in the specified image, and determine a first color value according to the statistical result. For example, if a first color value needs to be extracted, the user may calculate The color value corresponding to the maximum number of all the quantities, as the first color value, if it is necessary to extract a plurality of first color values, all the counted numbers can be sorted according to the order from the largest to the smallest. a corresponding number of color values, as a plurality of first color values to be extracted; or
  • the user terminal may further determine, by using a color absorption algorithm, a pixel color value for indicating a primary color of the specified image, and determine the pixel color value as a first color value, which is generally suitable for extracting a first color. In the case of values, if multiple color values need to be extracted, multiple tones can be determined;
  • the above “primary color tone” indicates a basic tendency of color appearance.
  • the image generally has a tendency in color, such as being bluish or reddish, being warm or cold, etc.
  • the basic tendency of color appearance is one.
  • the primary color of the image Generally, the main color is divided from the warm and cold side, and there may be "warm tone", “cold tone” and “middle tone”.
  • red, orange, and yellow indicate warm colors; green, blue, and black indicate cool colors; and gray, purple, and white indicate intermediate colors. The higher the brightness of the cool color, the warmer the overall feeling, the higher the brightness of the warm color, the colder the overall feeling.
  • Method 2 displaying a color value interface including at least two colors, and determining at least one first color value according to a user's selection of a color included in the color value interface;
  • the user terminal may display a color value interface including at least two colors for the user to select, and determine a color value corresponding to the color as the first color value in response to the received at least one color selection instruction; the color selection instruction For example, it may be a click command or a gesture instruction for an area corresponding to a certain color in the color value interface.
  • Manner 3 Determine at least one first color value according to a mapping relationship between the specified event and the color value.
  • the specified event may be, for example, a time related event.
  • a time related event For example, the holiday that the user terminal saves by default, and the birthday and the anniversary that the user terminal saves according to the user setting, and the like; the user terminal can save the mapping relationship between the date and the event (for example, the mapping relationship between January 1 and New Year's Day, 2 The mapping relationship between the 14th and the Valentine's Day, etc.), when the current date of the user terminal (the system time of the user terminal) has a mapping relationship with an event, can be regarded as triggering the event.
  • the specified event may also be an event triggered by a pointer to a specified operation of the user terminal.
  • an APP launch (or close) event triggered by a click operation of an APP icon displayed on a user terminal
  • an interface switching event triggered by a gesture operation of an APP interface displayed on the user terminal, and the like.
  • the user terminal can separately set and save mapping relationships between different events and color values for different events.
  • an event can map one or more color values.
  • a mapping relationship between New Year's Day and a color value indicating red color may be set; for example, for an APP startup event, a mapping relationship between the event and a color value indicating a primary color tone of the launched APP interface may be set.
  • Step 12 Determine, according to the at least one first color value determined by performing step 11, the color value of the interface element included in the interface switching animation part or all of the frame pictures.
  • the interface generally refers to a medium for transferring and exchanging information between a person and a machine (computer), and is a collection of supporting software, hardware, and methods for the user and the system to perform two-way information interaction. That is, the user interface (UI), also known as the Human-Computer Interface (HCI).
  • UI user interface
  • HCI Human-Computer Interface
  • the interface switching may be, for example, switching the interface of the application A displayed on the display screen of the user terminal to the interface of the application B; or may refer to the lock screen shown in FIG. 2 displayed on the display screen of the user terminal.
  • the interface is switched to the operation interface (or main interface) as shown in FIG. 3;
  • the user terminal can display the interface switching process to the user in an animated manner, thereby guiding the user how to switch from one interface to another.
  • an animation indicating an interface switching process displayed when the interface is switched may be referred to as an interface switching animation.
  • each frame picture constituting the interface switching animation may be a graphic (a vector graphic) or an image (a bitmap).
  • determining the color value of the interface element included in the partial or all frame images of the interface switching animation according to the first color value may specifically include: according to the first color value, respectively Part (or all) of the partial (or all) frame images in the animation are switched for assignment.
  • the color value of the interface element included in the interface switching animation part or all the frame pictures is determined according to the first color value, which may include: according to the color corresponding to the first color value, respectively
  • the part (or all) of each part (or all) of the frame picture in the interface switching animation is color-filled.
  • the interface switching animation may be preset and saved in the user terminal, or may be generated by the user terminal by using a method such as graphic drawing.
  • the interface switching animation may include setting a picture of a frame, which may be preset The frame rate, which is the number of frames displayed per second. For each frame of pictures, different interface elements may be included.
  • One of the core ideas of the present application is to fill the color of the interface elements in each frame of the picture included in the interface switching animation using the determined first color value.
  • the number of first color values to be extracted may be set in advance, and a corresponding number of color values may be assigned to each interface element included in each frame of pictures constituting the interface switching animation.
  • the allocation may be a random assignment or may be assigned according to a preset correspondence.
  • an interface element may refer to each content (or a visual object) included in a picture that constitutes the picture, and different interface elements are located at different positions of the picture, or it may be said that multiple interface elements constitute one Frame picture.
  • each frame picture constituting the interface switching animation the position, size, number, and the like of the interface elements may be changed from frame to frame.
  • Each frame uses at least one first color value determined in step 11 to populate the interface element.
  • the same interface element may have the same color in each frame of the picture that constitutes the interface switching animation, but the size and/or position may be different.
  • the number of interface elements in each frame picture constituting the interface switching animation may be the same or different.
  • the same interface element in each frame picture constituting the interface switching animation may be smoothly moved according to the set trajectory or randomly and smoothly moved if the position changes, so-called smooth movement may refer to the same interface element.
  • the position change of the adjacent frame is smaller than the set value.
  • the same interface element in each frame picture constituting the interface switching animation may be changed smoothly if the size changes (such as increasing or decreasing), and the so-called smooth change may refer to the same interface element.
  • the size of the adjacent frame changes less than the set value.
  • the position of the interface element included in the first frame of the interface switching animation may be determined according to the position of the user clicking or sliding the screen (referred to as a touch point), for example, presetting each interface element and touch
  • a touch point the position of the interface element included in the first frame of the interface switching animation
  • the relative positional relationship of the points, after determining the touch point, can calculate the position of each interface element in the first frame.
  • the interface elements in the subsequent frames may be drawn according to a setting rule, and the setting drawing may include: a position change amount of the interface element in the adjacent frame, and/or an interface. The amount of change in the size of an element in an adjacent frame, and so on.
  • the user terminal may generate the interface according to the information about the gesture operation received by the user terminal.
  • the method provided by the embodiment of the present application may include: acquiring related information of a gesture operation; and generating the interface switching animation according to related information of the gesture operation.
  • the operation of the gesture may be performed by the user terminal, and the related information of the gesture operation may include, but is not limited to, the following information:
  • the sliding distance of the gesture operation may refer to a distance from a starting point of the gesture operation on the user terminal operation interface to a termination point on the operation interface; or may also be the starting point and the termination The horizontal or vertical distance between points.
  • the preset coordinates may be, for example, a horizontal coordinate axis included in the screen coordinate system established by the user terminal display screen, and the angle of the gesture operation sliding track relative to the preset coordinate axis may be referred to as a connection.
  • the following example shows how to generate an interface switching animation based on the above information 1 and/or information 2.
  • the information related to the animation effect of the interface element may be determined according to the related information of the gesture operation; and the interface switching animation including the interface element is generated according to the determined information related to the animation effect.
  • the information related to the animation effect of the interface element may include, but is not limited to, the position of the interface element in the image and/or the size of the interface element.
  • the information related to the animation effect of the interface element is determined according to the information 1 (the sliding distance of the gesture operation).
  • the preset mapping relationship between the sliding distance and the interface element size may be determined according to the information (hereinafter referred to as the first mapping). Relationship), determining the size of the interface element mapped by the acquired information 1. Therefore, it is further possible to generate an interface switching animation including an interface element having the size according to the determined interface element size, for example, in a manner of drawing a graphic.
  • the same sliding distance may map the size of the same interface element when appearing in part or all of the pictures of the interface switching animation, or the same sliding distance, or may switch different interface elements in the interface switching.
  • the information related to the animation effect of the interface element is determined.
  • the preset mapping relationship between the angle and the interface element position may be determined according to different angles.
  • the position of the interface element mapped to the information 2 is determined.
  • the interface switching animation including the interface element is generated according to the determined position of the interface element, for example, in the manner of drawing the graphic.
  • the generated interface switching animation includes at least one interface element that satisfies: the position of the interface element in part or all of the picture frames of the interface switching animation is consistent with the determined position of the interface element mapped to the information 2.
  • the same angle may map the positions of the same interface element in part or all of the pictures of the interface switching animation, or the same angle, or may map different interface elements to switch the animation part in the interface. Or the location in all the pictures.
  • the information related to the animation effect of the interface element is determined according to the information 1 (the sliding distance of the gesture operation) and the information 2 (the angle of the gesture operation sliding track relative to the preset coordinate axis).
  • the information may be based on the information. Determining, by the information 2, each position of the at least one interface element in each frame picture according to the information 2, and further determining the size according to the size And each location, generating an interface switching animation including the at least one interface element.
  • the sliding trajectory of the gesture operation may be used as another basis, so that the at least one interface element satisfies each position in the frame images: sliding by gesture operation
  • the position of the trajectory in the screen coordinate system is referenced, and the respective positions are arranged in a dispersed state around the reference.
  • the interface elements in the animation switch can have different positions and different sizes when appearing in different picture frames, so that the user can watch the variable animation effect greatly. Improve the user experience.
  • the first mapping relationship and the second mapping relationship may be a simple one-to-one simple mapping relationship, or may be a complex function relationship, which is not limited by the embodiment of the present application.
  • interface switching animations have various properties related to display effects, such as color attributes, transparency attributes, brightness attributes, and the like.
  • the user terminal assigns the attribute related to the display effect by using the attribute value, so that when the animation is switched on the display interface, the interface switching animation is provided with the display effect corresponding to the attribute value.
  • the color value of the interface element included in the partial or all frame images of the interface switching animation is determined according to the at least one first color value, and may include, but is not limited to, the following two methods:
  • Method 1 assigning the at least one first color value to a color attribute of an interface element included in the interface switching animation part or all frame pictures, or using the at least one first color value as the interface Toggles the fill color of the interface elements included in some or all of the frame images.
  • the at least one first color value may be assigned to an interface element or all interface elements included in the interface switching animation part or all frame pictures.
  • assigning a color value to an interface element may use the color value to fill a picture area corresponding to the interface element.
  • the interface element may be, for example, a display area having a set shape. The size of the interface element and the picture The location, which can be preset, can also be determined in the manner described above.
  • the first color value of the preset quantity (hereinafter referred to as the first quantity) may be determined according to a preset quantity.
  • the number of interface elements (hereinafter referred to as the second number) to be included in the interface switching animation may be the same as or different from the preset number.
  • the interface element to be assigned a color attribute may be an interface element that needs to be filled with a color value.
  • the first quantity of the first color value may be set in a manner of assigning different first color values to color attributes of different interface elements,
  • the color attribute of each interface element is randomly assigned; as an example of the present application, the color value is assigned to the color attribute of the interface element, and the image area corresponding to the interface element may be filled with the color value.
  • the rule When the first quantity is greater than the second quantity, the rule may be selected according to a predetermined color value (may be, but not limited to, randomly selected), and the second quantity of the first color value is selected from the first quantity of the first color values.
  • a predetermined color value may be, but not limited to, randomly selected
  • the same first color value may be assigned to a plurality of interface elements, for example, the same first color value is assigned to an interface element of the same type or in a neighboring area.
  • Mode 2 determining, according to the at least one first color value, a color value (referred to as a second color value) mapped to the at least one first color value; and assigning the phase mapped color value to the The interface switches the color attributes of the interface elements included in some or all of the frame images.
  • a color value referred to as a second color value
  • a preset number of color value sets may be set, and a mapping relationship between each color value set and a different color value range (hereinafter referred to as a first mapping relationship) is established.
  • the color value sets respectively include at least one color value; the color values included in each color value set are equivalent to the second color value.
  • the user terminal may determine, according to the first color value and the different color value range, a range of color values into which the first color value falls; and determine, according to the first mapping relationship, a range of color value ranges in which the first color value falls A collection of color values; assigns a value to the color property of the interface switching animation based on the color values in the determined set of color values.
  • the interface switching animation of the user terminal is often preset by the developer and saved on the user terminal. That is, at present, various attributes related to display effects (eg, color attributes) possessed by the interface switching animation are preset default values.
  • the user terminal may assign a value to the color attribute of the interface switching animation according to the determined first color value, so that the color of the interface switching animation is associated with the first color value. Because the first color value can be flexibly set by the user through the three modes provided in step 11, the user can flexibly set the requirement of switching the animation color according to the preference of the user.
  • the color attribute of the interface element included in the animation part or all the frame pictures may be assigned according to the first color value, or the animation part or all frame pictures may be switched for multiple interfaces.
  • the color attribute of the included interface element is assigned.
  • the number of interface switching animations in which the color attribute is assigned is not limited in the embodiment of the present application.
  • a color attribute assignment may be performed for all interface elements included in the interface switching animation according to the determined one of the first color values; or A color attribute assignment may be performed for a particular interface element included in the interface switching animation based on the determined one of the first color values.
  • the at least two first color values may be respectively assigned to at least two interface switching animation parts or all frame pictures included.
  • the interface element; or the at least two first color values may be respectively assigned to an interface element included in an interface switching animation part or all frame pictures.
  • the interface elements may have different shapes, such as circles, squares, triangles, and the like.
  • step 12 may include: determining an interface switching animation according to a mapping relationship between the at least one first color value and location information of the interface element, and the at least one first color value.
  • the color value of the interface element included in some or all of the frame images.
  • the position of different interface elements included in the animation in the image can be set. And stipulates: a first color value indicating a warm tone, a mapping position of 1, indicating a first color value of a cool color, and a mapping position of 2. Then, after determining the at least one first color value, the color of the interface element included in the partial or all frame images of the interface switching animation may be determined according to the specified mapping relationship and the at least one first color value. value.
  • users can often set different wallpaper images for different interfaces. For example, you can set a lock screen wallpaper for the lock screen interface (that is, a wallpaper image displayed on the lock screen interface), and you can also set a desktop wallpaper for the operation interface (ie, , showing the wallpaper image in the operation interface). Then, when the user terminal displays the lock screen interface and receives an interface switching instruction for instructing switching to the operation interface, the user terminal displays a preset interface switching animation, and after the interface switching animation display is completed, the operation interface is displayed. At the same time, switch the lock screen wallpaper to desktop wallpaper.
  • the interface switching animation is often pre-set by the developer and saved on the user terminal, so when the desktop wallpaper and the lock screen wallpaper are set by the user, the interface switches the animation, the wallpaper desktop and the lock screen.
  • the color of the interface switching animation may not match the color of the wallpaper (for example, The main color of the lock screen wallpaper is warm, and the main color of the interface switching animation is cool, etc., which will bring a poor visual experience to the user.
  • the user terminal may assign a value to the color attribute of the interface switching animation according to the first color value determined according to the interface wallpaper, so that the color of the interface switching animation is associated with the first color value, thereby causing the interface to switch the animation.
  • the color is associated with the color of the interface wallpaper.
  • the user can flexibly set the interface to switch the animation color according to his or her preference, and can also ensure the color coordination of the interface switching animation and the interface wallpaper. Sexuality, bringing a pleasing visual experience to the user.
  • the method implemented by the present application further includes: determining the color value according to the at least one first color value. Any one of the frames included in the interface switching animation is set to the background of the interface displayed after the interface switching animation ends.
  • the last frame picture included in the interface switching animation may be selected and set as the background of the interface displayed after the interface switching animation ends. For example, when the user terminal performs the switching between the lock screen interface and the operation interface, the user terminal may set the last frame picture included in the switching animation as the desktop wallpaper of the operation interface.
  • the at least one frame of the image included in the interface switching animation that is triggered by the user terminal according to the color attribute is set, and the condition of the interface wallpaper is set, for example, the user terminal receives the display instruction of the operation interface; or It may mean that the user terminal determines at least one first color value.
  • the color value of the interface switching animation may be determined according to the determined at least first color value, and the color value is determined according to the at least one first color value.
  • At least one frame of the image included in the interface switching animation is set as the interface wallpaper image.
  • the user terminal when the user terminal performs the switching between the lock screen interface and the operation interface according to the received interface switching instruction, the user terminal may determine at least one first color value according to the lock screen wallpaper set by the user; At least one first color value, assigning a color attribute of the interface switching animation of the lock screen interface and the operation interface, and displaying the interface switching animation after the color attribute is assigned; after the interface switching animation display is completed, the user terminal You can switch the desktop image of the operation interface and display the operation interface according to the last frame image included in the animation.
  • the color of the interface switching animation is associated with the color of the lock screen wallpaper of the lock screen interface, and the desktop wallpaper of the operation interface is set according to a frame image included in the interface switching animation, the lock screen wallpaper, the desktop wallpaper And the interface switching animation, the colors of the three are related to each other (for example, lock screen wallpaper, desktop wall
  • the color of the paper and interface switching animations are all red, etc.
  • the foregoing steps 11 and 12 may be implemented by the following specified modules on the mobile phone, which may specifically include:
  • Lock screen interface basic module the module can be, for example, a lock screen interface base class (KeyguardHostView); a wallpaper processing module, the module can be, for example, a wallpaper processing class (WallpaperScreenElementEx); a bitmap file and a color value saving module, the module can be Bitmap file and color intermediate save class (WallpaperScreenElementHelper); wallpaper color absorption processing module, the module can be, for example, a wallpaper color absorption processing class (ParticleHelper); a color absorption algorithm processing library (Libparticalcolor.so); a dynamic effect generating module, such as It can be a motion display color providing class (WallpaperControlScreenElement); a motion display module, such as a lock screen motion display class (Lockstyle).
  • a lock screen interface base class KeyguardHostView
  • a wallpaper processing module the module can be, for example, a wallpaper processing class (WallpaperScreenElementEx); a bitmap file and a color value saving module, the module can be Bit
  • step 11 and step 12 described above are completed by the above module, as shown in FIG. 4, and specifically include:
  • the lock screen interface base module loads the lock screen wallpaper, and sends the lock screen wallpaper to the wallpaper processing module;
  • the wallpaper processing module converts the received lock screen wallpaper into a bitmap file and sends it to the bitmap file and the color value saving module;
  • the bitmap file and the color value saving module send the received bitmap file to the wallpaper color absorption processing module;
  • the wallpaper color absorption processing module performs color absorption processing on the received bitmap file by calling the color absorption algorithm in the color processing algorithm, and sends the obtained color value back to the bitmap file and the color value saving module.
  • the bitmap file and the color value saving module send the received color value to the motion effect generating module
  • the motion effect generation module sets the color of the interface switching animation according to the received color value
  • the animation display module displays an interface switching animation after the color is set.
  • the setting method of the interface switching animation provided by the embodiment 1 of the present application provides a scheme for setting the interface switching animation color according to the determined at least one color value.
  • execution bodies of the steps of the method provided in Embodiment 1 may all be the same device, or the method may also be performed by different devices.
  • the execution body of step 11 may be the user terminal 1
  • the execution body of step 12 may be the user terminal 2; or the execution subjects of step 11 and step 12 are both the user terminal 1, and so on.
  • the numbers are set for each step in order to describe the steps in a structured manner, and the order of the steps is not limited, that is, the number of each step is set in the embodiment of the present application. Cannot be considered a feature that limits the order in which steps are performed.
  • the embodiment of the present invention provides a method for setting an interface switching animation displayed when a mobile phone lock screen interface and an operation interface are switched, to provide a solution for setting an interface switching animation color.
  • the specific implementation flow chart of the method is shown in FIG. 5, and mainly includes the following steps:
  • Step 21 the mobile phone receives an unlocking instruction
  • the unlocking instruction may be, for example, a click instruction issued by the user for the “unlock button” on the screen of the mobile phone as shown in FIG. 2, or a gesture instruction (eg, sliding).
  • Step 22 The mobile phone performs color sampling on the lock screen wallpaper included in the lock screen interface in response to receiving the unlocking instruction
  • the mobile phone may use a color absorption algorithm to count the number of pixels having different color values in the lock screen wallpaper; and determine the color value corresponding to the largest number of all the counted numbers as the first color value.
  • Step 23 The mobile phone assigns a color attribute of the interface switching animation displayed when the lock screen interface and the operation interface are switched according to the determined first color value;
  • the determined first color values are respectively a yellow corresponding color value, a red corresponding color value, a green corresponding color value, and a blue corresponding color value
  • the image includes four frames, and the three frames are sequentially shown in FIG. 6 to FIG. 9.
  • the mobile phone can assign values to the color attributes of different circular regions in the image according to the above four color values.
  • Step 24 The mobile phone displays an interface switching animation after the color value attribute is assigned
  • Step 25 After the interface switching animation display is completed, the mobile phone displays the last frame image as shown in FIG. 9 included in the interface switching animation whose color attribute is assigned, and displays it as a desktop wallpaper of the operation interface.
  • the operation interface of the last frame picture as a desktop wallpaper is shown in FIG. 3.
  • the setting method of the interface switching animation provided by the embodiment 2 of the present application provides a solution for setting the interface switching animation color according to the determined at least one color value.
  • the embodiment of the present application provides a device for setting an interface switching animation, which is used to provide a solution for setting an interface switching animation color.
  • a schematic structural diagram of the device is shown in FIG. 10, and includes: a color value determining unit 31. And a color attribute assignment unit 32.
  • the color value determining unit 31 is configured to determine at least one color value
  • the color attribute assignment unit 32 is configured to determine, according to the at least one color value, a color value of an interface element included in the interface switching animation part or all of the frame pictures.
  • the color value determining unit 31 is configured to: determine at least one color value according to the specified image; or display a color value including at least two colors An interface, and determining at least one color value according to a user selection of a color included in the color value interface; or determining at least one color value according to a mapping relationship between the specified event and the color value.
  • the color attribute assignment unit 32 is further configured to: perform a predetermined operation on at least one frame of the image included in the interface switching animation after the color value is determined.
  • the color attribute assignment unit 32 is configured to set the last frame picture included in the interface switching animation after the color value is determined as the background of the interface displayed after the interface switching animation ends.
  • the background of the interface displayed after the interface switching animation ends includes: a desktop wallpaper.
  • the interface switching animation generating unit is configured to: acquire related information of the gesture operation; and generate the interface switching animation according to related information of the gesture operation.
  • the related information of the gesture operation includes at least one of the following: a sliding distance of the gesture operation; and an angle of the gesture operation sliding track relative to the preset coordinate axis.
  • the interface switching animation generating unit is configured to: determine information related to the animation effect of the interface element according to the related information of the gesture operation; and information related to the animation effect of the interface element, including the interface element The size of the location and/or interface element in the image; the interface switching animation including the interface element is generated based on the determined information related to the animation effect.
  • the color attribute assignment unit 32 is configured to: determine part or all of the interface switching animation according to the mapping relationship between the at least one color value and the location information of the interface element, and the at least one color value. The color value of the interface element included in the frame image.
  • the color attribute assignment unit is configured to: assign the at least one color value to the color attribute of the interface element included in the partial or all frame images of the interface switching animation according to the mapping relationship; or Determining, according to the at least one color value, a color value mapped to the at least one color value; and assigning the phase mapped color value to the interface switching animation portion or all frame images according to the mapping relationship The color properties of the interface elements.
  • the apparatus for setting an interface switching animation provided by Embodiment 3 of the present application is capable of being determined according to at least one Color values, which provide a way to set the interface switching animation color.
  • the embodiment of the present application provides a device for setting an interface switching animation, which is used to provide a solution for setting an interface switching animation color.
  • the device can be, for example, a smartphone or a computer.
  • the setting device of the interface switching animation may include a processor, a memory, and the like.
  • a memory for storing program instructions
  • a processor coupled to the memory for reading program instructions stored by the memory, and in response, performing an operation of: determining at least one color value; The color value determines the color value of the interface element included in the interface switching animation part or all of the frame picture.
  • the processor is configured to: determine at least one color value according to the specified image; or display a color value interface including at least two colors, and Determining at least one color value according to a user selection of a color included in the color value interface; or determining at least one color value according to a mapping relationship between the specified event and the color value.
  • the processor is further configured to perform a predetermined operation on the at least one frame image included in the interface switching animation after the color value is determined.
  • the processor is configured to set a last frame image included in the interface switching animation after the color value is determined as a background of an interface displayed after the interface switching animation ends.
  • the background of the interface displayed after the interface switching animation ends includes: a desktop wallpaper.
  • the processor is configured to acquire related information of the gesture operation; and generate the interface switching animation according to the related information of the gesture operation.
  • the related information of the gesture operation includes at least one of the following: a sliding distance of the gesture operation; and an angle of the gesture operation sliding track relative to the preset coordinate axis.
  • the processor is configured to determine information related to the animation effect of the interface element according to the related information of the gesture operation; information related to the animation effect of the interface element, including the position of the interface element in the image and And/or the size of the interface element; generating the interface switching animation including the interface element according to the determined information related to the animation effect.
  • the processor is configured to determine, according to the mapping relationship between the at least one color value and the location information of the interface element, and the at least one color value, the interface switching animation part or all of the frame pictures included The color value of the interface element.
  • the processor is configured to assign, according to the mapping relationship, the at least one color value to a color attribute of an interface element included in the interface switching animation part or all frame pictures; or Determining at least one color value, determining a color value mapped to the at least one color value; and assigning, according to the mapping relationship, the color value of the phase mapping to an interface element included in an interface switching animation part or all frame images Color attribute.
  • the setting device for switching the animation by using the interface provided in Embodiment 4 of the present application provides a scheme for setting the interface switching animation color according to the determined at least one color value.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory (ROM), electrically erasable programmable read only memory (EEPROM), flash memory, or other Memory technology, CD-ROM, digital versatile disc (DVD) or other optical storage, magnetic cassette, magnetic tape storage or other magnetic storage device or any other non-transportable medium, available for Stores information that can be accessed by the computing device.
  • PRAM phase change memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • RAM random access memory
  • ROM read only memory
  • EEPROM electrically erasable programmable read only memory
  • flash memory or other Memory technology
  • CD-ROM digital versatile
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

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)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请公开了一种界面切换动画的设置方法，用以提供一种对界面切换动画颜色进行设置的方案。方法包括：确定至少一个颜色值；根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。本申请还公开了一种界面切换动画的设置装置。

Description

一种界面切换动画的设置方法及装置
本申请要求2015年12月09日递交的申请号为201510908550.8、发明名称为“一种界面切换动画的设置方法及装置”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术领域，尤其涉及一种界面切换动画的设置方法及装置。
背景技术
目前，终端在界面切换过程中，可能会为用户播放界面切换动画。一般地，该界面切换动画往往是终端默认设置的，因而该界面切换动画的颜色也为默认的颜色。
在实际应用中，如何灵活的对界面切换动画的颜色进行设置，现有技术还没有提供满足该需求的解决方案。
发明内容
本申请实施例提供一种界面切换动画的设置方法，用以提供一种对界面切换动画颜色进行设置的方案。
本申请实施例还提供一种界面切换动画的设置装置，用以提供一种对界面切换动画颜色进行设置的方案。
本申请实施例采用下述技术方案：
一种界面切换动画的设置方法，包括：
确定至少一个颜色值；
根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
一种界面切换动画的设置装置，包括：
颜色值确定单元，用于确定至少一个颜色值；
颜色值确定单元，用于根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
一种界面切换动画的设置装置，包括：
存储器，用于存储程序指令；
处理器，耦合到所述存储器，用于读取所述存储器存储的程序指令，并作为响应，执行如下操作：确定至少一个颜色值；根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：
由于可以根据确定的至少一个颜色值，从而提供了一种对界面切换动画颜色进行设置的方案。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1为本申请实施例提供的一种界面切换动画的设置方法的具体流程示意图；
图2为本申请实施例提供的一种锁屏界面的效果图；
图3为本申请实施例提供的一种操作界面的效果图；
图4为本申请实施例提供的一种界面切换动画的设置方法的具体流程示意图；
图5为本申请实施例提供的手机锁屏界面与操作界面进行切换时展示的界面切换动画的设置方法的具体流程示意图；
图6为本申请实施例提供的界面切换动画中包含的一帧图片的效果图；
图7为本申请实施例提供的界面切换动画中包含的一帧图片的效果图；
图8为本申请实施例提供的界面切换动画中包含的一帧图片的效果图；
图9为本申请实施例提供的根据界面切换动画的设置方法，设置的桌面壁纸的效果图；
图10为本申请实施例提供的一种界面切换动画的设置装置的具体结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
以下结合附图，详细说明本申请各实施例提供的技术方案。
实施例1
本申请实施例提供一种界面切换动画的设置方法，用以提供一种对界面切换动画颜色进行设置的方案。
本申请实施例提供的界面切换动画的设置方法的执行主体，可以但不限于为手机、平板电脑、个人电脑(Personal Computer，PC)以及智能电视等终端设备中的至少一种。此外，该方法的执行主体，也可以是终端上安装的应用程序(Application，APP)本身。
为便于描述，下文以该方法的执行主体为用户终端为例，对该方法的实施方式进行介绍。可以理解，该方法的执行主体为用户终端只是一种示例性的说明，并不应理解为对该方法的限定。
具体地，本申请实施例提供的界面切换动画的设置方法的具体实现流程如图1所示，主要包括下述步骤：
步骤11，确定至少一个颜色值(后文称第一颜色值)；
其中，所述第一颜色值，比如可以是指软件中用于表示颜色的六位十六进制数值，六位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。不同的颜色可以由红色、绿色、蓝色三种基本颜色叠加形成，则不同颜色的第一颜色值可以由表明红色、绿色、蓝色各成分强度的三个数值表示。
本申请实施例提供的确定至少一个第一颜色值的具体实现方式，可以包括但不仅限于下述三种：
方式1：根据指定图像，确定至少一个第一颜色值；
所述指定图像，可以是根据默认规则确定的，也可以是根据用户设置的自定义规则确定的。
按照默认规则或者自定义规则，用户终端比如可以响应于接收到的图像选取指令而确定某个图像作为所述指定图像；或者，可以将用户终端当前使用的壁纸作为所述指定图像；等等。
所述指定图像一般为位图。所述指定图像的各个像素具备颜色值，像素具备的颜色值也可称像素颜色值。
具体而言，用户终端可以通过不同的吸色算法，从所述指定图像的像素颜色值中，确定至少一个第一颜色值。
例如，用户终端可以通过设定算法(根据该算法实现的功能，可以将该算法称为吸色算法)提取图像中的颜色值。具体地，根据要提取的颜色值的数量不同，可以采用不 同原理的吸色算法。例如：
可以通过吸色算法，将所述指定图像的某个像素颜色值，确定为第一颜色值，或者将所述指定图像的多个像素颜色值，确定为多个第一颜色值；或者，
用户终端也可以通过吸色算法，计算所述指定图像的所有像素颜色值的均值，并将该均值确定为第一颜色值，该种方式一般比较适用于提取一个第一颜色值的情况；或者，
用户终端还可以通过吸色算法，统计所述指定图像中具备不同颜色值的像素的数量，并根据统计结果确定第一颜色值，例如，如果需要提取一个第一颜色值，则可以将统计出的所有数量中的最大数量所对应的颜色值，作为第一颜色值，如果需要提取多个第一颜色值，则可以将统计出的所有数量中，按照从大到小排序，排序靠前的相应数量所对应的颜色值，作为需要提取的多个第一颜色值；或者，
用户终端还可以通过吸色算法，确定用于表示所述指定图像的主色调的像素颜色值，并将该像素颜色值确定为第一颜色值，该种方式一般比较适用于提取一个第一颜色值的情况，如果需要提取多个颜色值，则可以确定出多个色调；等等。
其中，上述“主色调”表示色彩外观的基本倾向。具体而言，一幅图像虽然用了多种颜色，但图像在色彩总体上是有一种倾向的，比如是偏蓝或偏红，是偏暖或偏冷等等，色彩外观的基本倾向就是一幅图像的主色调。通常，主色调从冷暖方面进行划分，可以有“暖色调”、“冷色调”和“中间色调”。一般地，红色、橙色、黄色为表示暖色调；绿色、蓝色、黑色表示冷色调；而灰色、紫色、白色则表示中间色调。冷色调的亮度越高，其整体感觉越偏暖，暖色调的亮度越高，其整体感觉越偏冷。
方式2：显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包含的颜色的选择，确定至少一个第一颜色值；
用户终端可以显示包括至少两种颜色的颜色值界面供用户选择，并响应于接收到的至少一个颜色选取指令，而将所述颜色对应的颜色值确定为第一颜色值；所述颜色选取指令，比如可以是针对颜色值界面中某颜色对应的区域的点击指令或者手势指令。
方式3：根据指定事件与颜色值的映射关系，确定至少一个第一颜色值。
所述指定事件，比如可以是指与时间相关的事件。例如，用户终端默认保存的节日，以及用户终端根据用户设置保存的生日以及纪念日，等事件；用户终端可以保存日期与上述事件的映射关系(如，1月1日与元旦的映射关系，2月14日与情人节的映射关系，等等)，则当用户终端的当前日期(用户终端的系统时间)存在与某事件的映射关系时，可以视为触发该事件。
所述指定事件，还可以是指针对用户终端的指定操作而触发的事件。例如，通过对用户终端展示的APP图标的点击操作，而触发的APP启动(或关闭)事件，通过对用户终端展示的APP界面的手势操作，而触发的界面切换事件，等等。
用户终端可以针对不同的事件，分别设置并保存不同的事件与颜色值的映射关系。其中，一个事件可以映射一个或多个颜色值。
比如，针对元旦，可以设置元旦与表示红色的颜色值的映射关系；还比如，针对APP启动事件，可以设置该事件与表示被启动的APP界面主色调的颜色值的映射关系。
步骤12，根据通过执行步骤11确定的至少一个第一颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
本申请实施例中，界面一般是指人与机器(计算机)之间传递和交换信息的媒介，是用户和系统进行双向信息交互的支持软件、硬件以及方法的集合。即用户界面(User Interface，UI)，也称人机界面(Human-Computer Interface，简称HCI)。
所述界面切换，比如可以是指将用户终端的显示屏幕上展示的应用A的界面切换为应用B的界面；或者可以是指将的用户终端的显示屏幕上展示的如图2所示锁屏界面切换为如图3所示的操作界面(或称为主界面)；等等。
在进行界面切换时，如果很突然地直接从一个界面切换到另一个界面，由于切换效果比较生硬，往往可能会给用户带来不好的使用体验。因此，为避免该问题，在进行界面切换时，用户终端可以将界面切换过程以动画的形式向用户展示，从而可以引导用户如何从一个界面切换到另一个界面。一般地，可以将在进行界面切换时展示的、表示界面切换过程的动画，称为界面切换动画。
需要说明的是，组成界面切换动画的各帧图片，可以是图形(矢量图)，也可以是图像(位图)。则，针对界面切换动画的各帧图片为图像的情况，根据第一颜色值确定界面切换动画部分或全部帧图片包括的界面元素的颜色值，具体可以包括：根据第一颜色值，分别为界面切换动画中的部分(或全部)帧图像的部分(或者全部)像素进行赋值。针对界面切换动画的各帧图片为图形的情况，根据第一颜色值确定界面切换动画部分或全部帧图片包括的界面元素的颜色值，具体可以包括：根据第一颜色值对应的颜色，分别为界面切换动画中的各部分(或全部)帧图片的部分(或全部)区域进行颜色填充。
本申请实施例中，界面切换动画，可以是预先设置好并保存在用户终端中的，也可以是由用户终端采用诸如图形绘制等方法生成的。
作为本申请的一个例子，界面切换动画，可以包括设定帧的图片，具体可以预先设 定帧率，即每秒显示的帧数。对于每一帧图片，可以包括不同的界面元素，本申请的核心思想之一在于，使用确定出的第一颜色值，对界面切换动画包括的每一帧图片中的界面元素的颜色进行填充。
作为本申请的一个例子，可以预先设定要提取的第一颜色值的数量，并将相应数量的颜色值，分配给组成界面切换动画的每一帧图片包括的各界面元素。该分配可以是随机分配，也可以是根据预先设定的对应关系分配。
作为本申请的一个例子，界面元素可以指图片中包括的组成该图片的各个内容(或称为可视对象)，不同界面元素位于图片的不同位置，或者可以说，多个界面元素组成了一帧图片。
作为本申请的一个例子，组成界面切换动画的各帧图片中，界面元素的位置、大小、数量等，可以是逐帧变化的。每一帧使用步骤11确定出的至少一个第一颜色值来填充界面元素。
作为本申请的一个例子，同一界面元素在组成界面切换动画的各帧图片中的颜色可以相同，但大小和/或位置可以不同。
作为本申请的一个例子，组成界面切换动画的各帧图片中的界面元素的数量，可以相同，也可以不同。
作为本申请的一个例子，组成界面切换动画的各帧图片中的同一界面元素，如果位置发生变化，则可以按照设定轨迹平滑移动，或随机平滑移动，所谓平滑移动，可以是指同一界面元素在相邻帧的位置变化小于设定值。
作为本申请的一个例子，组成界面切换动画的各帧图片中的同一界面元素，如果大小发生变化(如增大或减小)，则可以平滑变化，所谓平滑变化，可以是指同一界面元素在相邻帧的大小变化小于设定值。
作为本申请的一个例子，界面切换动画第一帧包括的界面元素的位置，可以根据用户点击或滑动屏幕的位置(称为触控点)而定，例如，预先设定各界面元素与触控点的相对位置关系，则在确定触控点后，可以计算出第一帧中，各界面元素的位置。
作为本申请的一个例子，在生成第一帧后，后续各帧中界面元素可以根据设定规则绘制，该设定绘制可以包括：界面元素在相邻帧的位置变化量，和/或，界面元素在相邻帧的大小变化量，等。
为了可以通过界面切换动画，达到向用户展示界面切换的过程的目的，用户终端在生成界面切换动画时，可以根据用户终端接收到的手势操作的相关信息生成所述界面切 换动画，在一种实施方式中，本申请实施例提供的方法具体可以包括：获取手势操作的相关信息；根据手势操作的相关信息，生成所述界面切换动画。
其中，所述手势操作，可以是指用户终端接收到的可以触发界面切换指令的操作，所述手势操作的相关信息，可以包括但不仅限于下述信息：
信息1：手势操作的滑动距离。
所述手势操作的滑动距离，可以是指从所述手势操作在用户终端操作界面上的起始点至所述操作界面上的终止点之间的距离；或者也还可以是所述起始点与终止点之间的水平距离或垂直距离。
信息2：手势操作滑动轨迹相对于预设坐标轴的角度。
其中，所述预设坐标，比如可以是指基于用户终端显示屏幕建立的屏幕坐标系所包含的水平坐标轴，则所述手势操作滑动轨迹相对于预设坐标轴的角度，可以是指连接所述手势操作滑动轨迹的起始点与终止点的直线与用户终端展示界面的水平坐标轴之间的夹角的角度。
以下举例介绍如何根据上述信息1和/或信息2，生成界面切换动画。
比如，可以根据手势操作的相关信息，确定界面元素的与动画效果相关的信息；根据确定的所述与动画效果相关的信息，生成包含所述界面元素的界面切换动画。其中，界面元素的与动画效果相关的信息，比如可以包括但不限于界面元素在图片中位置和/或界面元素的大小。
以根据信息1(手势操作的滑动距离)确定界面元素的与动画效果相关的信息为例，本申请实施例中，可以根据不同滑动距离与界面元素尺寸的预设映射关系(后称第一映射关系)，确定获取到的信息1所映射的界面元素尺寸。从而可以进一步地，根据确定的界面元素尺寸，比如按照绘制图形的方式，生成包含具备该尺寸的界面元素的界面切换动画。一般地，滑动距离越大，其映射的界面元素尺寸可以越大，从而可以使用户能从界面切换动画中包含的界面元素的尺寸上，可以直观地感受到自己的手势操作对于界面切换动画的控制，从而提升用户体验。一般地，所述第一映射关系中，同一滑动距离，可以映射同一界面元素在界面切换动画的部分或全部图片中出现时的尺寸，或者，同一滑动距离，也可以映射不同界面元素在界面切换动画的部分或全部图片中出现时的尺寸。
以根据信息2(手势操作滑动轨迹相对于预设坐标轴的角度)确定界面元素的与动画效果相关的信息为例，本申请实施例中，可以根据不同角度与界面元素位置的预设映射关系(后称第二映射关系)，确定与信息2相映射的界面元素位置。从而可以进一步 地，根据确定的界面元素位置，比如按照绘制图形的方式，生成包含界面元素的界面切换动画。其中，生成的界面切换动画包含的至少一个界面元素满足：该界面元素在界面切换动画的部分或全部图片帧中的位置与确定出的、与信息2相映射的界面元素位置一致。一般地，所述第二映射关系中，同一角度，可以映射同一界面元素在界面切换动画的部分或全部图片中的各位置，或者，同一角度，也可以映射不同界面元素在界面切换动画的部分或全部图片中的位置。
以根据信息1(手势操作的滑动距离)和信息2(手势操作滑动轨迹相对于预设坐标轴的角度)确定界面元素的与动画效果相关的信息为例，本申请实施例中，可以根据信息1确定至少一个界面元素在待生成的界面切换动画的各帧图片中的各尺寸，根据信息2确定所述至少一个界面元素在所述各帧图片中的各位置，进而可以根据所述各尺寸和各位置，生成包含所述至少一个界面元素的界面切换动画。其中，根据信息2确定所述各位置时，可以以手势操作的滑动轨迹，作为另一个依据，从而使得所述至少一个界面元素在所述各帧图片中的各位置满足：以手势操作的滑动轨迹在屏幕坐标系中的位置为基准，所述各位置在该基准周围呈分散的状态排列。根据上述信息1和信息2生成的界面切换动画中的界面元素，当其出现在不同图片帧中时，可以有不同的位置和不同尺寸，从而使得用户能够观看到变幻多端的动画效果，极大地提升了用户的体验。
本申请实施例中，上述第一映射关系和第二映射关系，可以是简单的一对一的简单映射关系，也可以是复杂的函数关系，本申请实施例对此不进行限定。
一般地，界面切换动画具备各种与显示效果有关的属性，比如颜色属性、透明度属性、亮度属性，等等。用户终端通过利用属性值对所述与显示效果有关的属性进行赋值，可以实现在显示界面切换动画时，使得界面切换动画具备所述属性值对应的显示效果。
本申请实施例中，根据至少一个第一颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值，比如可以包括但不限于下述两种方式：
方式1：将所述至少一个第一颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性，或者说，将所述至少一个第一颜色值，作为所述界面切换动画部分或全部帧图片包括的界面元素的填充色。
比如，可以将所述至少一个第一颜色值，赋值给界面切换动画部分或全部帧图片包括的某个界面元素或全部界面元素。作为本申请的一个例子，将颜色值赋值给界面元素，可以是使用该颜色值来填充该界面元素所对应的图片区域。作为本申请的一个例子，所述界面元素，比如可以是具备设定形状的显示区域。所述界面元素的尺寸和在图片中的 位置，可以是预设的，也可以按照前文所述的方式来确定。
本申请实施中，可以按照预设数量，确定所述预设数量(后称第一数量)的第一颜色值。所述界面切换动画中包含的、待进行颜色属性赋值的界面元素的数量(后称第二数量)，可以与该预设数量相同，也可以不同。其中，待进行颜色属性赋值的界面元素，可以是需要填充颜色值的界面元素。
具体而言，当所述第一数量等于所述第二数量时，可以按照将不同的第一颜色值赋给不同界面元素的颜色属性的方式，将所述第一数量的第一颜色值，随机赋给各界面元素的颜色属性；作为本申请的一个例子，将颜色值赋值给界面元素的颜色属性，可以是使用该颜色值填充该界面元素所对应的图片区域。
当所述第一数量大于第二数量时，可以按照预定的颜色值选取规则(可以但不限于随机选取)，从第一数量的第一颜色值中，选取第二数量的第一颜色值，赋给各界面元素的颜色属性；
当所述第一数量小于第二数量时，可以将同一第一颜色值赋给多个界面元素，例如，将同一第一颜色值赋给相同类型或处于邻近区域的界面元素。
方式2：根据所述至少一个第一颜色值，确定与所述至少一个第一颜色值相映射的颜色值(称第二颜色值)；并将所述相映射的颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
针对后一种实现方式，在实际应用中，可以设置预设数量的颜色值集合，并建立起各颜色值集合与不同颜色值范围的映射关系(后称第一映射关系)。其中，各颜色值集合分别包含至少一个颜色值；各颜色值集合中包含的颜色值，均相当于上述第二颜色值。
则用户终端可以根据第一颜色值以及所述不同颜色值范围，确定第一颜色值所落入的颜色值范围；根据第一映射关系，确定第一颜色值所落入的颜色值范围映射的颜色值集合；根据确定的颜色值集合中的颜色值，为界面切换动画的颜色属性赋值。
在现有技术中，用户终端的界面切换动画往往是由开发人员预先设置完成，并保存在用户终端上的。即，目前，界面切换动画具备的各种与显示效果有关的属性(如，颜色属性)，均为预先设置的默认值。
本申请实施例中，用户终端可以根据确定的第一颜色值，为界面切换动画的颜色属性赋值，从而使得界面切换动画的颜色与第一颜色值产生关联。因为第一颜色值可以通过步骤11提供的三种方式，由用户灵活设置，从而可以满足用户根据自身喜好而灵活设置界面切换动画颜色的需求。
需要说明的是，本申请实施例中，可以根据第一颜色值，为一个界面切换动画部分或全部帧图片包括的界面元素的颜色属性赋值，也可以为多个界面切换动画部分或全部帧图片包括的界面元素的颜色属性赋值，本申请实施例对颜色属性被赋值的界面切换动画的数量不进行限定。
在一种实施方式中，当通过执行步骤11，仅确定一个第一颜色值时，可以根据所述确定的一个第一颜色值，为界面切换动画包括的所有界面元素进行颜色属性赋值；或者，可以根据所述确定的一个第一颜色值，为界面切换动画包括的特定界面元素进行颜色属性赋值。
还需要说明的是，当通过执行步骤11确定出至少两个第一颜色值时，可以将所述至少两个第一颜色值，分别赋值给至少两个界面切换动画部分或全部帧图片包括的界面元素；或者也可以将所述至少两个第一颜色值，分别赋值给一个界面切换动画部分或全部帧图片包括的界面元素。
作为本申请的一个例子，所述界面元素可以具备不同形状，比如，圆形、正方形、三角形等。
在一种实施方式中，步骤12的实现方式可以包括：根据所述至少一个第一颜色值与所述界面元素的位置信息的映射关系，以及所述至少一个第一颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
比如，在预先设置了界面切换动画的前提下，可以设置该动画中包含的不同界面元素在图片中的位置。并规定：表示暖色调的第一颜色值，映射位置1，表示冷色调的第一颜色值，映射位置2。那么，后续在确定了所述至少一个第一颜色值后，就可以根据规定的该映射关系，和所述至少一个第一颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
目前，用户往往可以分别为不同的界面设置不同的壁纸图片，比如，可以为锁屏界面设置锁屏壁纸(即，展示在锁屏界面的壁纸图片)，还可以为操作界面设置桌面壁纸(即，展示在操作界面的壁纸图片)。则当用户终端显示锁屏界面，并接收到用于指示切换至操作界面的界面切换指令时，用户终端将展示预先设置的界面切换动画，并在所述界面切换动画展示完成后，显示操作界面，同时将锁屏壁纸切换为桌面壁纸。
由于在现有技术中，界面切换动画往往是由开发人员预先设置完成，并保存在用户终端上的，因此当桌面壁纸与锁屏壁纸由用户自行设置时，界面切换动画、壁纸桌面与锁屏壁纸之间并无关联，从而可能会出现界面切换动画的颜色与壁纸颜色不协调(比如， 锁屏壁纸的主色调为暖色调，而界面切换动画的主色调为冷色调，等等)的情况，这会为用户带来较差的视觉体验。
在一种实施方式中，用户终端可以根据根据界面壁纸确定的第一颜色值，为界面切换动画的颜色属性赋值，从而使得界面切换动画的颜色与第一颜色值产生关联，进而使得界面切换动画的颜色与所述界面壁纸的颜色产生关联。
通过使界面切换动画的颜色与所述界面壁纸的颜色产生关联，可以满足用户根据自身喜好而灵活设置界面切换动画颜色的需求，同时还可以保证界面切换动画与所述界面壁纸在颜色上的协调性，为用户带来赏心悦目的视觉体验。
需要说明的是，为了可以使界面切换动画的颜色与界面壁纸的颜色产生关联，在一种实施方式中，本申请实施的方法还包括：将颜色值根据所述至少一个第一颜色值进行确定后的所述界面切换动画所包含的任意一帧图片，设置为界面切换动画结束后显示的界面的背景。作为本申请的一个例子，为了达到平滑切换的效果，可以选择界面切换动画所包含的最后一帧图片，设置为界面切换动画结束后显示的界面的背景。例如，在用户终端进行锁屏界面与操作界面的切换时，用户终端可以将切换动画所包含的最后一帧图片，设置为操作界面的桌面壁纸。
需要说明的是，触发用户终端根据颜色属性被赋值后的所述界面切换动画所包含的至少一帧图片，设置界面壁纸的条件，比如可以是指用户终端接收到操作界面的显示指令；或者也可以是指用户终端确定出至少一个第一颜色值。例如，当用户终端确定出至少一个第一颜色值后，可以根据确定的至少第一颜色值，确定界面切换动画的颜色值，并将颜色值根据至少一个第一颜色值进行确定后的所述界面切换动画所包含的至少一帧图片，设置为界面壁纸图片。
在一种实施方式中，当用户终端根据接收到的界面切换指令，进行锁屏界面与操作界面的切换时，用户终端可以根据用户设置的锁屏壁纸，确定至少一个第一颜色值；根据确定的至少一个第一颜色值，为锁屏界面与操作界面的界面切换动画的颜色属性赋值，并展示颜色属性被赋值后的所述界面切换动画；在所述界面切换动画展示完成后，用户终端可以根据界面切换动画中所包含的最后一帧图片，设置操作界面的桌面壁纸，并展示操作界面。
通过上述操作，由于界面切换动画的颜色与锁屏界面的锁屏壁纸的颜色具有关联，且操作界面的桌面壁纸是根据界面切换动画所包含的一帧图片设置的，因而锁屏壁纸、桌面壁纸以及界面切换动画，这三者的颜色之间具有相互关联(如，锁屏壁纸、桌面壁 纸以及界面切换动画的颜色均为红色，等等)，从而可以保证界面切换动画分别与进行界面切换前后的两张界面壁纸的图片在颜色上均具有协调性，进而在界面切换过程中，为用户带来较好的视觉体验。
需要说明的是，当用户终端为手机，界面切换过程为从手机锁屏界面切换到手机操作界面时，上述步骤11以及步骤12可以由手机上的以下指定模块来实现，具体可以包括：
锁屏界面基础模块，该模块比如可以是锁屏界面基础类(KeyguardHostView)；壁纸处理模块，该模块比如可以是壁纸处理类(WallpaperScreenElementEx)；位图文件及颜色值保存模块，该模块比如可以是位图文件和颜色中间保存类(WallpaperScreenElementHelper)；壁纸吸色处理模块，该模块比如可以是壁纸吸色处理类(ParticleHelper)；吸色算法处理库(Libparticalcolor.so)；动效生成模块该模块比如可以是动效展示颜色提供类(WallpaperControlScreenElement)；动效展示模块，该模块比如可以是锁屏动效展示类(Lockstyle)。
则，通过上述模块完成前文所述的步骤11以及步骤12的具体实现流程图如图4所示，具体包括：
锁屏界面基础模块加载锁屏壁纸，并将所述锁屏壁纸发送至壁纸处理模块；
壁纸处理模块将接收到的锁屏壁纸转换成位图文件，并发送至位图文件及颜色值保存模块；
位图文件及颜色值保存模块将接收到的位图文件发送至壁纸吸色处理模块；
壁纸吸色处理模块通过调用吸色算法处理库中的吸色算法，对接收到的位图文件进行吸色处理，并将得到的颜色值发回位图文件及颜色值保存模块。
位图文件及颜色值保存模块将接收到的颜色值发送至动效生成模块；
动效生成模块根据接收到的颜色值，设置界面切换动画的颜色；
动效展示模块在手机进行界面切换时，展示颜色被设置后的界面切换动画。
采用本申请实施例1提供的界面切换动画的设置方法，由于可以根据确定的至少一个颜色值，从而提供了一种对界面切换动画颜色进行设置的方案。
需要说明的是，实施例1所提供方法的各步骤的执行主体均可以是同一设备，或者，该方法也由不同设备作为执行主体。比如，步骤11的执行主体可以为用户终端1，步骤12的执行主体可以为用户终端2；或者步骤11与步骤12的执行主体均为用户终端1，等等。
还需要说明的是，本申请实施例中为各步骤设置编号，是为了有条理地描述各步骤，并不是对步骤的执行顺序进行限制，即，本申请实施例中为各步骤设置的编号并不能视为限制步骤执行顺序的特征。
实施例2
本申请实施例提供一种手机锁屏界面与操作界面进行切换时展示的界面切换动画的设置方法，用以提供一种对界面切换动画颜色进行设置的方案。该方法的具体实现流程图如图5所示，主要包括下述步骤：
步骤21，手机接收到解锁指令；
其中，所述解锁指令，比如可以是指用户针对手机屏幕上展示的如图2锁屏界面上的“解锁按钮”发出的点击指令，或者手势指令(如，滑动)等。
步骤22，手机响应于接收到解锁指令，对锁屏界面所包含的锁屏壁纸进行颜色采样；
比如，手机可以采用吸色算法，统计所述锁屏壁纸中具备不同颜色值的像素的数量；并将统计出的所有数量中的最大数量所对应的颜色值，确定为第一颜色值。
步骤23，手机根据确定的第一颜色值，为锁屏界面与操作界面进行切换时展示的界面切换动画的颜色属性赋值；
例如，假设通过执行步骤22，确定的第一颜色值分别为黄色对应的颜色值、红色对应的颜色值、绿色对应的颜色值以及蓝色对应的颜色值，并且，示例性地假设界面切换动画包含四帧图片，且所述三帧图片依次如图6～图9所示，则手机可以根据上述四种颜色值分别为图片中的不同圆形区域的颜色属性进行赋值。
步骤24，手机展示颜色值属性被赋值后的界面切换动画；
步骤25，手机在所述界面切换动画展示完成后，将颜色属性被赋值后的界面切换动画所包含的如图9所示最后一帧图片，作为操作界面的桌面壁纸进行显示。以所述最后一帧图片作为桌面壁纸的操作界面如图3所示。
采用本申请实施例2提供的界面切换动画的设置方法，由于可以根据确定的至少一个颜色值，从而提供了一种对界面切换动画颜色进行设置的方案。
实施例3
本申请实施例提供一种界面切换动画的设置装置，用以提供一种对界面切换动画颜色进行设置的方案。该装置的具体结构示意图如图10所示，包括：颜色值确定单元31 以及颜色属性赋值单元32。
其中，颜色值确定单元31，用于确定至少一个颜色值；
颜色属性赋值单元32，用于根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
为了可以使用户根据需要灵活的确定第一颜色值，在一种实施方式中，颜色值确定单元31，用于：根据指定图像，确定至少一个颜色值；或者显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包含的颜色的选择，确定至少一个颜色值；或者根据指定事件与颜色值的映射关系，确定至少一个颜色值。
在一种实施方式中，颜色属性赋值单元32，还用于：对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
在一种实施方式中，颜色属性赋值单元32，用于：将颜色值被确定后的所述界面切换动画所包含的最后一帧图片，设置为界面切换动画结束后显示的界面的背景。
在一种实施方式中，界面切换动画结束后显示的界面的背景包括：桌面壁纸。
在一种实施方式中，界面切换动画生成单元，用于：获取手势操作的相关信息；根据手势操作的相关信息，生成所述界面切换动画。
在一种实施方式中，所述手势操作的相关信息，包括下述信息中的至少一个：手势操作的滑动距离；手势操作滑动轨迹相对于预设坐标轴的角度。
在一种实施方式中，界面切换动画生成单元，用于：根据所述手势操作的相关信息，确定界面元素的与动画效果相关的信息；界面元素的与动画效果相关的信息，包括界面元素在图片中位置和/或界面元素的大小；根据确定的所述与动画效果相关的信息，生成包含所述界面元素的所述界面切换动画。
在一种实施方式中，颜色属性赋值单元32，用于：根据所述至少一个颜色值与所述界面元素的位置信息的映射关系，以及所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
在一种实施方式中，颜色属性赋值单元，用于：根据所述映射关系，将所述至少一个颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性；或，根据所述至少一个颜色值，确定与所述至少一个颜色值相映射的颜色值；并根据所述映射关系，将所述相映射的颜色值，赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
采用本申请实施例3提供的界面切换动画的设置装置，由于可以根据确定的至少一 个颜色值，从而提供了一种对界面切换动画颜色进行设置的方案。
实施例4
本申请实施例提供一种界面切换动画的设置装置，用以提供一种对界面切换动画颜色进行设置的方案。
该装置，比如可以是智能手机或电脑等。所述界面切换动画的设置装置可以包括处理器以及存储器等。
其中，存储器，用于存储程序指令；处理器，耦合到所述存储器，用于读取所述存储器存储的程序指令，并作为响应，执行如下操作：确定至少一个颜色值；根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
为了可以使用户根据需要灵活的确定第一颜色值，在一种实施方式中，处理器，用于：根据指定图像，确定至少一个颜色值；或者显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包含的颜色的选择，确定至少一个颜色值；或者根据指定事件与颜色值的映射关系，确定至少一个颜色值。
在一种实施方式中，处理器，还用于对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
在一种实施方式中，处理器，用于将颜色值被确定后的所述界面切换动画所包含的最后一帧图片，设置为界面切换动画结束后显示的界面的背景。
在一种实施方式中，界面切换动画结束后显示的界面的背景包括：桌面壁纸。
在一种实施方式中，处理器，用于获取手势操作的相关信息；根据手势操作的相关信息，生成所述界面切换动画。
在一种实施方式中，所述手势操作的相关信息，包括下述信息中的至少一个：手势操作的滑动距离；手势操作滑动轨迹相对于预设坐标轴的角度。
在一种实施方式中，处理器，用于根据所述手势操作的相关信息，确定界面元素的与动画效果相关的信息；界面元素的与动画效果相关的信息，包括界面元素在图片中位置和/或界面元素的大小；根据确定的所述与动画效果相关的信息，生成包含所述界面元素的所述界面切换动画。
在一种实施方式中，处理器，用于根据所述至少一个颜色值与所述界面元素的位置信息的映射关系，以及所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
在一种实施方式中，处理器，用于根据所述映射关系，将所述至少一个颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性；或，根据所述至少一个颜色值，确定与所述至少一个颜色值相映射的颜色值；并根据所述映射关系，将所述相映射的颜色值，赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
采用本申请实施例4提供的界面切换动画的设置装置，由于可以根据确定的至少一个颜色值，从而提供了一种对界面切换动画颜色进行设置的方案。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器 (SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (21)

  1. 一种界面切换动画的设置方法，其特征在于，包括：
    确定至少一个颜色值；
    根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
  2. 如权利要求1所述的方法，其特征在于，确定至少一个颜色值，包括：
    根据指定图像，确定至少一个颜色值；或者
    显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包含的颜色的选择，确定至少一个颜色值；或者
    根据指定事件与颜色值的映射关系，确定至少一个颜色值。
  3. 如权利要求1所述的方法，其特征在于，根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值后，所述方法还包括：
    对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
  4. 如权利要求3所述的方法，其特征在于，对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作，包括：
    将颜色值被确定后的所述界面切换动画所包含的最后一帧图片，设置为界面切换动画结束后显示的界面的背景。
  5. 如权利要求4所述的方法，其特征在于：
    界面切换动画结束后显示的界面的背景包括：桌面壁纸。
  6. 如权利要求1所述的方法，其特征在于，所述方法还包括：
    获取手势操作的相关信息；
    根据手势操作的相关信息，生成所述界面切换动画。
  7. 如权利要求6所述的方法，其特征在于，所述手势操作的相关信息，包括下述信息中的至少一个：
    手势操作的滑动距离；
    手势操作滑动轨迹相对于预设坐标轴的角度。
  8. 如权利要求6或7所述的方法，其特征在于，根据手势操作的相关信息，生成所述界面切换动画，包括：
    根据所述手势操作的相关信息，确定界面元素的与动画效果相关的信息；界面元素的与动画效果相关的信息，包括界面元素在图片中位置和/或界面元素的大小；
    根据确定的所述与动画效果相关的信息，生成包含所述界面元素的所述界面切换动画。
  9. 如权利要求1所述的方法，其特征在于，根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值，包括：
    根据所述至少一个颜色值与所述界面元素的位置信息的映射关系，以及所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
  10. 如权利要求9所述的方法，其特征在于，根据所述映射关系，以及所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值，包括：
    根据所述映射关系，将所述至少一个颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性；或，
    根据所述至少一个颜色值，确定与所述至少一个颜色值相映射的颜色值；并根据所述映射关系，将所述相映射的颜色值，赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
  11. 一种界面切换动画的设置装置，其特征在于，包括：
    颜色值确定单元，用于确定至少一个颜色值；
    颜色属性赋值单元，用于根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
  12. 如权利要求11所述的装置，其特征在于，颜色值确定单元，用于：
    根据指定图像，确定至少一个颜色值；或者
    显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包含的颜色的选择，确定至少一个颜色值；或者
    根据指定事件与颜色值的映射关系，确定至少一个颜色值。
  13. 如权利要求11所述的装置，其特征在于，颜色属性赋值单元，还用于：
    对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
  14. 如权利要求13所述的装置，其特征在于，颜色属性赋值单元，用于：
    将颜色值被确定后的所述界面切换动画所包含的最后一帧图片，设置为界面切换动画结束后显示的界面的背景。
  15. 如权利要求14所述的装置，其特征在于：
    界面切换动画结束后显示的界面的背景包括：桌面壁纸。
  16. 如权利要求11所述的装置，其特征在于，还包括界面切换动画生成单元，用 于：
    获取手势操作的相关信息；
    根据手势操作的相关信息，生成所述界面切换动画。
  17. 如权利要求16所述的装置，其特征在于，所述手势操作的相关信息，包括下述信息中的至少一个：
    手势操作的滑动距离；
    手势操作滑动轨迹相对于预设坐标轴的角度。
  18. 如权利要求16或17所述的装置，其特征在于，界面切换动画生成单元，用于：
    根据所述手势操作的相关信息，确定界面元素的与动画效果相关的信息；界面元素的与动画效果相关的信息，包括界面元素在图片中位置和/或界面元素的大小；
    根据确定的所述与动画效果相关的信息，生成包含所述界面元素的所述界面切换动画。
  19. 如权利要求11所述的装置，其特征在于，颜色属性赋值单元，用于：
    根据所述至少一个颜色值与所述界面元素的位置信息的映射关系，以及所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
  20. 如权利要求19所述的装置，其特征在于，颜色属性赋值单元，用于：
    根据所述映射关系，将所述至少一个颜色值，赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性；或，
    根据所述至少一个颜色值，确定与所述至少一个颜色值相映射的颜色值；并根据所述映射关系，将所述相映射的颜色值，赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
  21. 一种界面切换动画的设置装置，其特征在于，包括：
    存储器，用于存储程序指令；
    处理器，耦合到所述存储器，用于读取所述存储器存储的程序指令，并作为响应，执行如下操作：确定至少一个颜色值；根据所述至少一个颜色值，确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
PCT/CN2016/107598 2015-12-09 2016-11-29 一种界面切换动画的设置方法及装置 WO2017097143A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510908550.8A CN106873863B (zh) 2015-12-09 2015-12-09 一种界面切换动画的设置方法及装置
CN201510908550.8 2015-12-09

Publications (1)

Publication Number Publication Date
WO2017097143A1 true WO2017097143A1 (zh) 2017-06-15

Family

ID=59013740

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/107598 WO2017097143A1 (zh) 2015-12-09 2016-11-29 一种界面切换动画的设置方法及装置

Country Status (2)

Country Link
CN (1) CN106873863B (zh)
WO (1) WO2017097143A1 (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110688183A (zh) * 2019-09-24 2020-01-14 Oppo广东移动通信有限公司 界面切换方法、界面切换装置、存储介质与显示设备
CN111949193A (zh) * 2019-05-16 2020-11-17 腾讯科技（深圳）有限公司 界面切换方法、装置、终端及存储介质
CN112015315A (zh) * 2019-05-30 2020-12-01 乐树科技(苏州)有限公司 一种图片或视频的切换方法及系统
EP4116812A4 (en) * 2021-05-12 2023-10-18 Honor Device Co., Ltd. DISPLAY METHOD AND ELECTRONIC DEVICE

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107704300A (zh) * 2017-09-25 2018-02-16 联想(北京)有限公司 信息处理方法及电子设备
CN108769395B (zh) * 2018-05-16 2021-04-30 珠海格力电器股份有限公司 壁纸切换方法及移动终端
CN109413264B (zh) * 2018-09-26 2020-08-28 维沃移动通信有限公司 一种背景图片调整方法及终端设备
CN111479098A (zh) * 2019-01-24 2020-07-31 上海赢赞数字科技有限公司 吸色投影系统及方法
CN110083423B (zh) * 2019-04-22 2024-03-22 努比亚技术有限公司 界面跳转方法、终端以及计算机可读存储介质
CN113052946B (zh) * 2019-12-27 2024-07-12 佛山市云米电器科技有限公司 动画显示方法、破壁机及计算机可读存储介质
CN111290692B (zh) * 2020-01-20 2021-04-09 北京无限光场科技有限公司 图片显示方法、装置、电子设备及计算机可读介质
CN111443914B (zh) * 2020-03-30 2023-07-14 北京字节跳动网络技术有限公司 动画展示方法以及装置
CN113190152A (zh) * 2021-04-26 2021-07-30 北京沃东天骏信息技术有限公司 切换应用程序主题的方法和装置
CN113918264A (zh) * 2021-11-11 2022-01-11 湖南快乐阳光互动娱乐传媒有限公司 界面切换方法、装置、电子设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101930367A (zh) * 2010-08-25 2010-12-29 中兴通讯股份有限公司 切屏动画实现方法及移动终端
CN102945116A (zh) * 2012-10-19 2013-02-27 广东欧珀移动通信有限公司 一种界面切换显示方法、装置及移动终端
CN104020955A (zh) * 2014-05-30 2014-09-03 爱培科科技开发（深圳）有限公司 基于WinCE系统的触摸式设备桌面自定义方法及系统
WO2015117505A1 (zh) * 2014-08-26 2015-08-13 中兴通讯股份有限公司 一种终端更换应用图标的方法及装置
CN104899038A (zh) * 2015-06-12 2015-09-09 北京金山安全软件有限公司 一种界面样式变换方法及装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN100429922C (zh) * 2005-11-25 2008-10-29 腾讯科技（深圳）有限公司 一种动画制作方法及基于这种动画的换色方法
CN103472989B (zh) * 2013-08-26 2016-09-07 广州市久邦数码科技有限公司 一种壁纸的切换方法及终端
US8797330B1 (en) * 2013-10-18 2014-08-05 Google Inc. Systems and methods for detecting and animating changes in application state
CN103870155B (zh) * 2014-02-21 2017-08-25 联想(北京)有限公司 信息处理的方法及电子设备
CN104793937B (zh) * 2015-04-17 2018-05-25 魅族科技（中国）有限公司 一种启动控制方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101930367A (zh) * 2010-08-25 2010-12-29 中兴通讯股份有限公司 切屏动画实现方法及移动终端
CN102945116A (zh) * 2012-10-19 2013-02-27 广东欧珀移动通信有限公司 一种界面切换显示方法、装置及移动终端
CN104020955A (zh) * 2014-05-30 2014-09-03 爱培科科技开发（深圳）有限公司 基于WinCE系统的触摸式设备桌面自定义方法及系统
WO2015117505A1 (zh) * 2014-08-26 2015-08-13 中兴通讯股份有限公司 一种终端更换应用图标的方法及装置
CN104899038A (zh) * 2015-06-12 2015-09-09 北京金山安全软件有限公司 一种界面样式变换方法及装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111949193A (zh) * 2019-05-16 2020-11-17 腾讯科技（深圳）有限公司 界面切换方法、装置、终端及存储介质
CN111949193B (zh) * 2019-05-16 2023-08-04 腾讯科技（深圳）有限公司 界面切换方法、装置、终端及存储介质
CN112015315A (zh) * 2019-05-30 2020-12-01 乐树科技(苏州)有限公司 一种图片或视频的切换方法及系统
CN110688183A (zh) * 2019-09-24 2020-01-14 Oppo广东移动通信有限公司 界面切换方法、界面切换装置、存储介质与显示设备
CN110688183B (zh) * 2019-09-24 2023-04-21 Oppo广东移动通信有限公司 界面切换方法、界面切换装置、存储介质与显示设备
EP4116812A4 (en) * 2021-05-12 2023-10-18 Honor Device Co., Ltd. DISPLAY METHOD AND ELECTRONIC DEVICE

Also Published As

Publication number Publication date
CN106873863A (zh) 2017-06-20
CN106873863B (zh) 2021-02-19

Similar Documents

Publication Publication Date Title
WO2017097143A1 (zh) 一种界面切换动画的设置方法及装置
US20210074051A1 (en) Systems and methods for displaying representative images
TW201724081A (zh) 介面元素顏色的設置方法及裝置
US10325407B2 (en) Attribute detection tools for mixed reality
WO2017202383A1 (zh) 动画生成方法、终端和存储介质
CN107562316B (zh) 界面展示方法、装置及终端
US9582142B2 (en) System and method for collaborative computing
US20210067756A1 (en) Effects for 3d data in a messaging system
US9665952B2 (en) Information processing method and electronic device
US11880999B2 (en) Personalized scene image processing method, apparatus and storage medium
CN106575160A (zh) 根据用户视点识别动作的界面提供方法及提供装置
WO2012159392A1 (zh) 一种动态壁纸与桌面组件进行交互的实现方法
WO2017097140A1 (zh) 一种界面元素属性值的设置方法、装置及智能设备
WO2017097137A1 (zh) 一种界面元素背景图片的显示方法、装置及智能设备
US11550435B2 (en) Trackpad on back portion of a device
CN105094615B (zh) 一种信息处理方法及电子设备
TW201915710A (zh) 基於安卓平臺的顯示裝置及其圖像顯示方法
JP6661780B2 (ja) 顔モデル編集方法及び装置
US20170031583A1 (en) Adaptive user interface
TW201828252A (zh) 介面切換動畫的設置方法及裝置
CN104571844A (zh) 一种信息处理方法及电子设备
US11928757B2 (en) Partially texturizing color images for color accessibility
WO2024016103A1 (zh) 图像显示方法及装置
CN116126133A (zh) 虚拟对象的交互方法、装置、设备、存储介质和程序产品
CN118444816A (zh) 页面处理方法、电子设备、存储介质及程序产品

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: 16872334

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: 16872334

Country of ref document: EP

Kind code of ref document: A1