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

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

maynowei9个月前 (08-02)技术知识158

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技术漫谈

相关文章

Win10系统除了移植Objective C,还要有Swift

IT之家讯Build2015大会最让人震惊的莫属微软推出工具,Win10系统可以移植安卓/iOS应用,特别是后者使用的Objective C编程语言,不过最新消息表明,微软连苹果最新的Swift移植也...

Objective C interface(objective什么意思)

在Objective C里面,interface基本可以理解为其他语言里面的class。当然也有些不同。首先我们可以新建一个Objective-C的file。这里我们添加一个MyClass.m和一个M...

msf系列篇章之七模块详解,黑客必学

1、 mestasploit有很多模块,一共分为七类那如果是kali中自带的msf,它默认的安装路径是在这里。,然后可以看见它这些模块有些相对应的目录。1)、exploits漏洞利用模块,这个模块通常...

webview 渲染机制:硬件加速方式渲染的Android Web

webview 渲染是什么?webview 渲染是用于展现web页面的控件; webview 可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都是基于 webview 模式进行二次开发的w...

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

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

C语言编写多线程,什么时候要使用互斥锁?为什么要使用互斥锁?

在多线程编程中,当多个线程同时访问共享资源(如变量、文件等)时,会出现竞态条件(Race Condition)问题,导致程序的行为不可预测。为了避免这种问题,需要使用互斥锁来保护共享资源的访问。互斥锁...