lopspower / Rxanimation
Licence: apache-2.0
Simple way to animate your views on Android with Rx 🚀
Stars: ✭ 521
Programming Languages
kotlin
9241 projects
Projects that are alternatives of or similar to Rxanimation
RxPagination
Implement pagination in just few lines with RxPagination
Stars: ✭ 20 (-96.16%)
Mutual labels: rxjava2, rxkotlin
Aic Mobile Android
Art Institute of Chicago Official Mobile App - Android
Stars: ✭ 31 (-94.05%)
Mutual labels: rxjava2, rxkotlin
Theatre
Pet project using Clean Architecture + MVVM + Reactive Extensions + Android Architecture Components. The data are fetched from LondonTheatreDirect API. 🎭
Stars: ✭ 577 (+10.75%)
Mutual labels: rxjava2, rxkotlin
MVPArchitecture
Android MVP architecture in Kotlin using Dagger2, RxJava2, Retrofit2 and so on
Stars: ✭ 27 (-94.82%)
Mutual labels: rxjava2, rxkotlin
RxData
RxData is Android mobile library for building reactive data flow in Android application.
Stars: ✭ 44 (-91.55%)
Mutual labels: rxjava2, rxkotlin
java-modern-tech-practice
😎 Java™ modern tech practice sandbox ⏳
Stars: ✭ 43 (-91.75%)
Mutual labels: rxjava2, rxkotlin
Kotlin Android Mvp Starter
Create/Generate your kotlin MVP projects easily
Stars: ✭ 270 (-48.18%)
Mutual labels: rxjava2, rxkotlin
Poolakey
Android In-App Billing SDK for Cafe Bazaar App Store
Stars: ✭ 60 (-88.48%)
Mutual labels: rxjava2, rxkotlin
demo-vertx-kotlin-rxjava2-kubernetes
Demonstration of Eclipse Vert.x, Kotlin, RxJava2 and Kubernetes
Stars: ✭ 23 (-95.59%)
Mutual labels: rxjava2, rxkotlin
Rxbiometric
☝️ RxJava and RxKotlin bindings for Biometric Prompt (Fingerprint Scanner) on Android
Stars: ✭ 295 (-43.38%)
Mutual labels: rxjava2, rxkotlin
Mvvmarms
Android MVVM Architecture Components based on MVPArms and Android Architecture Components.
Stars: ✭ 425 (-18.43%)
Mutual labels: rxjava2
Android Mvp Architecture
This repository contains a detailed sample app that implements MVP architecture using Dagger2, GreenDao, RxJava2, FastAndroidNetworking and PlaceholderView
Stars: ✭ 4,360 (+736.85%)
Mutual labels: rxjava2
Rxlocation
🗺 [DEPRECATED] Reactive Location APIs Library for Android and RxJava 2
Stars: ✭ 503 (-3.45%)
Mutual labels: rxjava2
React Spring
✌️ A spring physics based React animation library
Stars: ✭ 21,938 (+4110.75%)
Mutual labels: animation-library
Simviso Source Code Interpretation Sharing
simviso 的一系列源码解读分享视频,涉及国外顶级学府课程翻译、国外顶级开发者视频翻译,JDK, Rxjava,Spring Reactor, Netty ,Reactor-Netty ,Spring Webflux 我的目标是将Java的响应式建立起一套学习体系,假如你想深入,可以参考我的视频和后续出版的书籍,同时展现一些我的编程经验,做一个铺路人
Stars: ✭ 412 (-20.92%)
Mutual labels: rxjava2
This is an Android library to make a simple way to animate your views on Android with Rx.
USAGE
Add RxAnimation library under Rx3 with Gradle:
implementation 'com.mikhaellopez:rxanimation:2.0.0'
⚠️ If you use Rx2 you need to implement the following version:
implementation 'com.mikhaellopez:rxanimation:1.0.0'
KOTLIN
- Animate your views and handle it in Completable. For example
alpha()
andresize()
:
view1.alpha(1f)
.andThen(view2.resize(100, 100))
- If you want to apply animation in the same time you can used
RxAnimation.together()
:
RxAnimation.together(
view1.fadeIn(),
view1.translation(20f, 30f),
view2.backgroundColor(
ContextCompat.getColor(this, R.color.accent),
ContextCompat.getColor(this, R.color.primary)
),
view2.resize(100, 100)
)
- If you want to apply animation one by one you can used
RxAnimation.sequentially()
instead of multiandThen()
:
RxAnimation.sequentially(
view1.fadeIn(),
view1.translation(20f, 30f),
view2.backgroundColor(
ContextCompat.getColor(this, R.color.accent),
ContextCompat.getColor(this, R.color.primary)
),
view2.resize(100, 100)
)
- You can also used
RxAnimation.from(view)
if you want to update multi properties one by one in the same view:
RxAnimation.from(view)
.fadeIn()
.translation(20f, 30f)
.backgroundColor(
ContextCompat.getColor(this, R.color.accent),
ContextCompat.getColor(this, R.color.primary)
)
.resize(100, 100)
- You can also use the
range()
function to animate a change on a custom property:
(4f to 20f).rangeFloatToCompletable {
circularImageView.borderWidth = it
}
// or
RxAnimation.from(circularImageView)
.rangeFloat(4f, 20f) { circularImageView?.borderWidth = it }
- Use
reverse
properties to back to the initial value in all methods:
view.fadeIn(reverse = true)
- If you want to repeat an animation you can use the native method
repeat
from Rx like this:
RxAnimation.from(view)
.fadeIn()
.shake()
.fadeOut()
.repeat(NB_REPEAT)
.subscribe()
ALL PROPERTIES
Default
Properties | View to Completable | RxAnimation.from(view) |
---|---|---|
alpha | alpha | alpha |
translationX | translationX | translationX |
translationY | translationY | translationY |
translation X + Y | translation(X, Y) | translation(X, Y) |
scaleX | scaleX | scaleX |
scaleY | scaleY | scaleY |
scale X = Y | scale | scale |
rotation | rotation | rotation |
rotationX | rotationX | rotationX |
rotationY | rotationY | rotationY |
X | x | x |
Y | y | y |
Z | z | z |
X + Y + Z | xyz | xyz |
backgroundColor | backgroundColor | backgroundColor |
width | width | width |
height | height | height |
width + height | resize | resize |
ValueAnimator | start | startValueAnimator |
ViewPropertyAnimator | animate | - |
Custom Properties
View to Completable | RxAnimation.from(view) |
---|---|
rangeFloatToCompletable | rangeFloat |
rangeIntToCompletable | rangeInt |
Smart function
Animation | View to Completable | RxAnimation.from(view) |
---|---|---|
alpha=1f | fadeIn | fadeIn |
alpha=0f | fadeOut | fadeOut |
shake | shake | shake |
press | press | press |
text | text | text |
ℹ️ All the functions have duration: Long
, interpolator: TimeInterpolator
, startDelay: Long
and reverse: Boolean
properties.
SUPPORT ❤️
Find this library useful? Support it by joining stargazers for this repository ⭐️
And follow me for my next creations 👍
LICENCE
RxAnimation by Lopez Mikhael is licensed under a Apache License 2.0.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].