Android 循环滑动viewpager

最新推荐文章于 2023-10-29 20:07:37 发布

kill_bugs

最新推荐文章于 2023-10-29 20:07:37 发布

阅读量575

点赞数 1

分类专栏： Android 进阶文章标签： Android viewpager 布局无限循环引导

本文链接：https://blog.csdn.net/kill_bugs/article/details/47787335

版权

Android 进阶专栏收录该内容

14 篇文章 0 订阅

订阅专栏

这是一个viewpager伪无限循环的demo，通过这个例子本人也学到很多东西，接下来为大家一一道来：

1、先是布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
<android.support.v4.view.ViewPager
    android:id="@+id/viewpager_ad"
    android:layout_width="match_parent"
    android:layout_height="200dp"/>

<LinearLayout
    android:layout_alignBottom="@+id/viewpager_ad"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/half_grey"
    android:padding="8dp"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tx_into"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textColor="#ffffff"
        android:textSize="16dp"
        android:singleLine="true"
        android:ellipsize="end"
        android:text="这里是文本"/>
    <!--放置小圆点-->
    <LinearLayout
        android:paddingTop="3dp"
        android:id="@+id/layout_dot"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:orientation="horizontal">
    </LinearLayout>
</LinearLayout>
</RelativeLayout>

这边要注意： android:layout_alignBottom="@+id/viewpager_ad"，这句话的意思是居与指定的view底部！

效果如下图：

2、viewpager可以理解成一个横着放的listview，它listview一样需要继承一个adapter，大家认真看注释：

class MyViewPagerAdapter extends PagerAdapter {
    /**
     * 当前需要销毁的pager
     * @param container viewpager就是一个ViewGroup
     * @param position  当前要销毁的position，如果传入集合的，可以通过位置进行销毁
     * @param object  将要销毁的view
     */
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        //      super.destroyItem(container, position, object);
        container.removeView((View) object);
    }

    /**
     * 类似于BaseAdapter的getview 方法
     *
     * @param container viewpager就是一个ViewGroup
     * @param position 当前将要显示view的position
     * @return 返回显示的view
     */
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = View.inflate(MainActivity.this, R.layout.adapter_ad, null);
        ImageView imageView = (ImageView) view.findViewById(R.id.image_ad);
        imageView.setImageResource(adList.get(position % adList.size()).getImageid());
        container.addView(view);//这步一定不能少，将view添加到viewgroup中
        return view;
    }

    @Override
    public int getCount() {
        //这边为了实现伪无限循环，告诉viewpager，有Integer.MAX_VALUE个view！
        return Integer.MAX_VALUE;
    }
    /**
     * 返回true不去创建使用缓存，返回false，重新创建
     * @param view
     * @param o
     * @return
     */
    @Override
    public boolean isViewFromObject(View view, Object o) {
        //官方建议这样编码即可
        return view == o;
    }

}

3、初始化viewpager与数据，这边就不贴出来了，后面有demo免费下载的地址！

4、动态添加：

/**
 * 初始化点
 */
private void initDots() {
    for (int i = 0; i < adList.size(); i++) {
        //实例化一个view
        View view = new View(MainActivity.this);
        //定义view的大小，根据放置的父控件选择LayoutParams
        //如这边是LinearLayout，就选择 LinearLayout.LayoutParams
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(8, 8);
        if (i != 0) {
            //每个view之间的间距
            params.leftMargin = 5;
        }
        //设置view的背景即为小圆点
        view.setBackgroundResource(R.drawable.dot_seletor);
        //设置view的大小
        view.setLayoutParams(params);
        //添加到父控件中
        dot_layout.addView(view);
    }
}

5、实现文本与view一起循环改变：

对viewpager添加监听：

private void initListeren() {
    viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int i, float v, int i1) {

        }

        @Override
        public void onPageSelected(int i) {
            updateTextAndDot();
        }
        @Override
        public void onPageScrollStateChanged(int i) {

        }
    });
}

