Android ViewPager实现实现Banner循环播放循环播放
问题的起源问题的起源
在项目里,有时候需要实现一个图片轮播的效果,用来展示Banner。同时,图片能循环播放,下面还有一排小圆点来指示当
前轮播到哪一页了。
如下图:
分析分析
· 图片的个数是会变化的,同时小圆点的个数也会跟着图片个数变化
· 每一个page的布局是一样的。变化的就是小圆点的个数,所以需要用代码来动态生成小圆点
编码编码
布局
首先完成 MainActivity 的布局 activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<!-- ViewPager -->
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="180dip" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewpager"
android:background="#44000000"
android:gravity="center"
android:orientation="vertical"
android:padding="5dip" >
<!-- Banner的文字描述 -->
<TextView
android:id="@+id/tv_banner_text_desc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white" />
<!-- 小圆点的父控件 -->
<LinearLayout