ExpandablePager

> 编程语言

Open source

ViewPager that slides vertically.

706 stars0 likes1 views

Website GitHub

About

ViewPager that slides vertically.

ExpandablePager

Layout that contains a ViewPager and can slide vertically between 2 states (expanded and collapsed).

#Requirements Android 4.0+ (Ice Cream Sandwich and later) #Setup ###Step 1 Add the following line to the dependencies section of your build.gradle file

gradle

compile 'com.telenav.expandablepager:expandablepager:0.2.1'

###Step 2 Extend desired adapter:

ExpandablePagerAdapter (don't forget to override instantiateItem)

java

public class MyAdapter extends ExpandablePagerAdapter {
    
    ...

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        final ViewGroup rootView = (ViewGroup) LayoutInflater.from(container.getContext()).inflate(R.layout.page, container, false); //inflate view

        ...

        return attach(container, rootView, position); //don't forget to return the result of attach()
    }
}

ExpandableFragmentPagerAdapter
ExpandableFragmentStatePagerAdapter

###Step 3 Add ExpandablePager to a layout

xml


RelativeLayout 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">

     //pin the pager to the bootom of the screen using layout_gravity or layout_alignParentBottom

###Step 4 Create and pass your adapter to the ExpandablePager

java

    MyAdapter adapter = new MyAdapter(myData);
    ExpandablePager pager = (ExpandablePager) findViewById(R.id.container);
    pager.setAdapter(adapter);

###Step 5 (optional)

Set collapsed height & animation duration via xml

xml

    app:animation_duration="200"
    app:collapsed_height="@dimen/header_height"

or programmatically

java

    pager.setAnimationDuration(duration);
    pager.setCollapsedHeight((int) getResources().getDimension(R.dimen.header_height));

Set display mode (MODE_REGULAR or MODE_FIXED)

java

    pager.setMode(ExpandablePager.MODE_REGULAR);

#Extras Change pager state (supported states are STATE_COLLAPSED, STATE_EXPANDED, and STATE_HIDDEN)

java

    pager.setState(ExpandablePager.STATE_COLLAPSED)

Animate pager state change

java

    pager.animateToState(ExpandablePager.STATE_COLLAPSED)

Set current item

java

    pager.setCurrentItem(index, false);

Set listeners

java

    pager.setOnSliderStateChangeListener(new OnSliderStateChangeListener() {

        @Override
        public void onStateChanged(View page, int index, int state) {
            ...
        }

        @Override
        public void onPageChanged(View page, int index, int state) {
            ...
        }
    });
    
    pager.setOnItemSelectedListener(new OnItemSelectedListener() {
        @Override
        public void onItemSelected(List items, int index) {
            ...
        }
    });