怎么在Android中使用ViewPager实现一个滚动广告效果

这篇文章给大家介绍怎么在Android中使用ViewPager实现一个滚动广告效果，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

文件结构：

布局文件：

<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns: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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="yuxin.ad.MainActivity">

<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="wrap_content"
android:layout_height="200dp"
android:adjustViewBounds="true"/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewPager"
android:background="#33000000"
android:orientation="vertical"
android:padding="5dp">

<LinearLayout
android:id="@+id/show_point"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:orientation="horizontal"/>
</LinearLayout>
</RelativeLayout>

最上面是一个ViewPager，用来展示需要滚动播放的图片；下面是一个 线性布局，用来放最下面的几个小圆点，也可以在里面放一些TextView等，小圆点的 数量是根据图片数量动态添加的。

MainActivity.java

publicclassMainActivityextendsAppCompatActivity{
privateViewPagerviewPager;
//存放图片
privateList<ImageView>imageViewList;
privateImageViewimageView;
//存放小圆点布局文件
privateLinearLayoutlayoutPointGroup;
//线程开关，当activity销毁后，线程也应该停止运行
privatebooleanisStop=false;
privateintpreviousPoint=0;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化
init();
//设置图片自动滚动
newThread(newRunnable(){

@Override
publicvoidrun(){
//如果activity未销毁则一直执行
while(!isStop){
//先休息3秒钟
try{
Thread.sleep(3000);
}catch(InterruptedExceptione){
e.printStackTrace();
}
//以下代码发送到主线程中执行
runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
}
});
}
}
}).start();
}

privatevoidinit(){
viewPager=(ViewPager)findViewById(R.id.viewPager);
layoutPointGroup=(LinearLayout)findViewById(R.id.show_point);
imageViewList=newArrayList<ImageView>();

//TODO:获取图片ID
int[]imageIDs={R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e};
for(intid:imageIDs){
//构造新的图片对象,并根据id设置图片背景
imageView=newImageView(this);
imageView.setImageResource(id);
//所有图片都存放在imageViewList里面
imageViewList.add(imageView);

//构造小点
Viewv=newView(this);
//设置小点的宽和高
LinearLayout.LayoutParamsparams=newLinearLayout.LayoutParams(8,8);
//设置小点的左边距
params.leftMargin=12;
v.setLayoutParams(params);
//设置小点是否可用，默认都不可用，当不可用时，小点是透明的，否则是白色的
v.setEnabled(false);
//设置小点的背景，这个背景是使用xml文件画的一个小圆点
v.setBackgroundResource(R.drawable.pointer_selector);
//把小点添加到它的布局文件中
layoutPointGroup.addView(v);
}

//计算应用打开时显示的第一项Integer.MAX_VALUE/2-3=0
intindex=Integer.MAX_VALUE/2-3;
//给mViewPager设置数据
viewPager.setAdapter(newMyPagerAdapter());
//给mViewPager设置页面滑动事件
viewPager.setOnPageChangeListener(newMyOnPageChangeListener());

//设置应用打开时显示的第一项，index的值为0
//使用这种方式得到的0，和直接写0有什么区别呢？
//直接写0，应用打开后不能直接向右滑动，因为viewpager中存image位置不能为负值，只能先向左滑动
//这种方式得到的0，可以实现应用一打开，就可以向右滑动
viewPager.setCurrentItem(index);
}

privateclassMyPagerAdapterextendsPagerAdapter{

@Override
publicintgetCount(){
returnInteger.MAX_VALUE;
}

@Override
publicbooleanisViewFromObject(Viewview,Objectobject){
returnview==object;
}

//当一页滑出去的时候将它销毁
@Override
publicvoiddestroyItem(ViewGroupcontainer,intposition,Objectobject){
container.removeView(imageViewList.get(position%imageViewList.size()));
}

//向容器中添加图片，由于我们要实现循环滑动的效果，所以要对position取模
@Override
publicObjectinstantiateItem(ViewGroupcontainer,intposition){
container.addView(imageViewList.get(position%imageViewList.size()));
returnimageViewList.get(position%imageViewList.size());
}
}

privateclassMyOnPageChangeListenerimplementsViewPager.OnPageChangeListener{

//开始
@Override
publicvoidonPageScrolled(intposition,floatpositionOffset,intpositionOffsetPixels){

}

//进行时
@Override
publicvoidonPageSelected(intposition){
//当页面滑动结束时，先对页面位置取模
position=position%imageViewList.size();
//将上一个点的可用性设置为false
layoutPointGroup.getChildAt(previousPoint).setEnabled(false);
//把当前点的可用性设置为true
layoutPointGroup.getChildAt(position).setEnabled(true);
//把当前位置值赋值给previousPoint
previousPoint=position;
}

//结束
@Override
publicvoidonPageScrollStateChanged(intstate){

}
}

//当activity销毁时，让线程停止
@Override
publicvoidonDestroy(){
isStop=true;
super.onDestroy();
}
}

具体功能实现可以看代码里的注释，写的十分详细了。

未选中的小圆点pointer_disable.xml：

<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">

<!--设置圆角半径-->
<cornersandroid:radius="0.5dip"/>

<!--设置填充的颜色-->
<solidandroid:color="#55000000"/>

</shape>

选中时的小圆点pointer_focus.xml：

<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">

<cornersandroid:radius="0.5dip"/>

<solidandroid:color="#aaFFFFFF"/>

</shape>

小圆点选择器：

<?xmlversion="1.0"encoding="utf-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android">
<!--选中时，小点为白色-->
<itemandroid:drawable="@drawable/pointer_focus"android:state_enabled="true"></item>
<!--未选中时，小点为透明色-->
<itemandroid:drawable="@drawable/pointer_disable"android:state_enabled="false"></item>
</selector>

关于怎么在Android中使用ViewPager实现一个滚动广告效果就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。