安卓开发中,图片轮播器在app里是很常见的,下面通过一个demo来展示一下是如何实现一个图片轮播器的。
1.先来看一下图片轮播器demo的layout布局文件
activity_main.xml 图片轮播器实现主界面的activity的布局layout文件
<!---activity_main.xml实现图片轮播的Activity的layout-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="图片轮播器"
android:textSize="24sp"
android:gravity="center"/>
<!--这里留一个linearlayout来放置图片轮播器的view-->
<LinearLayout
android:id="@+id/ll_board_viewpager"
android:layout_width="match_parent"
android:layout_height="160dp"
android:tag="board_viewpager"
android:orientation="vertical"
/>
</LinearLayout>
viewpager_board.xml 图片轮播器的view的layout布局,底部的用于放置圆点指示器,用来指示现在显示的是第几张图片
<?xml version="1.0" encoding="utf-8"?>
<!--viewpager_board.xml 图片轮播器的view布局-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
>
<android.support.v4.view.ViewPager
android:id="@+id/vp_board"
android:layout_width="match_parent"
android:layout_height="150dip" />
<!--这里放置的是图片圆点指示器的view-->
<LinearLayout
android:id="@+id/ll_board_dot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"