安卓轮播图(ViewPager 无限循环滚动)

屏幕划动是在两个完整界面间的转换,它在一些UI中很常见,比如设置向导和幻灯放映。Android官方培训课程中文版

有关 ViewPager 用法介绍可以参考官方文档 Android

安卓官方文档 https://developer.android.google.cn/develop/index.html

此为一个博客评论中看到的方案,实践后确实可行,做个记录。

修改 ViewPager 的 Change 事件达到循环滚动(Java):

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        if (position == 0 && positionOffsetPixels == 0)
            mViewPager.setCurrentItem(data.size() - 2, false);
        else if (position == mFragments.size() - 1 && positionOffsetPixels == 0)
            mViewPager.setCurrentItem(1, false);
    }

    @Override
    public void onPageSelected(int position) {
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }
});

自动切换 View (Kotlin)
参考 RxJava轮询器:interval

Observable.interval(3, 3, TimeUnit.SECONDS).bindToLifecycle(this)
        .observeOn(AndroidSchedulers.mainThread())
        .subscribe { next ->
            var currentIndex = mViewPager.currentItem
            if (++currentIndex == mAdapter.count) {
                mViewPager.currentItem = 1
            } else {
                mViewPager.setCurrentItem(currentIndex, true)
            }
        }

以下为 Kotlin 实现的代码 ->
ViewPager 布局和设置

class Home : Fragment() {

    private lateinit var mAdapter: HomeLoopPagerAdapter

    private lateinit var mViewPager: ViewPager

    /**
    * 界面布局
    */
    override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View = UI {
        linearLayout {
            orientation = LinearLayout.VERTICAL

            viewPager {
                id = HomeTabFragment.ID_VIEW_PAGER
                backgroundColor = Color.WHITE
            }.lparams {
                width = matchParent
                height = dip(130)
                topMargin = dip(8)
                bottomMargin = dip(8)
            }
        }
    }.view

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        mAdapter = HomeLoopPagerAdapter()

        mViewPager = view.findViewById(ID_VIEW_PAGER) as ViewPager
        mViewPager.adapter = mAdapter
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)

        /**
        * 适配器数据
        */
        val data = arrayListOf<HomeLooperAdapterBean>()

        for (i in 1..5) {
            val slideshowView = SimpleDraweeView(context)
            val hierarchy = GenericDraweeHierarchyBuilder(resources)
                    .setActualImageScaleType(ScalingUtils.ScaleType.FIT_XY)
                    .setPlaceholderImageScaleType(ScalingUtils.ScaleType.FIT_XY)
                    .setPlaceholderImage(R.mipmap.img_home_slideshow)
                    .build()
            slideshowView.hierarchy = hierarchy
            slideshowView.setImageURI(Uri.parse(""), context)

            val bean = HomeLooperAdapterBean(slideshowView)
            data.add(bean)
        }
        mAdapter.updateData(data)

        mViewPager.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
            override fun onPageScrollStateChanged(state: Int) {
            }

            /**
            * 关键代码
            */
            override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {
                if (position == 0 && positionOffsetPixels == 0)
                    mViewPager.setCurrentItem(data.size - 2, false)
                else if (position == data.size - 1 && positionOffsetPixels == 0)
                    mViewPager.setCurrentItem(1, false)
            }

            override fun onPageSelected(position: Int) {
            }
        })
    }

    companion object {
        val ID_VIEW_PAGER = 1001
    }

}

适配器无变化

class HomeLoopPagerAdapter : PagerAdapter() {

    val mData = arrayListOf<HomeLooperAdapterBean>()

    override fun isViewFromObject(view: View?, `object`: Any?): Boolean = view == `object`

    override fun getCount(): Int = mData.size

    override fun destroyItem(container: ViewGroup, position: Int, `object`: Any?) = container.removeView(`object` as View)

    override fun instantiateItem(container: ViewGroup, position: Int): Any {
        val view = mData[position].simpleDraweeView
        container.addView(view)
        return view
    }

    fun updateData(list: List<HomeLooperAdapterBean>) {
        mData.clear()
        mData.addAll(list)
        notifyDataSetChanged()
    }

}

Over 。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,900评论 25 707
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,417评论 2 45
  • Learn-Android 本收集来源于git上,原版本地址:https://github.com/Tim9Liu...
    仕明同学阅读 2,223评论 0 36
  • 六个月的欢宝开始有自己的情绪,会想要跟姐姐玩,会选择想要待的房间,会拒绝不想吃的食物……得不到满足就会以哭来抗议。...
    爱无限延续阅读 218评论 0 0
  • 其实想要让钱像病毒一样生长, 方法很简单, 分为三步: 病毒化病毒化就是把钱注入一个类似于病毒的载体. 扩散由于载...
    朱耀锋阅读 348评论 0 0