android ViewPager 实现点击小圆点切换页面
说明：在viewpager中，通过左右滑动可以切换页面，同样可以通过点击所指示的小圆点来滑动到某个页面页面。
具体实现方法如下：
主要activity：
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
android:id="@+id/guidePages"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:id="@+id/viewGroup"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="30dp"
android:gravity="center_horizontal"
android:orientation="horizontal">
主Class：
public class MainActivity extends Activity {
private ViewPagerviewPager;
private ArrayListpageViews;
private ViewGroupmain, group;
private ImageViewimageView;
private ImageView[]imageViews;
public int a = 0;
public int i = 0;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
LayoutInflater inflater = getLayoutInflater();
pageViews =new ArrayList();
pageViews.add(inflater.inflate(R.layout.item01,null));
pageViews.add(inflater.inflate(R.layout.item02,null));
pageViews.add(inflater.inflate(R.layout.item03,null));
pageViews.add(inflater.inflate(R.layout.item04,null));
imageViews =new ImageView[pageViews.size()];
main = (ViewGroup)inflater.inflate(R.layout.activity_main,null);
group = (ViewGroup)main.findViewById(R.id.viewGroup);
viewPager = (ViewPager)main.findViewById(R.id.guidePages);
for (i = 0;i < pageViews.size(); i++) {
imageView =new ImageView(MainActivity.this);
imageView.setLayoutParams(new LayoutParams(40,40));
imageView.setPadding(20, 0, 20, 0);
imageViews[i] =imageView;
if (i == 0) {
//默认选中第一张图片
imageViews[i].setBackgroundResource(R.drawable.head_portrait);
} else {
imageViews[i].setBackgroundResource(R.drawable.ic_launcher);
}
imageViews[i].setOnClickListener(new OnClickListener() {
@Override
publicvoid onClick(View v) {
intk = i;
viewPager.setCurrentItem(where(imageViews,(ImageView)v));
Log.d("-------","-------------"+i);
}
});
group.addView(imageViews[i]);
}
setContentView(main);
viewPager.setAdapter(new GuidePageAdapter());
viewPager.setOnPageChangeListener(new GuidePageChangeListener());
}
public int where(ImageView[] imageviews,ImageView imageview){
for(int i = 0;i < imageviews.length;i++){
if(imageviews[i] == imageview){
return i;
}
}
return -1;
}
/** 指引页面Adapter */
class GuidePageAdapterextends PagerAdapter {
@Override
publicint getCount() {
returnpageViews.size();
}
@Override
publicboolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
publicint getItemPosition(Object object) {
//TODO Auto-generated method stub
returnsuper.getItemPosition(object);
}
@Override
publicvoid destroyItem(View arg0, int arg1, Object arg2) {
//TODO Auto-generated method stub
((ViewPager) arg0).removeView(pageViews.get(arg1));
}
@Override
public Object instantiateItem(View arg0,int arg1) {
//TODO Auto-generated method stub
((ViewPager) arg0).addView(pageViews.get(arg1));
returnpageViews.get(arg1) ;
}
@Override
publicvoid restoreState(Parcelable arg0, ClassLoader arg1) {
//TODO Auto-generated method stub
}
@Override
public Parcelable saveState() {
returnnull;
}
@Override
publicvoid startUpdate(View arg0) {
}
@Override
publicvoid finishUpdate(View arg0) {
}
}
/** 指引页面改监听器 */
class GuidePageChangeListenerimplements OnPageChangeListener {
@Override
publicvoid onPageScrollStateChanged(int arg0) {
//TODO Auto-generated method stub
}
@Override
publicvoid onPageScrolled(int arg0, float arg1, int arg2) {
//TODO Auto-generated method stub
}
@Override
publicvoid onPageSelected(int arg0) {
for (int i = 0; i
imageViews[arg0]
.setBackgroundResource(R.drawable.head_portrait);
if (arg0 != i) {
imageViews[i]
.setBackgroundResource(R.drawable.ic_launcher);
}
}
}
}
}
四个页面文件：
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#f00">
运行效果：
demo下载：/detail/lyhdream/5170654
(点击小图标切换不同页面)
