当前位置:首页 > 技术知识 > 正文内容

Android指示器,轮播与循环轮播(android轮播图代码)

maynowei10个月前 (08-02)技术知识173

Android UI Libs之CircleIndicator

1. 说明

CircleIndicator,顾名思义,圆形指示器,只一个可以用来做轮播的第三方库。

2. 配置

在模块的build.gradle中添加依赖:compile '
me.relex:circleindicator:1.2.1@aar'

3. 基本使用

在xml布局文件中定义ViewPagerCircleIndicator

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="150dp">

<android.support.v4.view.ViewPager

android:id="@+id/view_pager"

android:layout_width="match_parent"

android:layout_height="150dp">

</android.support.v4.view.ViewPager>

<me.relex.circleindicator.CircleIndicator

android:id="@+id/indicator"

android:layout_width="match_parent"

android:layout_height="48dp"/>

</RelativeLayout>

注意:ViewPagerCircleIndicator一般放在同一个RelativeLayout中,并且CircleIndicator放在后面

在java文件中的相关操作:

this.indicator = (CircleIndicator) findViewById(R.id.indicator); this.viewpager = (ViewPager) findViewById(R.id.view_pager);

List<Fragment> list=new ArrayList<>();

myFragment1 = new MyFragment(R.drawable.image1);

myFragment2 = new MyFragment(R.drawable.image2);

myFragment3 = new MyFragment(R.drawable.image3); list.add(myFragment1); list.add(myFragment2); list.add(myFragment3);

MyPagerAdapter myPagerAdapter=new MyPagerAdapter(getSupportFragmentManager(),list);

viewpager.setAdapter(myPagerAdapter);

indicator.setViewPager(viewpager);

MyFragment是我自定义的Fragment,它里面包含一个ImageViewMyPagerAdapter是我自定义的Adapter。

程序运行界面:

我们发现可以轮播,但是不能循环,我们想要循环怎么办,别担心,下一节我们来实现循环轮播。

CircleIndicator还有下面一些属性,属性命名很规则,一看名字就知道属性是干什么的:

  • app:ci_width:

  • app:ci_height

  • app:ci_margin

  • app:ci_drawable

  • app:ci_drawable_unselected

  • app:ci_animator

  • app:ci_animator_reverse

  • app:ci_orientation (default:horizontal)

  • app:ci_gravity (default:center)

4. 高级使用

该库的LoopingViewPager目录下面为我们提供了循环的ViewPager,我们需要将其中的LoopPagerAdapterWrapperLoopViewPager这两个类复制到我们的项目中来就。然后要将
android.support.v4.view.ViewPager
改为
com.lavor.circleindicatordemo.LoopViewPager

  • 当我们的Adapter是继承自FragmentPagerAdapter 时,无法使用该循环的ViewPager(即LoopViewPager

  • 当我们的Adapter是SamplePagerAdapter时,SamplePagerAdapter是该库实例中的一个Adapter时,可以循环轮播,但是明显从最后一个滑动到第一个时,第一页显示了两次,貌似利用该库中的LoopViewPager还无法解决这个问题。

我们要实现循环轮播的最佳解决方案:

  • 利用另一个库LoopViewPager下面的LoopViewPager

  • 修改CircleIndicator下面CircleIndicator的源代码,将setViewPager(ViewPager viewPager)方法中的ViewPager改为上面所提库中的LoopViewPager,并将与之关联的ViewPager都改为上面所提库中的LoopViewPager,其他关联代码对应改过来。

程序运行后的界面:

程序源代码下载,我的github仓库:
https://github.com/lavor-zl/UILibs

欢迎关注我的微信公众号:Android技术漫谈

欢迎关注我的简述专题:Android技术漫谈

相关文章

伪装成抖音国际版Tiktok的短信蠕虫

概述近期监测到一款仿冒Tiktok的短信蠕虫,该短信蠕虫最明显的特点就是针对Android系统版本高于6.0以上的设备,由于Android版本的更新迭代,现在大部分设备已经更新到较高的版本,通过不完全...

真来了,iOS 16.6 beta 利用,隐藏 Dock 栏

昨天提到!iOS 16.5 kfd 漏洞可以隐藏 Dock 栏消息,现在已经确定 iOS 16.6 beta 内测也是支持使用 kfd 漏洞,当然!也是支持隐藏 Dock 栏,主要验证该系统是否可用。...

C++11 同步机制:互斥锁和条件变量

前段时间,我研究了 ROS2(Jazzy)机器人开发系统,并将官网中比较重要的教程和概念,按照自己的学习顺序翻译成了中文,进行了整理和记录。到目前为止,已经整理了20多篇文章。如果你想回顾之前的内容,...

从 async/await 到虚拟线程:Python 并发的再思考

演进之路:从async/await到线程的反思首先必须明确的是,async/await对Python并非全无裨益:它最大的价值,是让更多人接触到了并发编程。通过在编程语言中嵌入语法元素,并发编程的门槛...

Linux系统编程:条件变量为什么要用锁

条件变量可以解决线程同步和共享资源访问的问题,条件变量是对互斥锁的补充,它允许一个线程阻塞并等待另一个线程发送的信号,当收到信号时,阻塞的线程被唤醒并试图锁定与之相关的互斥锁。具体定义如下:等待:in...

C++26中同步与原子操作新变化(c++ 同步)

引言随着多核处理器和并发编程的普及,C++26进一步增强了对同步与原子操作的支持,为开发者提供了更高效、更安全的工具来应对多线程编程中的数据竞争与同步挑战。自C++11引入原子操作以来,C++标准库在...