Android笔记——ViewPager循环、自动滚动效果

最新推荐文章于 2024-08-18 10:37:51 发布
最新推荐文章于 2024-08-18 10:37:51 发布
阅读量736 收藏 17
点赞数 18
分类专栏： 程序员 文章标签： android 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82241859/article/details/136995176
版权
本文介绍了如何在Android中使用自定义的AutoScrollViewPager控件，包含ViewPager的动态添加、小圆点指示器的实现、以及自动播放功能的管理，以及如何设置适配器和控制自动播放状态。
摘要由CSDN通过智能技术生成

public AutoScrollViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);
}

public AutoScrollViewPager(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}

/**

  • 动态添加viewpager和小圆点
    */
    private void init() {
    mContext = getContext() ;
    setLayerType(View.LAYER_TYPE_SOFTWARE, null);
    setClipChildren(false);
    pageMargin = getResources().getDimensionPixelSize(R.dimen.page_margin);

viewPager = new ViewPager(mContext);
LayoutParams vparams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
vparams.leftMargin = pageMargin * 2;
vparams.rightMargin = pageMargin * 2 ;
viewPager.setLayoutParams(vparams);
addView(viewPager);

mLinearLayout = new LinearLayout(mContext);
LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
params.gravity = Gravity.BOTTOM ;
mLinearLayout.setGravity(Gravity.CENTER);
mLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
addView(mLinearLayout,params);
}

@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
play();
}

@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
cancel();
}

/**

  • 初始化viewpager
    */
    private void initViewPager() {
    if (mAdapter==null){
    return;
    }
    viewPager.setCurrentItem(currentIndex);
    //设置红缓存的页面数
    viewPager.setOffscreenPageLimit(1);
    // 设置2张图之前的间距。
    viewPager.setPageMargin(pageMargin);
    // viewPager.setPageTransformer(true, new ZoomOutPageTransformer());
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset,int positionOffsetPixels) {
    }

@Override
public void onPageSelected(int position) {
if (position0){
currentIndex = mAdapter.getCount()-2 ;
}else if (position == mAdapter.getCount()-1){
currentIndex = 1 ;
}else {
currentIndex = position ;
}
//此处currentIndex是从1开始的，要注意
mLinearLayout.getChildAt(oldPosition).setEnabled(false);
mLinearLayout.getChildAt(currentIndex-1).setEnabled(true);
oldPosition = currentIndex-1 ;
Log.e(“wenzhihao”,"position"+position+“,currentIndex=”+currentIndex);
}

@Override
public void onPageScrollStateChanged(int state) {
if(stateViewPager.SCROLL_STATE_IDLE){
viewPager.setCurrentItem(currentIndex,false);
play();
}else if(stateViewPager.SCROLL_STATE_DRAGGING){
cancel();
}
}
});
setIndicatorDot();
mLinearLayout.getChildAt(0).setEnabled(true);
}

/**

  • 播放，根据autoplay
    /
    public void play(){
    if (autoPlay){
    handler.postDelayed(runnable,time);
    }else {
    handler.removeCallbacks(runnable);
    }
    }
    /    *
  • 取消播放
    */
    public void cancel(){
    handler.removeCallbacks(runnable);
    }

/**

  • 设置小圆点
    */
    private void setIndicatorDot() {
    for (int i = 0;i<mAdapter.getCount()-2;i++){
    //添加底部灰点
    View v = new View(mContext);
    v.setBackgroundResource(R.drawable.bg_dot);
    v.setEnabled(false);
    //指定其大小
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20,20);
    if (i != 0)
    params.leftMargin = 20;
    params.bottomMargin = 20;
    v.setLayoutParams(params);
    mLinearLayout.addView(v);
    }
    }

/**

  • 设置适配器
  • @param adpter
    */
    public void setAdapter(T adpter){
    mAdapter = adpter ;
    viewPager.setAdapter(mAdapter);
    initViewPager();
    }

/**

  • 设置是否自动播放
  • @param autoPlay
    */
    public void setAutoPlay(boolean autoPlay) {
    AutoScrollViewPager.autoPlay = autoPlay;
    if (!autoPlay){
    handler.removeCallbacks(runnable);
    }
    }
    }