public void updateTextAndDot() {
    int currentPager = viewPager.getCurrentItem() % adList.size();
    textView.setText(adList.get(currentPager).getText());
    for (int i = 0; i < dot_layout.getChildCount(); i++) {
        //i==currentPager,当前layout中view的i与viewpager中的当前页一致才设置为白色的
        dot_layout.getChildAt(i).setEnabled(i == currentPager);
    }
}

1.onPageSelected(int position)：这个方法有一个参数position，代表哪个页面被选中。当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法，position就是当前滑动到的页面。如果直接setCurrentItem翻页，那position就和setCurrentItem的参数一致，这种情况在onPageScrolled执行方法前就会立即执行。

2.onPageScrolled(int position,float positionOffset, int positionOffsetPixels)：这个方法会在屏幕滚动过程中不断被调用。
有三个参数，第一个position，这个参数要特别注意一下。当用手指滑动时，如果手指按在页面上不动，position和当前页面index是一致的；如果手指向左拖动（相应页面向右翻动），这时候position大部分时间和当前页面是一致的，只有翻页成功的情况下最后一次调用才会变为目标页面；如果手指向右拖动（相应页面向左翻动），这时候 position大部分时间和目标页面是一致的，只有翻页不成功的情况下最后一次调用才会变为原页面。
当直接设置setCurrentItem翻页时，如果是相邻的情况（比如现在是第二个页面，跳到第一或者第三个页面），如果页面向右翻动，大部分时间是和当前页面是一致的，只有最后才变成目标页面；如果向左翻动，position和目标页面是一致的。这和用手指拖动页面翻动是基本一致的。
如果不是相邻的情况，比如我从第一个页面跳到第三个页面，position先是0，然后逐步变成1，然后逐步变成2；我从第三个页面跳到第一个页面，position先是1，然后逐步变成0，并没有出现为2的情况。
positionOffset是当前页面滑动比例，如果页面向右翻动，这个值不断变大，最后在趋近1的情况后突变为0。如果页面向左翻动，这个值不断变小，最后变为0。
positionOffsetPixels是当前页面滑动像素，变化情况和positionOffset一致。

3.onPageScrollStateChanged(int state)：这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
当用手指滑动翻页时，手指按下去的时候会触发这个方法，state值为1，手指抬起时，如果发生了滑动（即使很小），这个值会变为2，然后最后变为0 。总共执行这个方法三次。一种特殊情况是手指按下去以后一点滑动也没有发生，这个时候只会调用这个方法两次，state值分别是1,0 。
当setCurrentItem翻页时，会执行这个方法两次，state值分别为2 , 0 。

三个方法的执行顺序为：用手指拖动翻页时，最先执行一遍onPageScrollStateChanged（1），然后不断执行onPageScrolled，放手指的时候，直接立即执行一次onPageScrollStateChanged（2），然后立即执行一次onPageSelected，然后再不断执行onPageScrollStateChanged，最后执行一次onPageScrollStateChanged（0）。

6、实现左右无限循环：

/**
 * viewpager最小为0，所以为了实现左右都能无限循环，初始化数据的时候，
 * 将当前项设置在Integer.MAX_VALUE / 2左右的位置，但是为了能让初始化
 *  的时候为首项（即为0项），减去取余的数
 */
int currentPager = Integer.MAX_VALUE / 2;
int moerP = currentPager % adList.size();
int currentItem = currentPager - moerP;

viewPager.setCurrentItem(currentItem);

7、实现自动循环：

private Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        viewPager.setCurrentItem(viewPager.getCurrentItem()+1);

        handler.sendEmptyMessageDelayed(0,4000);
    }
};

初始化数据中添加发送消息：

handler.sendEmptyMessageDelayed(0,4000);

demo下载地址： viewpager无限循环下载地址

kill_bugs

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android 循环滑动viewpager

这是一个viewpager伪无限循环的demo，通过这个例子本人也学到很多东西，接下来为大家一一道来：1、先是布局：RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android
复制链接

扫一扫