All Projects → VRGsoftUA → Parallaxview

VRGsoftUA / Parallaxview

Parallax view for android apps written in Kotlin

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
Featuredrecyclerview
Ultimate recycler view.
Stars: ✭ 872 (+1145.71%)
Mutual labels:  customview
Parallaxscrolling
Parallax Scrolling
Stars: ✭ 36 (-48.57%)
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
Testleavesloading
Android 自定义 View 之 LeavesLoading
Stars: ✭ 55 (-21.43%)
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
Recordbutton
Android record button view
Stars: ✭ 65 (-7.14%)
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

  1. Include the library as local library project.
allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}
dependencies {
    implementation 'com.github.VRGsoftUA:ParallaxView:1.0'
}
  1. 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].