注意主要几点

  • 组合控件，一个FrameLayout布局包含ViewPager和一个小圆点指示器。
  • 自动循环用handler实现，循环发送消息。
  • 这里需要注意的是setAdapter( )方法，只要正常写PageAdapter传入即可;
  • 在OnPageChangeListener中，onPageSelected的时候去处理位置问题，就是图中所说的，从左往右滑动，position0的时候切换到4的位置，当从右往左滑动的时候，positon5的时候切换到1的位置。onPageScrollStateChanged状态改变的时候，即停止滑动的时候滑到指定位置，当手指拖动的时候需要停止自动播放；
  • 小圆点指示器，是一个线性布局根据图片数量添加原点，原点背景为selector；
  • 在屏幕显示的时候设置自动播放，离开屏幕时候停止播放；
  • 如果想显示3个page需要在viewpager父容器设置

android:clipChildren=“false”
android:layerType=“hardware”
//代码如下
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
setClipChildren(false);

并且设置viewPager.setPageMargin(pageMargin);，需要加其他特效可以自定义PageTransformer。

  • setAutoPlay方法可以设置不自动循环 viewPager.setAutoPlay(false);

例子

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>


<com.wzh.AutoScrollViewPager
android:id=“@+id/viewpager”
android:layout_width=“match_parent”
android:layout_height=“300dp”>
</com.wzh.AutoScrollViewPager>

MainActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
private AutoScrollViewPager viewPager ;
private ViewPagerAdapter adapter ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (AutoScrollViewPager) findViewById(R.id.viewpager);
adapter = new ViewPagerAdapter(this);
viewPager.setAdapter(adapter);
viewPager.setAutoPlay(true);
}

}

ViewPagerAdapter.java

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.bumptech.glide.Glide;

/**

  • Created by WZH on 2018/4/14.
    */

