android 滑动引导界面,UI 学习之路一

使用的是Viewpager

package com.example.csdnydym;

import android.app.Activity;
import android.content.Intent;
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.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class Activity_HY extends Activity implements OnClickListener,OnPageChangeListener{

	private ViewPager mViewPager;
	
	private final int[] pics = {R.drawable.welcome_page_1,R.drawable.welcome_page_2,R.drawable.welcome_page_3,R.drawable.welcome_page_4};
	
	private ImageView[] mPoints;
	
	private int currentIndex = 0;
	
	private ImageView btn;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_hy);
		
		initView();
		initPoint();
	}
	
	private void initView(){
		mViewPager = (ViewPager)findViewById(R.id.viewpager);
		mViewPager.setAdapter(new ViewPagerAdapter());
		mViewPager.setOnPageChangeListener(this);
		mViewPager.setCurrentItem(currentIndex);
		btn = (ImageView)findViewById(R.id.hy_btn);
		btn.setOnClickListener(this);
		
	}
	private void initPoint(){
		LinearLayout linearLayout = (LinearLayout)findViewById(R.id.hy_layout);
		mPoints = new ImageView[pics.length];
		for(int i=0;i<pics.length;i++){
			mPoints[i] = (ImageView)linearLayout.getChildAt(i);
			mPoints[i].setEnabled(false);
			mPoints[i].setTag(i);
		}
		mPoints[currentIndex].setEnabled(true);
	}
	
	class ViewPagerAdapter extends PagerAdapter{

		@Override
		public int getCount() {
			return pics.length;
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return (arg0==arg1);
		}
		
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			LinearLayout.LayoutParams mParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
			ImageView iv = new ImageView(Activity_HY.this);
			iv.setLayoutParams(mParams);
			iv.setImageResource(pics[position]);
			iv.setScaleType(ImageView.ScaleType.FIT_XY);
			container.addView(iv);
			return iv;
		}
		
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			View view = (View)object;
			container.removeView(view);
		}
	}

	@Override
	public void onPageScrollStateChanged(int arg0) {
	}

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

	@Override
	public void onPageSelected(int arg0) {
		setpoints(arg0);
	}

	
	private void setpoints(int pos){
		if(pos<0 || pos>pics.length || currentIndex == pos)return;
		mPoints[pos].setEnabled(true);
		mPoints[currentIndex].setEnabled(false);
		currentIndex = pos;
	}

	@Override
	public void onClick(View arg0) {
		if(currentIndex == pics.length-1){
			Intent intent = new Intent(this,Activity_main.class);
			startActivity(intent);
			finish();
		}

		
	}
}

对应的xml文件，activity_hy.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
	<android.support.v4.view.ViewPager 
	    android:id="@+id/viewpager"
	    android:layout_width="match_parent"
	    android:layout_height="match_parent"/>
	
	<LinearLayout 
	    android:id="@+id/hy_layout"
	    android:orientation="horizontal"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_alignParentBottom="true"
	    android:layout_centerHorizontal="true"
	    android:layout_marginBottom="54dp">
	    
	    <ImageView 
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_gravity="center_vertical"
	        android:clickable="true"
	        android:padding="15dp"
	        android:src="@drawable/hy_point_sel"/>
	    <ImageView 
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_gravity="center_vertical"
	        android:clickable="true"
	        android:padding="15dp"
	        android:src="@drawable/hy_point_sel"/>
	    <ImageView 
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_gravity="center_vertical"
	        android:clickable="true"
	        android:padding="15dp"
	        android:src="@drawable/hy_point_sel"/>
	    <ImageView 
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_gravity="center_vertical"
	        android:clickable="true"
	        android:padding="15dp"
	        android:src="@drawable/hy_point_sel"/>
	</LinearLayout>
	<LinearLayout 
	    android:id="@+id/hy_layout_btn"
	    android:orientation="vertical"
	    android:layout_width="match_parent"
	    android:layout_height="35dp"
	    android:layout_alignParentBottom="true"
	    android:layout_centerVertical="true">
	    <ImageView 
	        android:id="@+id/hy_btn"
	        android:layout_width="match_parent"
	        android:layout_height="match_parent"
	        android:clickable="true"
	        android:layout_gravity="center"/>
	</LinearLayout>
</RelativeLayout>

其他的类就不贴了，打包到资源库，

http://download.csdn.net/download/leelyn/7111599