Android轮播图-----viewPager
Android轮播图—–viewPager
ONE Goal ,ONE Passion!
轮播图顾名思义就是能自动或手动切换的图片.一般都用于广告等.一般的实现可以用viewFilpper或viewPager.下面使用viewPager实现轮播图;
使用ViewFlipper实现:
http://blog.csdn.net/fengltxx/article/details/50344019
第1步: 在xml中使用viewPager
xml代码:
viewPager是v.4包中的控件,一定要完整写android.support.v4.view.ViewPager才可以
<?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="com.example.custom.activity.ViewPagerActivity">
<android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="180dp">
</android.support.v4.view.ViewPager>
</RelativeLayout>
第2步: 在activity中代码中使用并处理
public class ViewPagerActivity extends Activity {
ViewPager mViewPager;
myViewPagerAdapter myAdapter;
List<ImageView> imageViewList; 存放ImageView的集合
int[] imageId = new int[]{R.drawable.h1, R.drawable.h2,
R.drawable.h3, R.drawable.h4, R.drawable.h5, R.drawable.h6};
boolean isloop = true;
Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
mViewPager.setCurrentItem(mViewPager.getCurrentItem() + 1);
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_pager);
imageViewList = new ArrayList<>();
// 为集合填充数据
for (int i = 0; i < imageId.length; i++) {
ImageView iv = new ImageView(this);
iv.setImageResource(imageId[i]);
imageViewList.add(iv);
}
mViewPager = (ViewPager) findViewById(R.id.viewpager);
myAdapter = new myViewPagerAdapter(imageViewList);
mViewPager.setAdapter(myAdapter);
mViewPager.setCurrentItem(500); //从500开始
/** * 为viewpager设置监听 */
mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
changeView();
}
public void changeView() {
new Thread(new Runnable() {
@Override
public void run() {
while (isloop) {
//休眠3秒,即 3s切换切换一次
SystemClock.sleep(3000);
handler.sendEmptyMessage(0);
}
}
}).start();
}
private class myViewPagerAdapter extends PagerAdapter {
private List<ImageView> mList;
/** * 将存放图片的集合传递进来 * * @param imageViewList */
public myViewPagerAdapter(List<ImageView> imageViewList) {
this.mList = imageViewList;
}
/** * 该方法将返回所包含的 Item总个数。为了实现一种循环滚动的效果，返回了基本整型的最大值，这样就会创建很多的Item, * 其实这并非是真正的无限循环。 */
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
/** * 判断出去的view是否等于进来的view 如果为true直接复用 * 一般写死 return view == object; */
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
/** * 创建view * * @param container * @param position * @return */
@Override
public Object instantiateItem(ViewGroup container, final int position) {
container.addView(mList.get(position % mList.size()));
mList.get(position % mList.size()).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
System.out.println("点击了" + position % mList.size());
}
});
return mList.get(position % mList.size());
}
/** * 销毁预加载以外的view对象, 会把需要销毁的对象的索引位置传进来，就是position， * 因为mImageViewList，而position将会取到很大的值， * 所以使用取余数的方法来获取每一条数据项。 */
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mList.get(position % mList.size()));
}
}
@Override
protected void onDestroy() {
super.onDestroy();
isloop = false;
}
}a. 使用viewPager就像listView一样我们要使用适配器来填充数据.
当我们自定义myViewPagerAdapter 去继承PagerAdapter时,我们根据提示仅仅会得到两个重写的方法:
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
/** * 判断出去的view是否等于进来的view 如果为true直接复用 * 一般 return view == object; 写死 */
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
b.我们需要手动重写两个方法:而且我们需要重写构造方法以便传递数据
private List<ImageView> mList;
/** * 将存放图片的集合传递进来 * * @param imageViewList */
public myViewPagerAdapter(List<ImageView> imageViewList) {
this.mList = imageViewList;
}
/** * 创建view * * @param container * @param position * @return */
@Override
public Object instantiateItem(ViewGroup container, final int position) {
container.addView(mList.get(position % mList.size()));
mList.get(position % mList.size()).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
System.out.println("点击了" + position % mList.size());
}
});
return mList.get(position % mList.size());
}
/** * 销毁预加载以外的view对象, 会把需要销毁的对象的索引位置传进来，就是position， * 因为mImageViewList，而position将会取到很大的值， * 所以使用取余数的方法来获取每一条数据项。 */
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mList.get(position % mList.size()));
}
}我们有时候想给图片增加点击事件.
只需要在instantiateItem方法中增加事件就行了
@Override
public Object instantiateItem(ViewGroup container, final int position) {
container.addView(mList.get(position % mList.size()));
// 为当前的item增加点击事件
mList.get(position % mList.size()).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
System.out.println("点击了" + position % mList.size());
// 一般情况下,当点击某个item时.如果详情页,我们会将此item的数据通过intent传递到另一个activity中.
}
});
return mList.get(position % mList.size());
}特别要注意:
得到的是当前list数据集合中的 第item条 数据
position % mList.size()
而position 是viewpager容器的当前位置.效果图:
好了简单的轮播图已经实现了.