自定義歡迎頁張數，帶應到點。多的不說了，直接上程式碼。

效果大家可以自己試一下，

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

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.AsyncTask;
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.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.facebook.drawee.view.SimpleDraweeView;

/**
 * @專案名稱：	Make_wish
 * @類名稱： 	Welcome_Activity.java
 * @建立人：	Mr.ladeng (
 
[email protected])
 * @建立時間： 2015-5-11下午8:09:42
 * @修改備註：    
 * @version 1.0   
 * @類描述：引導歡迎頁面，首次安裝會進入這個介面
 */
public class Welcome_Activity extends BaseActivity {
	
	private TextView wel_jump;
	
	private ImageView tv;
	private ViewPager vp;// 頁卡內容
	private List<ImageView> datas; // Tab頁面列表

	private LinearLayout ll_points;
	
	//ArrayList<ImagePage>  imageP ;

	private static final String SHAREDPREFERENCES_NAME = "first_pref";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		PushAgent.getInstance(this).onAppStart();
		
		// 設定全屏
		requestWindowFeature(Window.FEATURE_NO_TITLE); // 無title
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN); // 全屏

		setContentView(R.layout.welcome_activity);
		
		(new GetWelcomeImg()).execute();
		//Bundle bundle=getIntent().getExtras();
		//imageP =bundle.getParcelableArrayList("img");
		// 初始化
		initView();

	}

	private void initView() {
		
		wel_jump = (TextView) findViewById(R.id.wel_jump);
		
		tv = (ImageView) findViewById(R.id.wel_tv);
		vp = (ViewPager) findViewById(R.id.vp);
		ll_points = (LinearLayout) findViewById(R.id.ll_points);

		initDatas(imageP);
		vp.setOffscreenPageLimit(3);
		vp.setAdapter(new MyPagerAdapter());
		setListener();
		
	}

	/**	未選中	*/
	private int prePosition = 0;
	@SuppressWarnings("deprecation")
	private void setListener() {
		/** 設定小圓點**/
		vp.setOnPageChangeListener(new OnPageChangeListener() {

			@Override
			public void onPageSelected(int position) {
				
				ll_points.getChildAt(position).setBackgroundResource(R.drawable.wel_dot_enable);//選中背景色
				ll_points.getChildAt(prePosition).setBackgroundResource(R.drawable.wel_normal);//未選中背景色
				
				/**	選中	*/
				prePosition = position;
				/**
				 * 設定tv可見 當position為第4個圖片的時候啟用下面的方法 其他時候都是不可見的
				 * 下面一個動畫 ，在最後一個頁面的時候可以通過動畫跳轉到主介面
				 */
				if (position == datas.size() - 1) {
					
					wel_jump.setVisibility(View.VISIBLE);//跳過
					
					
				}else {
					wel_jump.setVisibility(View.GONE);//跳過
				}
			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
			}

			@Override
			public void onPageScrollStateChanged(int arg0) {
			}
		});
		
		/**
		 * 設定點選跳轉
		 */
		wel_jump.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				setGuided();
				openActivity(LoginActivity.class);
				finish();
			}
		});
			
		tv.setOnClickListener(new OnClickListener() {
			@Override
			// 點選方法
			public void onClick(View v) {
				setGuided();
				openActivity(LoginActivity.class);
				finish();
			}
		});
		
	}
	
	
	
	/**
	 * 
	 * method desc：設定已經引導過了，下次啟動不用再次引導
	 */
	private void setGuided(){
		SharedPreferences preferences = getSharedPreferences( SHAREDPREFERENCES_NAME, MODE_PRIVATE);
		Editor editor = preferences.edit();
		// 存入資料
		editor.putBoolean("isFirstIn", false);
		// 提交修改
		editor.commit();
	}


	// 將圖片新增到介面上
	private void initDatas(ArrayList<ImagePage> imageP) {
		datas = new ArrayList<ImageView>();
			for (int i = 0; i < imageP.size() ; i++) {
			
			SimpleDraweeView iv = new SimpleDraweeView(Welcome_Activity.this);
			
			FrescoUtils.loadImageStart( iv , imageP.get(i).imgs);
			
			datas.add(iv);

			int px2dp = ScreenUtils.px2dp(getApplicationContext(), 30);
			int screenWidth = ScreenUtils.getScreenWidth(getApplicationContext());
			if (screenWidth>=1080) {
				px2dp = 30 ;
			}
			
			View view = new View(this);
			// 為這個view設定背景 未選中狀態背景色
			view.setBackgroundResource(R.drawable.wel_normal); 
			// 定義佈局引數，並給view設定引數(寬，高)
			LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(px2dp , px2dp);
			params.leftMargin = px2dp ;
			view.setLayoutParams(params);
			// 將定義好的view加入到線性佈局中
			ll_points.addView(view);
		}
		ll_points.getChildAt(0).setBackgroundResource(R.drawable.wel_dot_enable);//選中狀態背景色

	}

	private class MyPagerAdapter extends PagerAdapter {
		// viewPager的頁數
		@Override
		public int getCount() {
			return datas.size();
		}

		@Override
		public boolean isViewFromObject(View view, Object obj) {
			return view == obj;
		}

		// 初始化條目
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			// 必須要加入到ViewGroup中
			container.addView(datas.get(position));
			return datas.get(position);
		}

		// 從ViewPager中移除
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			container.removeView(datas.get(position));
		}
	}
	
	/********* 	歡迎頁  start******** */
	class GetWelcomeImg extends AsyncTask<Void, Integer, Integer> {

		private String flag;
		ArrayList<ImagePage>  imageP ;

		GetWelcomeImg() {
			imageP = new ArrayList<ImagePage> ();
		}

		@Override
		protected void onPreExecute() {
		}

		@Override
		protected Integer doInBackground(Void... params) {
			JSONObject jsonObject = JsonUtils.ReadHttpGet(Constant.WelcomeImg);
			Integer result = 0;
			
			if (null != jsonObject) {
				try {
					flag = jsonObject.getString("flag").toString().trim();
					if (flag.equals("1")) {
						JSONArray jsonArray = new JSONArray(jsonObject.getString("data"));
						ImagePage imagePage ;
						for (int i = 0; i < jsonArray.length(); i++) {
							imagePage = new ImagePage();
							JSONObject temp = (JSONObject) jsonArray.get(i);
							imagePage.imgs = temp.getString("pic");
							imageP.add(imagePage);
						}
						result = 1;
					}else {
						result = 0;
					}
				} catch (JSONException e) {
					e.printStackTrace();
					result = 0;
				}
			}
			return result;
		}

		@Override
		protected void onPostExecute(Integer result) {
			// over do somethhing		
			if (1 == result) {
				initDatas(imageP);
				vp.setOffscreenPageLimit(3);
				vp.setAdapter(new MyPagerAdapter());
				setListener();
			}else {
				openActivity(LoginActivity.class);
				finish();
			}
			super.onPostExecute(result);
		}

		@Override
		protected void onProgressUpdate(Integer... values) {
		}
	}
	
	class ImagePage {
		public String imgs ;
	}
 
	/** 非同步任務 end ******** */

	
	/****************** 歡迎頁##### *********************/

	
	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		if (keyCode == KeyEvent.KEYCODE_BACK) {
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

}
 

佈局程式碼

<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=".Welcome_Activity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <!-- alpha  是透明度(範圍0-1),,visibility設定是否可見(gone為不可見,visible可見) -->

    <LinearLayout
        android:id="@+id/ll_points"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/vp"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="10dp"
        android:gravity="center"
        android:orientation="horizontal" />
    
    <ImageView
        android:id="@+id/wel_tv"
        android:layout_width="100dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="15dp"
        android:layout_marginRight="10dp"
        android:background="@drawable/jumpto"
        android:gravity="center"
        android:visibility="visible" />

    <TextView
        android:id="@+id/wel_jump"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/ll_points"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="21dp"
        android:background="@drawable/jump_tv"
        android:gravity="center"
        android:padding="10dp"
        android:textColor="@color/white"
        android:text="立即體驗"
        android:visibility="gone" />

</RelativeLayout>