ExpandablePager

介绍:

一个包含了ViewPager的布局,可以在两个状态之间切换(展开与折叠)。Android 4.0+

运行效果:

使用说明:

第一步

在 build.gradle中的dependencies节点添加如下代码:

compile 'com.telenav.expandablepager:expandablepager:0.1.0'

第二步

继承ExpandablePagerAdapter类并重写instantiateItem

public class MyAdapter extends ExpandablePagerAdapter<Book> {
    ...
    @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()
    }
}

第三步

在布局中添加ExpandablePager

<?xml version="1.0" encoding="utf-8"?>
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">
    <com.telenav.expandablepager.ExpandablePager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="bottom"
        android:layout_alignParentBottom="true" /> //pin the pager to the bootom of the screen using layout_gravity or layout_alignParentBottom
</RelativeLayout>

第四步

创建adapter并把它传递给ExpandablePager

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

第五步(可选)

  • 通过xml设置扩展的高度与动画持续时间
    app:animation_duration="200"
    app:collapsed_height="@dimen/header_height"

或者

    pager.setAnimationDuration(duration);
    pager.setCollapsedHeight((int) getResources().getDimension(R.dimen.header_height));
  • 设置显示模式 (MODE_REGULAR 或者 MODE_FIXED)
    pager.setMode(ExpandablePager.MODE_REGULAR);

Extras

改变pager 的状态(支持STATE_COLLAPSED, STATE_EXPANDED, and STATE_HIDDEN三种状态)

    pager.setState(ExpandablePager.STATE_COLLAPSED)

pager 的状态变化的动画

    pager.animateToState(ExpandablePager.STATE_COLLAPSED)

设置当前item

    pager.setCurrentItem(index, false);

设置listeners

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

示例

详见 demoapp 模块

已下载
0