這是我第一篇技術方面的Blog，寫Blog的主要目的是督促自己不斷地學習新知識，對學過的知識整理歸納，以便于更好的消化吸收，同時也為了和别人做一些技術分享和交流，以共同提高。
看到一位Android達人寫的“使用ViewPager實作高仿Launcher的拖動效果的文章”，我就按照他的介紹試驗了一下，效果還不錯。
下面上正文：
ViewPager是實作左右兩個螢幕平滑地切換的一個類，它是google提供的。使用ViewPager需要引入android-support-v4.jar這個jar包，這裡不做介紹，自己google吧！
下面先看一下效果：
效果請自行體驗，圖檔采用的是Fetion的圖檔，因為Fetion有類似的功能，是以就直接反編譯了Fetion的APK，得到的Demo需要的圖檔。下面上代碼：
首先是layout下面的main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rootLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/newlogin_bg" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<LinearLayout
android:id="@+id/dotGroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="30dp"
android:gravity="center_horizontal"
android:orientation="horizontal" >
</LinearLayout>
</RelativeLayout>
接下來為每一個切換界面設定布局，page0.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/welcome_p0" />
</LinearLayout>
其他的幾個界面布局和這個一樣，就是修改一下背景圖檔，是以不再複述。
最後是Java代碼：
package com.eason.viewpager;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class ViewPagerExampleActivity extends Activity {
ViewPager mViewPager;
ArrayList<View> mViewList;
ViewGroup mViewMain, mViewGroup;
ImageView mImageView;
ImageView[] mImageArray;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
LayoutInflater inflater = getLayoutInflater();
mViewList = new ArrayList<View>();
mViewList.add(inflater.inflate(R.layout.page0, null));
mViewList.add(inflater.inflate(R.layout.page1, null));
mViewList.add(inflater.inflate(R.layout.page2, null));
mImageArray = new ImageView[mViewList.size()];
ViewGroup mViewMain = (ViewGroup) inflater.inflate(R.layout.main, null);
// group是R.layou.main中的負責包裹小圓點的LinearLayout.
ViewGroup mViewGroup = (ViewGroup) mViewMain.findViewById(R.id.dotGroup);
mViewPager = (ViewPager) mViewMain.findViewById(R.id.viewPager);
for (int i=0; i < mViewList.size(); i++) {
mImageView = new ImageView(this);
// mImageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
// LayoutParams.WRAP_CONTENT));
mImageView.setPadding(11, 0, 11, 0);
mImageArray[i] = mImageView;
if (i == 0) {
// 預設進入程式後第一張圖檔被選中
mImageArray[i].setImageResource(R.drawable.pager_dot_active);
} else {
mImageArray[i].setImageResource(R.drawable.pager_dot_inactive);
}
mViewGroup.addView(mImageArray[i]);
}
setContentView(mViewMain);
mViewPager.setAdapter(new MyAdaper());
mViewPager.setOnPageChangeListener(new MyListener());
}
private class MyAdaper extends PagerAdapter {
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager)arg0).removeView(mViewList.get(arg1));
}
@Override
public void finishUpdate(View arg0) {
// TODO Auto-generated method stub
}
@Override
public int getCount() {
return mViewList.size();
}
@Override
public Object instantiateItem(View arg0, int arg1) {
((ViewPager)arg0).addView(mViewList.get(arg1));
return mViewList.get(arg1);
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public void restoreState(Parcelable arg0, ClassLoader arg1) {
// TODO Auto-generated method stub
}
@Override
public Parcelable saveState() {
// TODO Auto-generated method stub
return null;
}
@Override
public void startUpdate(View arg0) {
// TODO Auto-generated method stub
}
}
private class MyListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageSelected(int arg0) {
for (int i = 0; i < mImageArray.length; i++) {
if (i == arg0) {
mImageArray[i].setImageResource(R.drawable.pager_dot_active);
} else {
mImageArray[i].setImageResource(R.drawable.pager_dot_inactive);
}
}
}
}
}
另外還需要把Activity的設定成NoTitleBar的，可以在AndroidManifest.xml進行設定，代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.eason.viewpager"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk android:minSdkVersion="8" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:label="@string/app_name"
android:name=".ViewPagerExampleActivity"
android:theme="@android:style/Theme.NoTitleBar" >
<intent-filter >
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
最後提醒一句，不要忘記加入android-support-v4.jar這個jar包。
轉自：http://blog.csdn.net/wangkuifeng0118/article/details/7388166#