Android滑动导航页

软件导航页可以帮助用户了解软件功能和特性，其中滑动导航页最为常见，本文简要记录导航页的编写。

首先编写java文件Welcome.java

package com.example.test;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
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.view.Window;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class Welcome extends Activity {
	private ViewPager viewpager = null;
	private List<View> list = null;
	private ImageView[] img = null;
	private Button btn = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.welcome);

		viewpager = (ViewPager) findViewById(R.id.viewpager);
		View view = getLayoutInflater().inflate(R.layout.tab4, null);
		list = new ArrayList<View>();
		list.add(getLayoutInflater().inflate(R.layout.tab1, null));
		list.add(getLayoutInflater().inflate(R.layout.tab2, null));
		list.add(getLayoutInflater().inflate(R.layout.tab3, null));
		list.add(view);

		img = new ImageView[list.size()];
		LinearLayout layout = (LinearLayout) findViewById(R.id.viewGroup);
		btn = (Button) view.findViewById(R.id.btn);
		btn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
//				//跳转到登录界面
//				Intent intent = new Intent();
//				intent.setClass(Welcome.this, MainActivity.class);
//				finish();
//				startActivity(intent);
			}
		});
		for (int i = 0; i < list.size(); i++) {
			img[i] = new ImageView(Welcome.this);
			if (0 == i) {
				img[i].setBackgroundResource(R.drawable.bullet02);
			} else {
				img[i].setBackgroundResource(R.drawable.bullet01);
			}
			img[i].setPadding(0, 0, 20, 0);
			layout.addView(img[i]);
		}
		viewpager.setAdapter(new ViewPagerAdapter(list));
		viewpager.setOnPageChangeListener(new ViewPagerPageChangeListener());

	}

	class ViewPagerAdapter extends PagerAdapter {

		private List<View> list = null;

		public ViewPagerAdapter(List<View> list) {
			this.list = list;
		}

		@Override
		public int getCount() {
			return list.size();
		}

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(list.get(position));
			return list.get(position);
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			container.removeView(list.get(position));
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}

	}

	class ViewPagerPageChangeListener implements OnPageChangeListener {

		public void onPageScrollStateChanged(int state) {
		}

		public void onPageScrolled(int page, float positionOffset,
				int positionOffsetPixels) {
		}

		public void onPageSelected(int page) {
			// 更新图标
			for (int i = 0; i < list.size(); i++) {
				if (page == i) {
					img[i].setBackgroundResource(R.drawable.bullet02);
				} else {
					img[i].setBackgroundResource(R.drawable.bullet01);
				}
			}
		}
	}

}

布局文件welcome.xml

<FrameLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white" >
    </android.support.v4.view.ViewPager>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/viewGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="10dp"
            android:gravity="center"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

</FrameLayout>

引用的资源文件有tab1.xml，tab2.xml，tab3.xml，tab4.xml，btn.xml，图片有user1.png，user2.png，user3.png，user4.png，bullet01.png，bullet02.png

demo地址：http://download.csdn.net/detail/huazicomeon/9768176