Description
OffsetAnimator lets animate objects basing on touchevents, so users can be engaged into animation process.
OffsetAnimator alternatives and similar packages
Based on the "Animations" category.
Alternatively, view OffsetAnimator alternatives based on common mentions on social networks and blogs.
-
Lottie for Android, iOS, and React Native
Render After Effects animations natively on Android and iOS, Web, and React Native -
AndroidViewAnimations
Cute view animation collection. -
Material-Animations
Android Transition animations explanation with examples. -
UltimateAndroidReference
:rocket: Ultimate Android Reference - Your Road to Become a Better Android Developer -
AndroidImageSlider
An amazing and convenient Android image slider. -
ListViewAnimations
An Android library which allows developers to easily add animations to ListView items -
NineOldAndroids
Android library for using the Honeycomb animation API on all versions of the platform back to 1.0! -
Rebound
A Java library that models spring dynamics and adds real world physics to your app. -
shimmer-android
An easy, flexible way to add a shimmering effect to any view in an Android app. -
transitions-everywhere
Set of extra Transitions on top of Jetpack Transitions Library -
PhotoEditor
A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories. -
android-flip
A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android -
ChatKit for Android
Android library. Flexible components for chat UI implementation with flexible possibilities for styling, customizing and data management. Made by Stfalcon -
CircleIndicator
A lightweight indicator like in nexus 5 launcher -
Music Player
From UI Proposal to Code :notes::arrow_forward: -
RecyclerViewItemAnimators
An Android library which provides simple Item animations to RecyclerView items -
Spotlight
Android Library that lights items for tutorials or walk-throughs etc... -
ViewPagerTransforms
Library containing common animations needed for transforming ViewPager scrolling for Android v13+. -
AnimationEasingFunctions
Android Animation Easing Functions. Let's make animation more real! -
android-ripple-background
A beautiful ripple animation for your app -
FabulousFilter
Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa -
CircularReveal
Lollipop ViewAnimationUtils.createCircularReveal for everyone 4.0+ -
ShimmerLayout
DEPRECATED - Memory efficient shimmering effect for Android applications by Supercharge. -
Rich Path Animator
💪 Rich Android Path. 🤡 Draw as you want. 🎉 Animate much as you can. -
BaseAnimation
BaseAnimation network Android animation set, custom controls, nearly 200 kinds of source code! BaseAnimation, if a new version is updated automatically to remind everyone, I hope everyone will contribute their animated XML files or other source, together to create this open source app! -
Stfalcon ImageViewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures -
EasyAndroidAnimations
Easy Android Animations is an animation library that aims to make android animations easier, with 50+ builtin animations, it allows you to introduce many complex animation effects in your application with one or two lines of code. -
SpeedView
Dynamic Speedometer and Gauge for Android. amazing, powerful, and multi shape :zap: -
PreLollipopTransition
Simple tool which help you to implement activity and fragment transition for pre-Lollipop devices. -
ColorPickerView
🎨 Android colorpicker for getting colors from any images by tapping on the desired color. -
EasyFlipView
💳 A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. -
TransitionPlayer
Android library to control Transition animates. A simple way to create a interactive animation. -
ArcAnimator
ArcAnimator helps to create arc transition animation: 2.3.+ -
WhatTodo
A Simple Todo app design in Flutter to keep track of your task on daily basis. Its build on BLoC Pattern. You can add a project, labels, and due-date to your task also you can sort your task on the basis of project, label, and dates -
FragmentAnimations
3D animation examples for support-v4 Fragment transition. -
Road Runner
Road Runner is a library for android which allow you to make your own loading animation using a SVG image -
EasingInterpolator
Thirty-one different easing animation interpolators for Android. -
TreeView
Android GraphView is used to display data in graph structures. -
Youtube UI/UX Animation
With MVVM Architecture pattern using Android Architecture Components This is a sample app demonstrating Youtube player animation using constraint layout -
AppIntroAnimation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations. -
Dachshund Tab Layout
Extended Android Tab Layout with animated indicators that have continuous feedback. -
TextFieldBoxes
Material Design text field that comes in a box, based on (OLD) Google Material Design guidelines. -
fab-transformation
Support Floating Action Button transformation for Android
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of OffsetAnimator or a related project?
README
OffsetAnimator
OffsetAnimator lets animate objects basing on touchevents, so users can be engaged in an animation process.
[Yellow submarine](./preview/sample_video.gif)
Usage
Add the library to your project:
1) Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
2) Add the dependency:
dependencies {
compile 'com.github.russelarms:offsetanimator:1.0.2'
}
Requirements
Min sdk version is 11. The library doesn't have any transitive dependencies.
Tutorial
A Comprehensive tutorial.
Scene
To create viewpager-based animation you should bind a scene to position updates:
ViewPagerAnimatorAdapter animatorAdapter = new ViewPagerAnimatorAdapter(scene.getScene());
viewPager.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
super.onPageScrolled(position, positionOffset, positionOffsetPixels);
animatorAdapter.onPageScrolled(position, positionOffset);
}
});
Then create a scene instance and pass it a root view and an initializer function:
Scene.create(getRootView(), () -> initSteps());
Scripting
Script desired animation like this:
private void initSteps() {
scene.page(0).step(0)
.createAnimation(ocean.getY(), ocean.getY() - convertDIPToPixels(getContext(), 120))
.setStartThreshold(0.5f)
.setDuration(0.8f)
.setInterpolator(new DecelerateInterpolator())
.setListener(value -> ocean.setY(value));
}
A single page is taken as 1.0f. So duration 0.5f is a half of a distance.
Lazy initialization
It is not always convenient to specify exact view positions after some script done, so we can pass a lazy initializer. In this example animator will be initialized only on page 3 with corresponding coordinates:
scene.page(3).step(3)
.createAnimation(() -> AnimatorFactory.createAnimator(fishLeftBottom.getY(), fishLeftBottom.getY() + screenDimensions.y / 2))
.setDuration(0.5f)
.setListener(value -> fishLeftBottom.setY(value));
Here's how to set the rotation:
scene.page(2).step(2)
.createAnimation(0, 90)
.setDuration(0.25f)
.setListener(value -> submarine.setRotation(value));
Interpolators
We can specify an interpolator (from android.view.animation). The library ships its own SpringInterpolator:
scene.page(1).step(0)
.createAnimation(1926, 1032)
.setInterpolator(new SpringInterpolator(0.8f))
.setListener(value -> submarine.setY(value));
Arc animations
Create arc animation:
scene.page(2).step(1)
.createAnimation(() -> AnimatorFactory.createArcAnimator(submarine,
Utils.centerX(submarine),
convertDIPToPixels(getContext(), 48),
submarine.getX() + submarine.getWidth() / 2,
Utils.centerY(submarine),
180f, Side.RIGHT))
.setStartThreshold(0.5f)
.setDuration(0.5f);
While standard OffsetAnimator requires user to set listeners and update fields by hand, arc animator doesn't need listener: it assigns value implicitly.
Inheritance
OffsetAnimator is open to be inherited:
public class AnotherOffsetAnimator extends OffsetAnimator {
public AnotherOffsetAnimator(float x1, float x2) {
super(x1, x2);
}
@Override
public void animate(float position) {
super.animate(position);
}
}
and to be used with a scene:
scene.page(3).step(1)
.createAnimation(() -> new AnotherOffsetAnimator(fishRight.getX(), fishRight.getX() + convertDIPToPixels(getContext(), 160)))
.setDuration(0.5f)
.setListener(value -> fishRight.setX(value));
License
OffsetAnimator
is available under the MIT license. See the LICENSE file for more info.
The library uses some code from https://github.com/asyl/ArcAnimator for arc animations.
The submarine and the fish images picked from freepik.com: Designed by Freepik Background vector created by Freepik
Copyright 2017 russelarms.
*Note that all licence references and agreements mentioned in the OffsetAnimator README section above
are relevant to that project's source code only.