Android Glider

An android library implementing fancy viewpager with gliding animations.

Try out the sample application on the Android Market

Usage

• Use a ParallaxContainer in layout XML

<com.glider.ParallaxContainer
      android:id="@+id/parallaxcontainer"
      android:layout_width="match_parent"
      android:layout_height="match_parent"/>

• Create gliding layouts (views)

Each page must have its own layout XML file. Use whichever Layouts or Views you like, as usual.

Ensure this line is added to the Root Element:

xmlns:app="http://schemas.android.com/apk/res-auto" Assign any combination of the following attributes (all floats):

x_in: as the View enters the screen, it will translate in the horizontal direction along with user swiping, at a rate multiplied by this value. Default is 0.

x_out: as the View leaves the screen, it will translate in the horizontal direction along with user swiping, at a rate multiplied by this value. Default is 0.

y_in: as the View enters the screen, it will translate downward as the user swipes right to left, at a rate multiplied by this value. Default is 0.

y_out: as the View leaves the screen, it will translate upward as the user swipes right to left, at a rate multiplied by this value. Default is 0.

a_in: as the View enters the screen, it will fade in as the user swipes right to left, at a rate multiplied by this value. Default is 0.

a_out: as the View leaves the screen, it will fade out as the user swipes right to left, at a rate multiplied by this value. Default is 0.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:x_in="@dimen/parallax_speed_medium"
      app:x_out="@dimen/parallax_speed_fast"
      app:y_in="@dimen/parallax_speed_medium_rev"
      app:y_out="@dimen/parallax_speed_fast"
      app:a_in="@dimen/parallax_speed_very_fast"
      app:a_out="@dimen/parallax_speed_very_fast"
      android:text="@string/text_1"
      />

  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:x_in="@dimen/parallax_speed_medium_rev"
      app:x_out="@dimen/parallax_speed_fast"
      app:y_in="@dimen/parallax_speed_medium"
      app:y_out="@dimen/parallax_speed_fast_rev"
      app:a_in="@dimen/parallax_speed_very_fast"
      app:a_out="@dimen/parallax_speed_very_fast"
      android:text="@string/text_2"
      />
</LinearLayout>

• Add the attachment code

ParallaxContainer parallaxContainer;
parallaxContainer = (ParallaxContainer) findViewById(R.id.parallaxcontainer);
ViewPager vp =  parallaxContainer.setupChildren(getLayoutInflater(), R.raw.parallax_background_image,
                        R.layout.view_1,
                        R.layout.view_2,
                        R.layout.view_3);

• Jake Wharton View Pager Indicator can also be attached (optional)

CirclePageIndicator indicator;
indicator = (CirclePageIndicator) findViewById(R.id.indicators);
indicator.setOnPageChangeListener(parallaxContainer); // parallaxContainer is from above code
indicator.setViewPager(vp); //vp is ViewPager from above code

Including In Your Project

Android Glider is presented as an Android library project. You can include this project by referencing it as a library project in Eclipse or ant.

If you are a Maven user you can easily include the library by specifying it as a dependency:

dependencies {
    compile 'com.github.epicprojects.glider:glider:1.0.0.1'
}

Developed by

• Omer Shafiq - http://omershafiq.com

Credits

• Prolific Interactive Author of ParallaxPager

License

Copyright 2015 Omer Shafiq
Copyright 2015 Prolific Interactive


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

   http://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.