public class ViewPagerAdapter extends PagerAdapter {
private String[] resIds = {
//最后一张图片
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064849&di=7502440dd81352d3e3d584eb810e0acc&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2012%2F265%2F5432CKKPF561_1000x500.jpg”,
//正真的5张图片
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064850&di=dd3588fdf916fce1527f7b53cc536293&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2012%2F088%2F9KF35LBMFO74.jpg”,
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064854&di=165a16c1167b38b067b3c82cb830c347&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2Fattachments2%2F201303%2F18%2F110902j0e5zjwj0yutt00j.jpg”,
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064877&di=dac68b830070fb6dbf1a9d71fc6b2772&imgtype=0&src=http%3A%2F%2Fi3.download.fd.pchome.net%2Fg1%2FM00%2F0D%2F18%2FoYYBAFS8sGGIUf9wAAJfpTlwpsgAACPGwFaL6cAAl-9928.jpg”,
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772294591&di=9633b23326710637bda3b511c87e0fdb&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1163084700%2C3470735618%26fm%3D214%26gp%3D0.jpg”,
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064849&di=7502440dd81352d3e3d584eb810e0acc&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2012%2F265%2F5432CKKPF561_1000x500.jpg”,
//第一张图片
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1523772064850&di=dd3588fdf916fce1527f7b53cc536293&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2012%2F088%2F9KF35LBMFO74.jpg”,
};

private Context context ;
public ViewPagerAdapter(Context context) {
this.context = context ;
}

@Override
public int getCount() {
return resIds.length;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
View view = View.inflate(context, R.layout.vp_item, null);
ImageView imageView = (ImageView) view.findViewById(R.id.image);
Glide.with(context)
.load(resIds[position])
.into(imageView);
// imageView.setImageResource(resIds[position]);
//添加到容器中
container.addView(view);
return view;
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}

@Override
先自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以扫码领取！！！！

更多学习和讨论，欢迎加入我们！

有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

这里有2000+小伙伴，让你的学习不寂寞~·
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可免费领取！

/>

[外链图片转存中…(img-Mf9BDTnI-1711285642282)]

更多学习和讨论，欢迎加入我们！

有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

这里有2000+小伙伴，让你的学习不寂寞~·
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可免费领取！

2301_82241859
关注
专栏目录
ViewPager实现循环滑动
MingHuang2017的博客
10-22 943
android中用ViewPager实现循环滑动ViewPager在android开发中是个非常常用的组件，最为大家所熟悉的应用场景大概是在app中自动滚动的广告了。当然了，还有很多其它的地方也会用它来实现。不过美中不足的是，它没提供相应的API来实现循环滑动，当滑到最后一页后就不能前进了，只能回退，而当退到第一页时也不能再回退了。可我们的需求中往往有些地方需要循环的效果，比如上面说的广告，一般都是
利用ViewPager实现图片循环滚动
Smile_路飞的专栏
04-11 6137
类似Android的ListView可以实现屏幕上下滑动来浏览数据，ViewPager则实现了
Android Auto Scroll ViewPager：自动滚动的视图切换神器
最新发布
gitblog_00299的博客
08-18 338
Android Auto Scroll ViewPager：自动滚动的视图切换神器 android-auto-scroll-view-pagerandroid-auto-scroll-view-pager: 一个Android库，提供了一个可以自动滚动、循环、减速的ViewPager组件。项目地址:https://gitcode.com/gh_mirrors/an/android-auto-sc...
Android实现ViewPager无限循环滚动回绕
weixin_33721427的博客
06-07 427
 Android实现ViewPager无限循环滚动回绕 Android系统提供的ViewPager标准方式是左右可以自由滑动，但是滑动到最左边的极限位置是第一个page，滑动到最右边的位置是最后一个page，当滑动到最左或者最右时候，就不能再滑动/滚动了，这是Android系统默认的ViewPager实现方式。 但是有些情况下开发者可能希望ViewPager能够智能的无限循环滚动...
ViewPager的左右循环滑动
JavaSecret的专栏
08-08 8658
不知道ViewPager怎么使用的同学自己去网上搜，本文只讲如何实现左右循环滑动。 有两处关键代码，第一处，生成用于PagerAdapter的View列表： private List initViews(){         List listViews = new ArrayList();                  MyView v1 = new MyView(this
Android学习笔记——归纳整理
Yawn
04-21 9055
Android入门笔记——归纳总结
ViewPager的自动循环滑动
Martin0207的博客
05-05 739
ViewPager的自动循环滑动 循环的设想——逻辑——实现 自动循环的设想——逻辑——实现 相关代码的项目地址
ViewPager循环滑动
米小豆的博客
10-11 321
最近使用 viewpager，准备做循环拖动即A->B->C->A->B->C->A->... 找了一下相关资料，只有stactoverflow上有一条比较靠谱的资料，但是不全，自己琢磨了一下，实现了循环拖动。 这里只需要对pageadapter进行操作 源代码如下: public class ViewPagerAdapter extends PagerAdapter{
ViewPager自动滚动
bwf_erg的博客
02-09 354
ViewPage实现自动滚动并没有通过ScheduledExcutorService或者Timer定期执行某个任务实现，而是简单的通过handler发送消息去完成一次滚动，在完成一次滚动后发送另外一个delay的滚动消息，如此循环实现。 ViewPager滑动速度的设置是通过反射的方式重新设置ViewPager的Scroller，改变Scroller的startScroll的间隔时间完成的。调用
AutoScrollViewPager:实现ViewPager的循环滚动
05-23
AutoScrollViewPager 实现ViewPager的循环滚动 提供给外界如下方法： 1.setOnPositionChange.设置监听，提供给外界当前页面求模运算后的索引值，注意不是position值 2.setGoToLeft 向左滚动（默认方向，可以不设置） 3.setGoToRight 向右滚动 4.setInterval 设置滚动一次时间间隔，默认3000毫秒 5.stopAutoScroll 停止自动滚动 6.startAutoScroll 开始自动滚动 7.setOnItemClicklistener 每个Item的点击事件
android viewpager自动滚动
09-08
android viewpager自动滚动实现左右翻页，
ViewPager 的循环滚动
lei的博客
05-05 425
ViewPager 的循环滚动
ViewPager实现循环滚动
StopKidding的博客
03-09 517
ViewPager实现循环滚动【大图预警，流量慎入】
ViewPager系列之ViewPager无限循环滑动原理、代码、2种实现方法比较
热门推荐
JM_beizi的专栏
05-02 1万+
ViewPager无限循环2种方法。方法1：重写 PagerAdapter 中的 getCount() 方法。方法2：重写了 OnPageChangeListener 接口中的onPageSelected 方法。ViewPager无限循环原理。ViewPager无限循环2种实现方法比较。
ViewPager 循环滚动
StoneHui
06-11 1232
这个功能其实很简单，看代码。 先定义一个View的集合和一个View里面显示的图片的id的数组，都用集合也可以。private List viewList = new ArrayList(); private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };接着创建View。priva
viewpager自动滑动
weixin_30840253的博客
07-22 206
Handler handler = new Handler() { @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub if (msg.what == 1) { viewpager.setCurrentItem(msg...
Android——ViewPager多页面滑动切换以及动画效果
05-27
ViewPager是一个Android中的View容器，可以让用户在多个页面之间进行滑动切换。要实现多页面滑动切换以及动画效果，可以按照以下步骤： ...以上就是实现Android中ViewPager多页面滑动切换以及动画效果的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值