All Projects → bopbi → Recyclerparallax

bopbi / Recyclerparallax

Android Recycler View with Parallax Effect on each item

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Recyclerparallax

Paroller.js
Parallax scrolling jQuery plugin
Stars: ✭ 535 (+494.44%)
Mutual labels:  parallax
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-56.67%)
Mutual labels:  parallax
Materialviewpager
A Material Design ViewPager easy to use library
Stars: ✭ 8,224 (+9037.78%)
Mutual labels:  parallax
Parade
Parallax Scroll-Jacking Effects Engine for iOS / tvOS
Stars: ✭ 754 (+737.78%)
Mutual labels:  parallax
Parallax background
jQuery parallax background plugin based on GSAP
Stars: ✭ 30 (-66.67%)
Mutual labels:  parallax
Simpleparallax.js
Simple and tiny JavaScript library that adds parallax animations on any images
Stars: ✭ 1,075 (+1094.44%)
Mutual labels:  parallax
Motus
Animation library that mimics CSS keyframes when scrolling.
Stars: ✭ 502 (+457.78%)
Mutual labels:  parallax
Rn Falcon App Intro
rn-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...
Stars: ✭ 82 (-8.89%)
Mutual labels:  parallax
Parallaxscrolling
Parallax Scrolling
Stars: ✭ 36 (-60%)
Mutual labels:  parallax
Viewpagertransformer
Viewpager动画,包括渐变,旋转,缩放,3D,立方体等多种酷炫效果动画,实现原理是自定义ViewpagerTransformer,当然你也可以自定义多种动画
Stars: ✭ 62 (-31.11%)
Mutual labels:  parallax
Sticky Parallax Header
A simple React Native library, enabling to create a fully custom header for your iOS and Android apps.
Stars: ✭ 792 (+780%)
Mutual labels:  parallax
Parallax Layer Layout
Layered parallax effect to any Android views
Stars: ✭ 954 (+960%)
Mutual labels:  parallax
Swiftypagecontroller
SwiftyPageController will be helpful to use in many pages controller
Stars: ✭ 55 (-38.89%)
Mutual labels:  parallax
Vue Parallax
🌌 Vue.js component for parallax image scroll effects
Stars: ✭ 569 (+532.22%)
Mutual labels:  parallax
Parallaxview
Parallax view for android apps written in Kotlin
Stars: ✭ 70 (-22.22%)
Mutual labels:  parallax
Smooth Scrolling
smooth scrolling and parallax effects on scroll
Stars: ✭ 514 (+471.11%)
Mutual labels:  parallax
Lax.js
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
Stars: ✭ 8,274 (+9093.33%)
Mutual labels:  parallax
Parallaxswiftui
Add a motion parallax effect to your SwiftUI views to add some depth to your UI
Stars: ✭ 88 (-2.22%)
Mutual labels:  parallax
Parallax Vanilla
Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra performance.
Stars: ✭ 81 (-10%)
Mutual labels:  parallax
Gatsby Starter Portfolio Cara
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.
Stars: ✭ 1,101 (+1123.33%)
Mutual labels:  parallax

RecyclerParallax

Android Recycler View with Parallax Effect on each item

How to use

This in an example app, not a library so in order to implement it please take a look at these files:

  • ParallaxAdapter.java -> on the method bindView it is set the image to-be parallaxed as the background with specific size, and provide the method retranslate to translate the image
  • ParallaxRecyclerView.java -> custom recyclerview that bind the recyclerview with the scroll listener
  • ParallaxScrollListener.java -> custom Scroll listener that perform the call Adapter retranslate method

basically the technique is use the scroll listener to call every viewholder to translate the background image based on its position

License

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Demo Video

Android Arsenal

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].