VRGsoftUA / Parallaxview
Parallax view for android apps written in Kotlin
Stars: ✭ 70
Programming Languages
kotlin
9241 projects
Projects that are alternatives of or similar to Parallaxview
Multisearchview
Yet another built-in animated search view for Android.
Stars: ✭ 837 (+1095.71%)
Mutual labels: customview
Legacytableview
simple light weight android library for displaying tabulated data
Stars: ✭ 39 (-44.29%)
Mutual labels: customview
Viewpagertransformer
Viewpager动画,包括渐变,旋转,缩放,3D,立方体等多种酷炫效果动画,实现原理是自定义ViewpagerTransformer,当然你也可以自定义多种动画
Stars: ✭ 62 (-11.43%)
Mutual labels: parallax
Simpleparallax.js
Simple and tiny JavaScript library that adds parallax animations on any images
Stars: ✭ 1,075 (+1435.71%)
Mutual labels: parallax
Circular Music Progressbar
Beautiful Circular Progress Bar with album art for android
Stars: ✭ 813 (+1061.43%)
Mutual labels: customview
Materialviewpager
A Material Design ViewPager easy to use library
Stars: ✭ 8,224 (+11648.57%)
Mutual labels: parallax
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-44.29%)
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 (+1472.86%)
Mutual labels: parallax
Parallax Layer Layout
Layered parallax effect to any Android views
Stars: ✭ 954 (+1262.86%)
Mutual labels: parallax
Fillingbutton
🔥Replace typical onLongClickListener with this library!
Stars: ✭ 31 (-55.71%)
Mutual labels: customview
Cz Parallax
Simple and tiny jQuery plugin for Parallax effect.
Stars: ✭ 10 (-85.71%)
Mutual labels: parallax
Circlefloatbar
CircleFloatBar(with animation) 圆形悬浮窗(带动画特效)
Stars: ✭ 63 (-10%)
Mutual labels: customview
Android Customtoast
Easy to use Custom Toast Library for Android
Stars: ✭ 24 (-65.71%)
Mutual labels: customview
Lax.js
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
Stars: ✭ 8,274 (+11720%)
Mutual labels: parallax
Stickerview
[No more support] A view which can add sticker and zoom,drag,delete it
Stars: ✭ 1,155 (+1550%)
Mutual labels: customview
Swiftypagecontroller
SwiftyPageController will be helpful to use in many pages controller
Stars: ✭ 55 (-21.43%)
Mutual labels: parallax
HIRE US
ParallaxView
View container which applies parallax effect to its content. You can Even achieve 3d effect if you use two containers, one atop another like on video below.
Usage
This view works only in scrollable containers (like RecyclerView, ListView, ScrollView etc). Its also possible to achieve parallax scrolling in two directions simultaneously (of course, if your parent container supports bi-directional scrolling) For a working implementation, Have a look at the Sample Project - app
- Include the library as local library project.
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
dependencies {
implementation 'com.github.VRGsoftUA:ParallaxView:1.0'
}
- Include ParallaxView class in your xml layout. For Example:
<net.vrgsoft.parallaxview.ParallaxView
app:isInvertedVerticalParallax="true"
app:isInvertedHorizontalParallax="true"
app:decelerateFactor="0.4"
app:parallaxScale="2"
app:isNeedScale="true"
android:layout_width="300dp"
android:layout_height="200dp">
<android.support.v7.widget.AppCompatImageView
android:id="@+id/ivImage"
android:scaleType="centerCrop"
android:layout_width="300dp"
android:background="@drawable/sherlok_back"
android:layout_height="200dp"
tools:src="@drawable/sherlok_back"/>
</net.vrgsoft.parallaxview.ParallaxView>
Customization
Attribute | Description |
---|---|
app:isEnabledHorizontalParallax | Enables or disables horizontal parallax effect |
app:isEnabledVerticalParallax | Same as isEnabledHorizontalParallax but vertical |
app:isInvertedHorizontalParallax | If true direction of the parallax effect will be opposite to scroll direction |
app:isInvertedVerticalParallax | Same as isInvertedHorizontalParallax but vertical |
app:isNeedScale | Defines whether scale need to be applied |
app:decelerateFactor | Possibles values: from 0 to 1. The bigger the value the faster will be moving the parallax effect |
app:parallaxScale | Scale value applied to the whole ParallaxView. Default is 1.5. Do nothing if isNeedScale set to false |
You can also change this attributes in runtime through methods
Contributing
- Contributions are always welcome
- If you want a feature and can code, feel free to fork and add the change yourself and make a pull request
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].