android中Viewpager自动加手动轮播
小伙伴们在使用App的时候有没有注意到很多App的首页都是可以左右滑动的页面呢?很多App还有绚丽的轮播图广告。那么如何实现这样的效果呢?这些功能可以用ViewPager来完成。别的内容不想多说,直接贴代码。。。
这里写代码片
xml布局代码
<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=".MainActivity" >
<android.support.v4.view.ViewPager
android:id="@+id/mVp"
android:layout_width="match_parent"
android:layout_height="180dp" />
</RelativeLayout>
这里写代码片
viewitem布局代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/mImg"
android:layout_width="match_parent"
android:layout_height="180dp"
android:scaleType="fitXY"
android:src="@drawable/ic_launcher" />
</LinearLayout>
这里写代码片
MyAdapter代码
package com.example.cn.bgs.autoviewpagerdemo;
import java.util.List;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.widget.BaseAdapter;
import android.widget.ImageView;
public class MyAdapter extends PagerAdapter{
private Context context;
private List<ImageView> Imglist;
public MyAdapter(List<ImageView> Imglist){
this.context=context;
this.Imglist=Imglist;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
int p=position%Imglist.size();
ImageView img=Imglist.get(p);
ViewParent parent=img.getParent();
if(parent!=null){
ViewGroup group=(ViewGroup) parent;
group.removeView(img);
}
container.addView(Imglist.get(p));
return Imglist.get(p);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
}
}
这里写代码片
MainActivity代码
package com.example.cn.bgs.autoviewpagerdemo;
import java.util.ArrayList;
import java.util.List;
import java.util.zip.Inflater;
import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ViewPager mVp;
private int imgs[] = { R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d };
private boolean isAuto = true;// 是否自动轮播
private boolean isTouch = false;// 是否手动轮播
private List<ImageView> Imglist;
private int currentindex = 0;// 当前的状态
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mVp = (ViewPager) findViewById(R.id.mVp);
initViewPager();// 初始化viewPager
t.start();// 启动线程
}
private void initViewPager() {
Imglist = new ArrayList<ImageView>();
for (int i = 0; i < imgs.length; i++) {
View v = View.inflate(this, R.layout.viewitem, null);
ImageView img = (ImageView) v.findViewById(R.id.mImg);
img.setImageResource(imgs[i]);
Imglist.add(img);
}
MyAdapter adapter = new MyAdapter(Imglist);
mVp.setAdapter(adapter);
mVp.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
currentindex = arg0;
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
if (arg0 == ViewPager.SCROLL_STATE_IDLE) {
isTouch = false;
} else {
isTouch = true;
}
}
});
}
Thread t = new Thread(new Runnable() {
@Override
public void run() {
while (isAuto) {
try {
t.sleep(3000);
handler.sendEmptyMessage(0);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
});
private Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 0) {
if (isTouch) {
return;
}
currentindex++;
mVp.setCurrentItem(currentindex);
}
};
};
protected void onDestroy() {
super.onDestroy();
isAuto = false;
};
}
代码到这里都写完了,我想你们都明白,就这样吧。。。。。。
至于效果图嘛如下:
我还不知道如何把效果展示给大家,代码反正是没问题,哪位大神能教教小弟我,感激不尽,,,,,,好了,别的不多说了,就是这样吧。。。。。。