Skip to main content

Animations of object

All objects (layout, widget and graphic) can have different animations individually while they are appearing or disappearing. Object animation options are on the right side of customization options.

Object animation options

They consists of 3 parts of animations: Enter animation, Exit animation and Transition animation. Enter animation defines the animation during the object is "appearing" while Exit animation does for "disappearing". The third part, Transition animation, has more complicated concept in the way it works.

1. Enter animation

This animation runs when an object is appearing. If the object is on a page, it "appears" when you come back to the launcher from another app. If the object is on a window, it "appears" when you open the window.

Enter animation : Appearing animation of the object.

Animation effect : Interpolator of the animation.

- Start offset : A delayed time to start the animation, in millisecond.

Animation duration : Running time of the animation, in millisecond.


2. Exit animation

This animation runs when an object is disappearing. If the object is on a window, it "disappears" when you close the window. This animation cannot be defined when the object is on a page.

Exit animation : Disappearing animation of the object.

Animation effect : Interpolator of the animation.

Start offset : A delayed time to start the animation, in millisecond.

Animation duration : Running time of the animation, in millisecond.


3. Transition animation

Transition animation is executed for 2 objects with the same transition ID. To make the animation work, the objects must not be on the same page or window. For example, Let's suppose that one object is on a page and the other is on a window and they have the same transition ID. When you open the window, the object on the page will transit to the object on the window. When you close the window, the object on the window will transit to the object on the page vice versa. Refer to the following video for a simple example of it.

An example of transition animation between 2 objects

- Transition ID: A text ID to bind two objects.

Animation durationRunning time of the transition animation, in millisecond.


Comments

  1. Give some other transition ID, like aaa and more, so we can use the animation

    ReplyDelete

Post a Comment

Popular posts from this blog

All-New Update Released!

We've got some great news for you. We've released a new update, version 3, with a completely new app design and a powerful dynamic color system. System theme colors can now be applied not only to the launcher UI but also to the layout design. Just turn on the "Dynamic color scheme" in the UI & Animation options and apply "Dynamic color" to the color attributes of your objects or launcher settings. Applying dynamic color scheme Setting a dynamic color to a color attribute Here are the key new features in this update: - renewed the app design - resolved some issues on Android 14 - supports "Dynamic color" for most options using colors - new dynamic image: "Themed image" - added "Dynamic color scheme" in the UI & Animation options for Android 12+ - added "Themed icon", "Force themed icon" in the Icon style options for Android 13+ - added "Dark icon on navigation bar" in the UI & Animation o...

Imagine It. Make It!

Total launcher is the most customizable launcher in Android world. Of course, it is still fast, light and easy to use if you blow away stereotypes about the launcher. Do you like a simple home? That's it. Do you like a beautiful home? That's it too. Do you like a smart home? Here is the solution. Is there no home launcher you want? Make it with this. Whatever you want for home, this is it. I would like to tell you just one phrase. "Press and hold it to edit it" You can customize it, whatever it is. The main features of this launcher are:

How to Customize Your Search Screen

 There are 2 types of search screens in Total launcher, which are open by the launcher actions: App search and Contact search. App search screen Many users often ask me how to customize the design of these screens. So, I'd like to explain how to do it here.  You should know first how the launcher action (ex: App search) works. When you invoke the launcher action, the launcher tries to search a most top app drawer widget. If the launcher has found an app drawer widget, it would be used to show the search results. Otherwise, it opens the built-in window with an app drawer in the screenshot. As you guess out now, since you cannot change the design of the built-in window, you should make a your own window instead. Here's the steps for the solution. 1. make a new window. 2. put an app drawer widget onto it. 3. customize the design of the window and the widget. 4. set "Action on open" to the launcher action (App search) in the window options. 5. open the window for your own...