我要评论很多app中都实现了类似引导页的自动轮播，不由得想到昨天的引导页上修改一下代码实现轮播。 其实大体上只需要添加一个线程循环执行就可以了。
项目已同步至：https://github.com/nanchen2251/viewpagerdemo
同样的先上图
直接上代码，注释都全的，我想这样更有利于理解。
先改了adapter
package com.example.nanchen.taketurnplaydemo;
import android.support.v4.view.pageradapter;
import android.view.view;
import android.view.viewgroup;
import java.util.list;
/**
* created by 南尘 on 2016/7/10.
*/
public class guidepageadapter extends pageradapter {
private list<view> viewlist;
public guidepageadapter(list<view> viewlist) {
this.viewlist = viewlist;
}
/**
* @return 返回页面的个数
*/
@override
public int getcount() {
if (viewlist != null){
// return viewlist.size();
//第一处修改，设置轮播最大值，等于无限循环
return integer.max_value;
}
return 0;
}
/**
* 判断对象是否生成界面
* @param view
* @param object
* @return
*/
@override
public boolean isviewfromobject(view view, object object) {
return view == object;
}
/**
* 初始化position位置的界面
* @param container
* @param position
* @return
*/
@override
public object instantiateitem(viewgroup container, int position) {
//第二处修改，当前要显示的数据索引为集合长度
int newposition = position % viewlist.size();
container.addview(viewlist.get(newposition));
return viewlist.get(newposition);
// container.addview(viewlist.get(position));
// return viewlist.get(position);
}
@override
public void destroyitem(viewgroup container, int position, object object) {
//第三处修改，移除的索引为集合的长度
int newposition = position % viewlist.size();
container.removeview(viewlist.get(newposition));
// container.removeview(viewlist.get(position));
}
}
在看activity
package com.example.nanchen.taketurnplaydemo;
import android.content.intent;
import android.os.bundle;
import android.support.v4.view.viewpager;
import android.support.v7.app.appcompatactivity;
import android.view.view;
import android.view.viewgroup;
import android.view.window;
import android.widget.imagebutton;
import android.widget.imageview;
import android.widget.linearlayout;
import java.util.arraylist;
import java.util.list;
/**
* 实现首次启动的引导页面
*/
public class guideactivity extends appcompatactivity implements viewpager.onpagechangelistener{
private viewpager vp;
private int []imageidarray;//图片资源的数组
private list<view> viewlist;//图片资源的集合
private viewgroup vg;//放置圆点
//实例化原点view
private imageview iv_point;
private imageview []ivpointarray;
private boolean islooper;
//最后一页的按钮
private imagebutton ib_start;
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
supportrequestwindowfeature(window.feature_no_title);
setcontentview(r.layout.activity_guide);
ib_start = (imagebutton) findviewbyid(r.id.guide_ib_start);
ib_start.setonclicklistener(new view.onclicklistener() {
@override
public void onclick(view v) {
startactivity(new intent(guideactivity.this,mainactivity.class));
finish();
}
});
//加载viewpager
initviewpager();
//加载底部圆点
initpoint();
//修改添加设置viewpager的当前页，为了保证左右轮播
vp.setcurrentitem(5000000);
//开启一个线程，用于循环
new thread(new runnable() {
@override
public void run() {
islooper = true;
while (islooper){
try {
thread.sleep(2000);
} catch (interruptedexception e) {
e.printstacktrace();
}
runonuithread(new runnable() {
@override
public void run() {
//这里是设置当前页的下一页
vp.setcurrentitem(vp.getcurrentitem() + 1);
}
});
}
}
}).start();
}
/**
* 加载底部圆点
*/
private void initpoint() {
//这里实例化linearlayout
vg = (viewgroup) findviewbyid(r.id.guide_ll_point);
//根据viewpager的item数量实例化数组
ivpointarray = new imageview[viewlist.size()];
//循环新建底部圆点imageview，将生成的imageview保存到数组中
int size = viewlist.size();
for (int i = 0;i<size;i++){
iv_point = new imageview(this);
iv_point.setlayoutparams(new viewgroup.layoutparams(20,20));
iv_point.setpadding(30,0,30,0);//left,top,right,bottom
ivpointarray[i] = iv_point;
//第一个页面需要设置为选中状态，这里采用两张不同的图片
if (i == 0){
iv_point.setbackgroundresource(r.mipmap.full_holo);
}else{
iv_point.setbackgroundresource(r.mipmap.empty_holo);
}
//将数组中的imageview加入到viewgroup
vg.addview(ivpointarray[i]);
}
}
/**
* 加载图片viewpager
*/
private void initviewpager() {
vp = (viewpager) findviewbyid(r.id.guide_vp);
//实例化图片资源
imageidarray = new int[]{r.mipmap.guide1,r.mipmap.guide2,r.mipmap.guide3};
viewlist = new arraylist<>();
//获取一个layout参数，设置为全屏
linearlayout.layoutparams params = new linearlayout.layoutparams(
linearlayout.layoutparams.match_parent,linearlayout.layoutparams.match_parent);
//循环创建view并加入到集合中
int len = imageidarray.length;
for (int i = 0;i<len;i++){
//new imageview并设置全屏和图片资源
imageview imageview = new imageview(this);
imageview.setlayoutparams(params);
imageview.setbackgroundresource(imageidarray[i]);
//将imageview加入到集合中
viewlist.add(imageview);
}
//view集合初始化好后，设置adapter
vp.setadapter(new guidepageadapter(viewlist));
//设置滑动监听
vp.setonpagechangelistener(this);
}
@override
public void onpagescrolled(int position, float positionoffset, int positionoffsetpixels) {
}
/**
* 滑动后的监听
* @param position
*/
@override
public void onpageselected(int position) {
//修改全部的position长度
int newposition = position % viewlist.size();
//循环设置当前页的标记图
int length = imageidarray.length;
for (int i = 0;i<length;i++){
ivpointarray[newposition].setbackgroundresource(r.mipmap.full_holo);
if (newposition != i){
ivpointarray[i].setbackgroundresource(r.mipmap.empty_holo);
}
}
// //循环设置当前页的标记图
// int length = imageidarray.length;
// for (int i = 0;i<length;i++){
// ivpointarray[position].setbackgroundresource(r.mipmap.full_holo);
// if (position != i){
// ivpointarray[i].setbackgroundresource(r.mipmap.empty_holo);
// }
// }
//判断是否是最后一页，若是则显示按钮
// if (position == imageidarray.length - 1){
// ib_start.setvisibility(view.visible);
// }else {
// ib_start.setvisibility(view.gone);
// }
}
@override
public void onpagescrollstatechanged(int state) {
}
}
在activity中值得一提的是，我们在实际的安卓开发中会经常用到更新ui，以前我们通常使用的都是handler，这里就提供了另外的一种实现方式runonuithread(),需要一个实现runnable接口的实现类作为参数，
xml同样简单
<?xml version="1.0" encoding="utf-8"?> <relativelayout 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" tools:context=".guideactivity"> <relativelayout android:layout_width="match_parent" android:layout_height="200dp"> <android.support.v4.view.viewpager android:id="@+id/guide_vp" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.viewpager> <linearlayout android:id="@+id/guide_ll_point" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_alignparentbottom="true" android:paddingbottom="10dp" android:gravity="center_horizontal"> </linearlayout> <imagebutton android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/guide_ib_start" android:src="@mipmap/btn_start" android:layout_centerhorizontal="true" android:layout_above="@+id/guide_ll_point" android:background="@null" android:visibility="gone"/> </relativelayout> </relativelayout>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论