android学习——实现欢迎界面图片动画滑动切换

刚学习的时候想做两个activity之间滑动切换的效果，就查了几个博客写了之前的一篇“activity实现动画切换”，现在看来这个功能好水，难看且基本不会有用到的。

但第一次启动APP欢迎界面滑动进入的效果很常见，所以就查资料写了这么一个。

当然这是跟程序第一次启动结合着用的，具体判断是否第一次启动，请看上一篇android学习——判断APP（程序）是否第一次启动

首先要了解一下ViewPager，简单的说它的的功能就是可以使视图左右滑动那样。下面详细介绍这个效果步骤：

1，在activity_main中加载ViewPager
，其他不需要布局

<android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</pre><pre name="code" class="java">

<pre name="code" class="java" style="color: rgb(51, 51, 51); line-height: 26px;"><span style="font-family: Arial;">2，创建几个layout,用来显示需要滑动的图片，我这里是三个，每个layout中可以做自己需要的布局，背景图片设置为自己设计好的，放在drawable文件夹中，我又在右上角加了一个透明且有边框的“跳过”按钮，代码如下</span>

<pre name="code" class="java"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/welcome1"
    android:orientation="vertical" >

    <Button
        android:id="@+id/pass1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/shape"
        android:text="@string/welcome_pass"
        android:textColor="#ffffff" />

</RelativeLayout>

3，创建一个WelcomeActivity，里面的代码如下

public class WelcomeActivity extends Activity implements OnClickListener {
<span style="white-space:pre">	</span>private ViewPager mViewPager;
<span style="white-space:pre">	</span>List<View> viewList;


<span style="white-space:pre">	</span>@Override
<span style="white-space:pre">	</span>protected void onCreate(Bundle savedInstanceState) {
<span style="white-space:pre">		</span>super.onCreate(savedInstanceState);
<span style="white-space:pre">		</span>setContentView(R.layout.splash_activity);


<span style="white-space:pre">		</span>
<span style="white-space:pre">		</span>@SuppressWarnings("static-access")
<span style="white-space:pre">		</span>// 用LayoutInflater中的getLayoutInflater加载要显示的界面
<span style="white-space:pre">		</span>// 获得 LayoutInflater 实例
<span style="white-space:pre">		</span>LayoutInflater mInflater = getLayoutInflater().from(this);


<span style="white-space:pre">		</span>// 加载要显示的界面
<span style="white-space:pre">		</span>View v1 = mInflater.inflate(R.layout.welcome1, null);
<span style="white-space:pre">		</span>View v2 = mInflater.inflate(R.layout.welcome2, null);
<span style="white-space:pre">		</span>View v3 = mInflater.inflate(R.layout.welcome3, null);


<span style="white-space:pre">		</span>// 将要分页显示的View装入数组中
<span style="white-space:pre">		</span>viewList = new ArrayList<View>();
<span style="white-space:pre">		</span>viewList.add(v1);
<span style="white-space:pre">		</span>viewList.add(v2);
<span style="white-space:pre">		</span>viewList.add(v3);


<span style="white-space:pre">		</span>// 实例化ViewPager组件，并设置它的PagerAdapter，在这里一般需要重写PagerAdapter,具体设置和重写见WelcomeActivityAdapter
<span style="white-space:pre">		</span>mViewPager = (ViewPager) findViewById(R.id.viewpager);
<span style="white-space:pre">		</span>mViewPager.setAdapter(new WelcomePagerAdapter(viewList));
<span style="white-space:pre">		</span>mViewPager.setCurrentItem(0);


<span style="white-space:pre">		</span>/*
<span style="white-space:pre">		</span> * 另外一种初始化写法：
<span style="white-space:pre">		</span> *  // 初始化Adapter 
<span style="white-space:pre">		</span> * private ViewPagerAdapter vpAdapter; 
<span style="white-space:pre">		</span> * 
<span style="white-space:pre">		</span> * vpAdapter = new ViewPagerAdapter(viewList, this); 
<span style="white-space:pre">		</span> * vp = (ViewPager)findViewById(R.id.viewpager); 
<span style="white-space:pre">		</span> * vp.setAdapter(vpAdapter); 
<span style="white-space:pre">		</span> * // 绑定回调
<span style="white-space:pre">		</span> * vp.setOnPageChangeListener(this);
<span style="white-space:pre">		</span> */


<span style="white-space:pre">		</span>//获取列表中的每个界面
<span style="white-space:pre">		</span>View view0 = viewList.get(0);
<span style="white-space:pre">		</span>View view1 = viewList.get(1);
<span style="white-space:pre">		</span>View view2 = viewList.get(2);


<span style="white-space:pre">		</span>// 找到界面中的“跳过”按钮
<span style="white-space:pre">		</span>Button pass1 = (Button) view0.findViewById(R.id.pass1);
<span style="white-space:pre">		</span>Button pass2 = (Button) view1.findViewById(R.id.pass2);
<span style="white-space:pre">		</span>Button in = (Button) view2.findViewById(R.id.in);
<span style="white-space:pre">		</span>
<span style="white-space:pre">		</span>//设置onClick
<span style="white-space:pre">		</span>pass1.setOnClickListener(this);
<span style="white-space:pre">		</span>pass2.setOnClickListener(this);
<span style="white-space:pre">		</span>in.setOnClickListener(this);


<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>//设置onClick方法，点击跳转到主界面，因为每一个按钮的点击事件都是进入程序，所以不需要switch了
<span style="white-space:pre">	</span>@Override
<span style="white-space:pre">	</span>public void onClick(View v) {
<span style="white-space:pre">		</span>
<span style="white-space:pre">		</span>Intent intent = new Intent(WelcomeActivity.this, LoginActivity.class);
<span style="white-space:pre">		</span>WelcomeActivity.this.startActivity(intent);
<span style="white-space:pre">		</span>WelcomeActivity.this.finish();
<span style="white-space:pre">	</span>}

//PagerAdapter是viewpager的适配器，必须继承它
public class WelcomePagerAdapter extends PagerAdapter {

	//界面列表
	private List<View> mListView;
	public WelcomePagerAdapter(List<View> mListView) {
		super();
		this.mListView = mListView;
	}

	// 销毁arg1位置的界面
	public void destroyItem(View arg0, int arg1, Object arg2) {
		((ViewGroup) arg0).removeView(mListView.get(arg1));
	}

	@Override
	public void finishUpdate(View arg0) {

	}

	// 获取当前窗体界面数
	public int getCount() {
		return mListView.size();
	}

	// 初始化arg1位置的界面
	@Override
	public Object instantiateItem(View arg0, int arg1) {
		((ViewGroup) arg0).addView(mListView.get(arg1), 0);
		return mListView.get(arg1);
	}

	// 判断是否由对象生成界面
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0 == (arg1);
	}

	@Override
	public void restoreState(Parcelable arg0, ClassLoader arg1) {

	}

	@Override
	public Parcelable saveState() {
		return null;
	}

	@Override
	public void startUpdate(View arg0) {

	}

}