先看看效果
布局文件如下:
<!--1.首先Viewpager 这个类是在V4这个jar包里的。使用之前必须先添加这个包。一般来说,这个jar包会默认加载到工程中
2.viewpager 的创建也是采用适配器。这个和ListView类似。只是说Viewpager 的适配器需要继承自PagerAdapter。
3.ViewPager本身是不能自动滑动的。要想实现自动滑动,必须不断的改变ViewPager当前要显示的图片 -->
<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/view_pager"
android:layout_width="fill_parent"
android:layout_height="200dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/view_pager"
android:orientation="vertical"
android:background="#33000000">
<TextView
android:id="@+id/content"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="****" />
<!--用来在代码中动态的添加指示标签,就是那几个小圆点-->
<LinearLayout
android:id="@+id/view_group"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="horizontal" >
</LinearLayout>
</LinearLayout>
</RelativeLayout>
Java代码:
package com.example.ads;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;
import android.app.Activity;
public class MainActivity extends Activity {
private ViewPager viewPager;
private LinearLayout viewgroup;
/**
标题*/
private TextView content;
/**
记录上一次位置
*/
private int lastposition;
/**
记录activity是否可见*/
private boolean isRunning=false;
// 图片标题集合
private final String[] imageDescriptions = { "巩俐不低俗,我就不能低俗",
"扑树又回来啦!再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀" };
// 图片资源ID
private final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d, R.drawable.e };
// 存放ImageView对象
private List<ImageView> list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.view_pager);
viewgroup = (LinearLayout) findViewById(R.id.view_group);
content = (TextView) findViewById(R.id.content);
list = new ArrayList<ImageView>();
for (int i = 0; i < imageIds.length; i++) {
//添加ImageView到List中
ImageView imageView = new ImageView(getApplicationContext());
imageView.setBackgroundResource(imageIds[i]);
list.add(imageView);
// 添加指示图标
ImageView imageView2 = new ImageView(getApplicationContext());
//设置图标的位置参数
LinearLayout.LayoutParams params = new LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT, -2);
params.leftMargin = 15;
params.bottomMargin = 3;
imageView2.setLayoutParams(params);
//bg是一个Selector,当把Imageview设置为enable时显示
//一个颜色,false时显示另外一个颜色 imageView2.setBackgroundResource(R.drawable.bg);
//默认显示第一个
if (i == 0) {
lastposition = 0;
imageView2.setEnabled(true);
} else {
imageView2.setEnabled(false);
}
viewgroup.addView(imageView2);
}
viewPager.setAdapter(new MyPagerAdapter());
content.setText(imageDescriptions[0]);
viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE
% list.size());
handler.sendEmptyMessageDelayed(123, 2000);
isRunning=true;
//添加监听事件
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
/*当页面滑动的后,回调该方法*/
@Override
public void onPageSelected(int position) {
position = position % list.size();
content.setText(imageDescriptions[position]);
viewgroup.getChildAt(position).setEnabled(true);
viewgroup.getChildAt(lastposition).setEnabled(false);
lastposition = position;
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrollStateChanged(int state) {
// TODO Auto-generated method stub
}
});
}
/*使用Handler不断发送消息,实现页面滑动*/
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 123) {
if(isRunning){
viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
handler.sendEmptyMessageDelayed(123, 2000);}
}
};
};
/*自定义的Adapter*/
class MyPagerAdapter extends PagerAdapter {
@Override
/**
* viewPager条目数量,这里直接设置一个特别大的数值,就是
* 产生Integer.MAX_VALUE这么多个条目。自动滑动也就是一直
* 显示下一个,但是由于这么多条目里的图片是循环出现的,所以给
* 人的感觉就是循环显示。
* 需要注意的是,创建这么多的条目并不会导致内存溢出。
* ViewPager并不会一次创建这么多条目。
* */
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
}
/**
* 实例化ViewPager的Item,返回值是当前要实例化的对象。用来后边对象的复用做判断
* */
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(list.get(position % list.size()));
return list.get(position % list.size());
}
/**
* 销毁ViewPager对象的item,不能调用父类的方法,否则他会认为你没有重写这个方法而报错
* */
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
System.out.println("destroyItem" + position);
container.removeView((View) object);
}
/**
* 判断view 和 Object的关系
* */
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
}
@Override
protected void onPause() {
isRunning=false;
super.onPause();
}
@Override
protected void onResume() {
isRunning=true;
super.onResume();
}
}